{{ Form::open(['route'=>['water.bank-account.update', $bankAccount->id],'method'=>'POST', 'class'=>'needs-validation', 'novalidate']) }}
@method('PUT')
<div class="modal-header">
    <h5 class="modal-title mt-0" id="myModalLabel">আপডেট</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <div class="col-md-12 m-auto">
        <div class="form-group row mb-2">
            <label for="bank_information_id1" class="col-form-label">ব্যাংক<span class="required">*</span></label>
            <select class="form-control select2" name="bank_information_id" id="bank_information_id1">
                <option value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                @foreach($bankInfo as $item)
                    <option value="{{ $item->id }}" {{ $item->id == $bankAccount->bank_information_id ? 'selected' : '' }}>{{ $item->bank_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group row mb-2">
            <label for="bank_branch1" class="col-form-label">ব্যাংক<span class="required">*</span></label>
            <select class="form-control select2" name="bank_branch" id="bank_branch1">
                <option value="" selected disabled>&mdash; চিহ্নিত করুন &mdash;</option>
                @foreach($bankInfo as $item)
                    @foreach(json_decode($item->branch_info) as $item1)
                        <option value="{{ $item1->branch_name }}" {{ $item1->branch_name == $bankAccount->bank_branch ? 'selected' : '' }}>{{ $item1->branch_name }}</option>
                    @endforeach
                @endforeach
            </select>
        </div>
        <hr/>
        <div class="form-group row mb-2">
            <label for="account_title" class="col-form-label">হিসাবের শিরোনাম<span class="required">*</span></label>
            <input type="text" step="any" name="account_title" value="{{ $bankAccount->account_title }}" required class="form-control" id="account_title">
        </div>
        <div class="form-group row mb-2">
            <label for="account_number" class="col-form-label">হিসাব নম্বর<span class="required">*</span></label>
            <input type="text" step="any" name="account_number" value="{{ $bankAccount->account_number }}" required class="form-control" id="account_number">
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="submit" class="btn btn-primary waves-effect waves-light">আপডেট</button>
    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">ক্লোজ</button>
</div>
{{ Form::close() }}
<script>
    $("#bank_information_id1").on('change', function () {
        let bank_id = $(this).val();
        $.ajax({
            url: '{{ route('water.get-bank-info') }}',
            method: "GET",
            data: {bank_id: bank_id},
            dataType: "json",
            success:function (res) {
                let option = '';
                option += '<option style="color: red" selected disabled value="">&mdash; চিহ্নিত করুন &mdash;</option>';
                $.each(res, function (key, value) {
                    option += '<option value="'+value.branch_name+'">'+value.branch_name+'</option>';
                });
                $("#bank_branch1").empty().append(option);
            }
        });
    })
</script>