@extends('layouts.page')
@section('css_plugin')
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Toastr -->
    <link rel="stylesheet" href="{{ asset('adminLTE-3.1.0/plugins/toastr/toastr.min.css') }}">
@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Profile Bank</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Profile Bank</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    @if ($message = Session::get('simpan'))
        <script>
            window.onload = function simpan() {
                toastr.success('{{ $message }}');
            }
        </script>
    @endif
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <!-- SELECT2 EXAMPLE -->
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">Form Input Profile Bank</h3>

                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            <form action="{{ route('profilebank.store') }}" method="post" enctype="multipart/form-data"
                                class="form-horizontal">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group row">
                                            <label for="nama" class="col-sm-3 col-form-label">Nama Bank</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="nama" name="nama"
                                                    class="form-control @error('nama') is-invalid @enderror"
                                                    placeholder="Masukkan Nama Bank"
                                                    value="{{ old('nama', !empty($profilebank) ? $profilebank->nama : null) }}"
                                                    required>
                                                @error('nama')
                                                    <div class="invalid-feedback">
                                                        <h6><span class="badge badge-danger">{{ $message }}</span></h6>
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="no_hp" class="col-sm-3 col-form-label">Nomor HP</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="no_hp" name="no_hp"
                                                    class="form-control @error('no_hp') is-invalid @enderror"
                                                    placeholder="Masukkan Nomor HP"
                                                    value="{{ old('no_hp', !empty($profilebank) ? $profilebank->no_hp : null) }}"
                                                    required>
                                                @error('no_hp')
                                                    <div class="invalid-feedback">
                                                        <h6><span class="badge badge-danger">{{ $message }}</span></h6>
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="email" class="col-sm-3 col-form-label">Email</label>
                                            <div class="col-sm-9">
                                                <input type="email" id="email" name="email"
                                                    class="form-control @error('email') is-invalid @enderror"
                                                    placeholder="Masukkan Email"
                                                    value="{{ old('email', !empty($profilebank) ? $profilebank->email : null) }}"
                                                    required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="facebook" class="col-sm-3 col-form-label">Facebook</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="facebook" name="facebook"
                                                    class="form-control @error('facebook') is-invalid @enderror"
                                                    placeholder="Masukkan Facebook"
                                                    value="{{ old('facebook', !empty($profilebank) ? $profilebank->facebook : null) }}"
                                                    required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="instagram" class="col-sm-3 col-form-label">Instagram</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="instagram" name="instagram"
                                                    class="form-control @error('instagram') is-invalid @enderror"
                                                    placeholder="Masukkan Instagram"
                                                    value="{{ old('instagram', !empty($profilebank) ? $profilebank->instagram : null) }}"
                                                    required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="twitter" class="col-sm-3 col-form-label">Twitter</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="twitter" name="twitter"
                                                    class="form-control @error('twitter') is-invalid @enderror"
                                                    placeholder="Masukkan Twitter"
                                                    value="{{ old('twitter', !empty($profilebank) ? $profilebank->twitter : null) }}"
                                                    required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="youtube" class="col-sm-3 col-form-label">Youtube</label>
                                            <div class="col-sm-9">
                                                <input type="text" id="youtube" name="youtube"
                                                    class="form-control @error('youtube') is-invalid @enderror"
                                                    placeholder="Masukkan Youtube"
                                                    value="{{ old('youtube', !empty($profilebank) ? $profilebank->youtube : null) }}"
                                                    required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="status" class="col-sm-3 col-form-label">Status</label>
                                            <div class="col-sm-9">
                                                <select id="status" name="status" class="custom-select" required>
                                                    <option>...: Pilih Status :...</option>
                                                    <option value="1"
                                                        {{ old('status', !empty($profilebank) ? $profilebank->status : null) == '1' ? 'selected' : '' }}>
                                                        Aktif</option>
                                                    <option value="0"
                                                        {{ old('status', !empty($profilebank) ? $profilebank->status : null) == '0' ? 'selected' : '' }}>
                                                        Tidak Aktif</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-outline-primary">
                                                    <i class="fas fa-save"></i> Simpan
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group row">
                                            <label for="alamat" class="col-sm-3 col-form-label">Alamat</label>
                                            <div class="col-sm-9">
                                                <textarea id="alamat" name="alamat" rows="2" class="form-control @error('alamat') is-invalid @enderror"
                                                    placeholder="Masukkan Alamat">{{ old('alamat', !empty($profilebank) ? $profilebank->alamat : null) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="tentang" class="col-sm-3 col-form-label">Tentang</label>
                                            <div class="col-sm-9">
                                                <textarea id="tentang" name="tentang" rows="6" class="form-control @error('tentang') is-invalid @enderror"
                                                    placeholder="Masukkan Tentang">{{ old('tentang', !empty($profilebank) ? $profilebank->tentang : null) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="moto" class="col-sm-3 col-form-label">Moto</label>
                                            <div class="col-sm-9">
                                                <textarea id="moto" name="moto" rows="6" class="form-control @error('moto') is-invalid @enderror"
                                                    placeholder="Masukkan Moto">{{ old('moto', !empty($profilebank) ? $profilebank->moto : null) }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-4">
                            <form action="{{ route('profilebank.store_logo') }}" method="post" enctype="multipart/form-data"
                                class="form-horizontal">
                                @csrf
                                <div class="form-group row">
                                    <div class="col-sm-12 text-center">
                                        @if ((!empty($profilebank->logo) ? $profilebank->logo : null) == null)
                                            <img class="img-fluid mb-3" src="{{ URL::asset('adminLTE-3.1.0/dist/img/user.png') }}" height="175" width="175" alt="Gambar Logo Bank">
                                        @else
                                            <img class="img-fluid mb-3" src="{{ Storage::url($profilebank->logo) }}" alt="Gambar Logo Bank">
                                        @endif
                                    </div>
                                    <label for="logo" class="col-sm-3 col-form-label">Logo Bank</label>
                                    <div class="col-sm-9">
                                        <div class="custom-file">
                                            <input type="file" id="logo" name="logo"
                                            class="custom-file-input @error('logo') is-invalid @enderror"
                                            required>
                                            <label class="custom-file-label" for="customFile">
                                                {{ old('logo', !empty($profilebank->logo) ? $profilebank->logo : 'Choose file') }}
                                            </label>
                                        </div>
                                        @error('logo')
                                            <div class="invalid-feedback">
                                                <h6><span class="badge badge-danger">{{ $message }}</span></h6>
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-12">
                                        <hr>
                                        <div class="form-group row">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-outline-primary">
                                                    <i class="fas fa-save"></i> Simpan
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    Team Bank Mini <a href="https://smkn7kotaserang.sch.id/">SMK Negeri 7 Kota Serang</a>
                    Maal Islamic Bank (MIB) {{ date('Y') }}.
                </div>
            </div>
            <!-- /.card -->
            <!-- /.row (main row) -->
        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
@endsection
@section('js_plugin')
    <!-- jQuery UI 1.11.4 -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <!-- bs-custom-file-input -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(function() {
            bsCustomFileInput.init();
        });

        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="{{ asset('adminLTE-3.1.0/dist/js/pages/dashboard.js') }}"></script>
    <!-- Toastr -->
    <script src="{{ asset('adminLTE-3.1.0/plugins/toastr/toastr.min.js') }}"></script>
@endsection