@extends('Layout.admindashboard')
@section('css')
@endsection

@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-home"></i>
                </span> Bank Setup
            </h3>
        </div>
        <div class="row">
            <div class="col-6 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Bank detail</h4>
                        <form class="forms-sample" id="bankdetail">
                            @csrf
                            <input type="hidden" name="id" value="1">
                            <div class="form-group">
                                <label for="bank_name">Bank Name</label>
                                <input type="text" class="form-control" id="bank_name" name="bank_name"
                                    placeholder="Bank Name" value="{{ $bank->bank_name }}">
                            </div>
                            <div class="form-group">
                                <label for="account_no">Account No</label>
                                <input type="text" class="form-control" id="account_no" name="account_no"
                                    placeholder="Account No" value="{{ $bank->account_no }}">
                            </div>
                            <div class="form-group">
                                <label for="holdername">Account holder name</label>
                                <input type="text" class="form-control" id="holdername" name="holdername"
                                    placeholder="Account holder name" value="{{ $bank->account_holder_name }}">
                            </div>
                            <div class="form-group">
                                <label for="ifsccode">IFSC Code</label>
                                <input type="text" class="form-control" id="ifsccode" name="ifsccode"
                                    placeholder="IFSC Code" value="{{ $bank->ifsc_code }}">
                            </div>
                            <div class="form-group">
                                <label for="mobile_no">Mobile no</label>
                                <input type="text" class="form-control" id="mobile_no" name="mobile_no"
                                    placeholder="Mobile No." value="{{ $bank->mobile_no }}">
                            </div>
                            <div class="form-group">
                                <label for="upi_id">UPI Id</label>
                                <input type="text" class="form-control" id="upi_id" name="upi_id"
                                    placeholder="UPI Id" value="{{ $bank->upi_id }}">
                            </div>
                            <div class="form-group">
                                <label for="value">Bar code</label>
                                <input type="file" class="form-control" id="barcode" name="barcode">
                            </div>
                            @if ($bank->barcode != '')
                                <img src="{{ $bank->barcode }}" alt="" style="width:260px;"> <br>
                            @endif
                            <button type="submit" class="btn btn-gradient-primary me-2">Update</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- content-wrapper ends -->
@endsection

@section('js')
    <script>
        $("#bankdetail").on('submit', function(e) {
            e.preventDefault();
        });
        $("#bankdetail").validate({
            submitHandler: function(form) {
                apex("POST", "{{ url('admin/api/bankdetail') }}", new FormData(form), form,
                    "/admin/bank-detail", "#");
            }
        });
    </script>
@endsection