@extends('layouts.UserDashboard')
@section('user')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">Bank Account</h4>

                <div class="page-title-right">
                    <a href="{{route('user.dashboard')}}" class="btn btn-secondary btn-sm">
                        ← Back
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <!-- Bank Account Form -->
    <div class="row">
        <div class="col-lg-8 col-md-10">
            <div class="card shadow-sm border-0 rounded-3">
                <div class="card-body">
                    <h5 class="card-title mb-4">Add Bank Account Information</h5>

                    <form action="{{route('user.bank.account.save')}}" method="POST">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="account_name" class="form-label">Account Holder Name</label>
                                <input type="text" class="form-control" id="account_name" name="account_name"
                                       value="{{$model->account_name}}"
                                       placeholder="John Doe" required>
                            </div>

                            <div class="col-md-6">
                                <label for="bank_name" class="form-label">Bank Name</label>
                                <input type="text" class="form-control" id="bank_name" name="bank_name"
                                       value="{{$model->bank_name}}"
                                       placeholder="ABC Bank Ltd" required>
                            </div>

                            <div class="col-md-6">
                                <label for="account_number" class="form-label">Account Number</label>
                                <input type="text" class="form-control" id="account_number" name="account_number"
                                       value="{{$model->account_number}}"
                                       placeholder="1234567890" required>
                            </div>

                            <div class="col-md-6">
                                <label for="iban" class="form-label">IBAN</label>
                                <input type="text" class="form-control" id="iban" name="iban" value="{{$model->iban}}"
                                       placeholder="GB82WEST12345698765432">
                            </div>

                            <div class="col-md-6">
                                <label for="swift_code" class="form-label">SWIFT Code</label>
                                <input type="text" class="form-control" id="swift_code" name="swift_code"
                                       value="{{$model->swift_code}}"
                                       placeholder="ABCDEFXX">
                            </div>

                            <div class="col-md-6">
                                <label for="branch" class="form-label">Branch</label>
                                <input type="text" class="form-control" id="branch" name="branch"
                                       value="{{$model->branch}}"
                                       placeholder="Main Branch">
                            </div>

                            <div class="col-12">
                                <label for="address" class="form-label">Bank Address</label>
                                <textarea class="form-control" id="address" name="address" rows="2"
                                          placeholder="123 Main Street, City, Country">{!! $model->address !!}</textarea>
                            </div>

                            <div class="col-12 text-end mt-3">
                                <button type="submit" class="btn btn-primary px-4">Save Account</button>
                                <button type="reset" class="btn btn-light ms-2">Reset</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection