@extends('mainlayout.layout')


@section('title')

@endsection

@push('css')

@endpush


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            @if(empty($owner->bank) && empty($owner->bank) )


            <h4 class="mb-0 font-size-18">Add Bank Details</h4>

            @else
            <h4 class="mb-0 font-size-18">Edit Bank Details</h4>


            @endif
        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form action="/propertyowner/addbankdetails/@encrypt($owner->id)" enctype="multipart/form-data"
                    method="POST">

                    @csrf




                    <div class="row">

                        <div class="col-md-3 col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label for="formrow-inputState">Bank</label>
                                <select class="form-control" id="formrow" name="bank" required="">
                                    <option></option>
                                    @foreach($banks as $bank)
                                    <option @if($owner->bank==$bank->id) selected="" @endif
                                        value="{{$bank->id}}">{{$bank->name}}</option>
                                    @endforeach
                                </select>


                            </div>
                        </div>


                        <div class="col-md-3 col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label for="formrow-inputState">Account Name</label>
                                <input class="form-control" value="{{$owner->accountname}}" name="accountname"
                                    required="">

                            </div>
                        </div>


                        <div class="col-md-3 col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label for="formrow-inputState">Account Number</label>
                                <input class="form-control" value="{{$owner->accountnumber}}" name="accountnumber"
                                    required="">

                            </div>
                        </div>

                        <!--   <div class="col-md-3 col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label for="formrow-inputState">Swift Code</label>
                                <input class="form-control" value="{{$owner->swiftcode}}" name="swiftcode">

                            </div>
                        </div> -->

                    </div>












                    <div class="row">
                        <div class="col-lg-3">
                            @if(empty($owner->bank) && empty($owner->bank) )
                            <button href="#" class="mt-4 btn btn_blck w-md" style="width:100%;">Add Bank
                                Account</button>
                            @else

                            <button href="#" class="mt-4 btn btn_blck w-md" style="width:100%;">Edit Bank
                                Account</button>
                            @endif
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/assets/image-uploader.min.js"></script>


<script>
    $('.input-images').imageUploader();


</script>

@endpush