@extends('admin.layout.index')
@section('content')
    @include('admin.layout.nav', ['title' => trans('معلومات البنك')])
    <div class="d-flex flex-column-fluid">
        <div class="container">
            <div id="kt_app_content" class="app-content flex-column-fluid">
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-xxl">

                    <div class="d-flex flex-column flex-xl-row">
                        <div class="col-md-12">
                            <div class="card card-custom gutter-b example example-compact">
                                <div class="card-header">
                                    <p class="card-title">معلومات البنك</p>
                                </div>
                            </div>

                            <section style="background-color: #ffffff; padding: 20px 30px">
                                <form action="{{ route('client.order.updateBankInfo') }}" enctype="multipart/form-data"
                                    class="form mb-15 fv-plugins-bootstrap5 fv-plugins-framework" method="post"
                                    id="bank_info_form">
                                    @csrf

                                    <div class="row mb-5">
                                        <div class="col-md-6 fv-row fv-plugins-icon-container pt-4">
                                            <label class="required fs-5 fw-semibold mb-2">اسم صاحب الحساب كما في
                                                البنك</label>
                                            <input type="text" class="form-control"
                                                placeholder="اسم صاحب الحساب كما في البنك"
                                                value="{{ $item->bank_account_name }}" required name="bank_account_name">
                                            <div
                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>

                                        <div class="col-md-6 pt-4">
                                            <label class="required fs-5 fw-semibold mb-2">اسم البنك</label>
                                            <div class="">
                                                <select style="height: 40px !important;" id="bank_name" required
                                                    class="form-control" name="bank_name">
                                                    <option value="">اختر البنك</option>
                                                    @foreach (\App\Models\Bank::all() as $bank)
                                                        <option @if ($item->bank_name == $bank->name) selected @endif
                                                            value="{{ $bank->name }}">{{ $bank->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-6 fv-row fv-plugins-icon-container pt-4">
                                            <label class="required fs-5 fw-semibold mb-2">رقم الآيبان (IBAN)</label>
                                            <div class="input-group">
                                                <input dir="ltr" type="text" class="form-control"
                                                    placeholder="رقم الآيبان 22 حرف" value="{{ $item->bank_account }}"
                                                    required maxlength="22" name="bank_account">
                                                <span class="input-group-text" style="font-weight: bolder">SA</span>
                                            </div>
                                            <div
                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>

                                        <div class="col-md-6 fv-row fv-plugins-icon-container pt-4">
                                            <label class="fs-5 fw-semibold mb-2">رقم الحساب (اختياري)</label>
                                            <input dir="ltr" type="text" class="form-control"
                                                placeholder="رقم الحساب" value="{{ $item->bank_account_number ?? '' }}"
                                                name="bank_account_number">
                                            <div
                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                            </div>
                                        </div>

                                        <div class="col-md-12 pt-4">
                                            @includeIf('admin.components.form.edit.file', [
                                                'icon' => 'fa fa-check',
                                                'label' => trans('مشهد آيبان بنكي'),
                                                'name' => 'bank_iban_image',
                                                'max' => '5',
                                                'class' => 'col-md-12',
                                            ])
                                        </div>
                                    </div>

                                    <div class="separator mb-8"></div>

                                    <button type="submit" class="btn btn-primary" id="bank_info_submit_button">
                                        تحديث معلومات البنك
                                    </button>
                                </form>
                            </section>
                        </div>
                    </div>

                </div>
                <!--end::Content container-->
            </div>
        </div>
    </div>
@endsection