@extends('backend.layouts.main')
@section('panel')
@php
    // Daftar bank disimpan dalam array. 
    // Jika ada bank baru, cukup tambahkan 1 baris di sini.
    $listBank = [
        'bca'        => 'BCA',
        'bni'        => 'BNI',
        'bri'        => 'BRI',
        'mandiri'    => 'Mandiri',
        'cimb'       => 'CIMB Niaga',
        'danamon'    => 'Danamon',
        'permata'    => 'Permata',
        'ovo'        => 'OVO',
        'qris'       => 'QRIS Otomatis',
        'qrismanual' => 'QRIS Manual',
        'gopay'      => 'Gopay',
        'dana'       => 'Dana',
        'panin'      => 'Panin',
        'linkaja'    => 'LinkAja',
        'sakuku'     => 'Sakuku',
        'bsi'        => 'BSI',
        'jenius'     => 'Jenius',
        'neo'        => 'Neobank',
        'jago'       => 'Jago',
        'sinarmas'   => 'Sinarmas',
        'allo'       => 'Allobank',
        'blu'        => 'Blu by BCA Digital',
        'seabank'    => 'Seabank',
        'ocbc'       => 'OCBC'
    ];
@endphp
    <div class="row">
        <div class="col-lg-4">
            @if (Route::is('admin.bank.edit'))
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Banks Edit</h4>
                        <form class="form p-t-20" method="POST" action="{{ route('admin.bank.update',$bank->id) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Logo Bank / Qris</label>
                                <img class="input-group mb-3" style="width: 80px" src="{{ asset('uploads/' . $bank->icon) }}">
                                <div class="input-group mb-3">
                                    <input type="file" class="form-control" name="file">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Bank Name</label>
                                <div class="input-group mb-3">
                                    <select name="nama_bank" class="form-select" required>
                                        <option value="">-- Pilih Bank --</option>
                                        
                                        {{-- Melakukan looping otomatis dari array di atas --}}
                                        @foreach($listBank as $value => $label)
                                            <option value="{{ $value }}" {{ old('nama_bank', $bank->nama_bank ?? '') == $value ? 'selected' : '' }}>
                                                {{ $label }}
                                            </option>
                                        @endforeach
                                        
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Account No</label>
                                <div class="input-group mb-3">
                                    <input type="text" name="nomor_rekening" class="form-control"
                                        placeholder="Account No / Qris Url" required="" aria-label="Username"
                                        value="{{ $bank->nomor_rekening }}" aria-describedby="basic-addon11">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Account Name</label>
                                <div class="input-group mb-3">
                                    <input type="text" name="nama_pemilik" class="form-control"
                                        placeholder="Account Name" required="" aria-label="Username"
                                        value="{{ $bank->nama_pemilik }}" aria-describedby="basic-addon11">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Type</label>
                                <div class="input-group mb-3">
                                    <select name="type" class="form-select" required>
                                        <option>-- Pilih Type --</option>
                                        <option value="manual" {{ old('type', $bank->type ?? '') == 'manual' ? 'selected' : '' }}>MANUAL</option>
                                        <option value="otomatis" {{ old('type', $bank->type ?? '') == 'otomatis' ? 'selected' : '' }}>OTOMATIS</option>
                                    </select>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary m-r-10">Submit</button>
                            <a href="{{ route('admin.bank.list') }}" class="btn btn-dark">Cancel</a>
                        </form>
                    </div>
                </div>
            @else
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Banks Create</h4>
                        <form class="form p-t-20" method="POST" action="{{ route('admin.bank.create') }}" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Icon Bank ( Qris masukan disini )</label>
                                <div class="input-group mb-3">
                                    <input type="file" class="form-control" required="" name="file">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Bank Name</label>
                                <div class="input-group mb-3">
                                    <select name="nama_bank" class="form-select" required>
                                        <option value="bca">BCA</option>
                                        <option value="bni">BNI</option>
                                        <option value="bri">BRI</option>
                                        <option value="mandiri">Mandiri</option>
                                        <option value="cimb">CIMB Niaga</option>
                                        <option value="danamon">Danamon</option>
                                        <option value="permata">Permata</option>
                                        <option value="ovo">OVO</option>
                                        <option value="qris">QRIS Otomatis</option>
                                        <option value="qrismanual">QRIS Manual</option>
                                        <option value="gopay">Gopay</option>
                                        <option value="dana">Dana</option>
                                        <option value="panin">Panin</option>
                                        <option value="linkaja">LinkAja</option>
                                        <option value="sakuku">Sakuku</option>
                                        <option value="bsi">BSI</option>
                                        <option value="jenius">Jenius</option>
                                        <option value="neo">Neobank</option>
                                        <option value="jago">Jago</option>
                                        <option value="sinarmas">Sinarmas</option>
                                        <option value="allo">Allobank</option>
                                        <option value="blu">Blu by BCA Digital</option>
                                        <option value="seabank">Seabank</option>
                                        <option value="ocbc">OCBC</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Account No</label>
                                <div class="input-group mb-3">
                                    <input type="text" name="nomor_rekening" class="form-control"
                                        placeholder="Account No / Qris Url" required="" aria-label="Username"
                                        aria-describedby="basic-addon11">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Account Name</label>
                                <div class="input-group mb-3">
                                    <input type="text" name="nama_pemilik" class="form-control"
                                        placeholder="Account Name" required="" aria-label="Username"
                                        aria-describedby="basic-addon11">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Type</label>
                                <div class="input-group mb-3">
                                    <select name="type" class="form-select" required="">
                                        <option value="manual">MANUAL</option>
                                        <option value="otomatis">OTOMATIS</option>
                                    </select>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary m-r-10">Submit</button>
                        </form>
                    </div>
                </div>
            @endif
        </div>
        <div class="col-lg-8">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Banks Account</h4>
                </div>
                <div class="card-datatable table-responsive">
                    <table id="default-datatable" class="table table-bordered table-sm">
                        <thead>
                            <tr>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">#</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Logo / Qris</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Bank Name</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Account No</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Account Name</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Type</th>
                                <th class="text-center" style="vertical-align: middle; font-size: 12px;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($banks as $item)
                                <tr>
                                    <th class="text-center" style="vertical-align: middle; font-size: 13px;">{{ $loop->iteration }}</th>
                                    <th class="text-center" style="vertical-align: middle; font-size: 12px;"><img style="width: 30px" src="{{ asset('uploads/' . $item->icon) }}"></th>
                                    <td class="text-center"
                                        style="vertical-align: middle; white-space: normal; font-size: 13px;">{{ $item->nama_bank }}
                                    </td>
                                    <td class="text-center"
                                        style="vertical-align: middle; white-space: normal; font-size: 13px;">{{ $item->nomor_rekening }}
                                    </td>
                                    <td class="text-center"
                                        style="vertical-align: middle; white-space: normal; font-size: 13px;">{{ $item->nama_pemilik }}
                                    </td>
                                    <td class="text-center"
                                        style="vertical-align: middle; white-space: normal; font-size: 13px;">{{ $item->type }}
                                    </td>
                                    <td class="text-center" style="vertical-align: middle; font-size: 13px;">
                                        <a href="{{ route('admin.bank.edit',$item->id) }}" class="btn btn-xs btn-primary"><span
                                                class="mdi mdi-pencil"></span></a>
                                        <a href="{{ route('admin.bank.delete',$item->id) }}" class="btn btn-xs btn-danger"
                                            onclick="return confirm('Are you sure want to delete this Banks?');"><span
                                                class="mdi mdi-trash-can"></span></a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection