@extends('layouts.adminLayout.dashboardLayout')
@section('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.4/dist/sweetalert2.min.css">
    
@endsection
@section('content')
    
    <main role="main" class="flex-shrink-0">
        <div class="container custom-container">
            <div class="login-5 mt-50 mb-50">
                <div class="container-fluid">
                    <div class="row no-gutters">
                        <div class="col-sm-12">
                            <div class="container-fluid">
                               


                                <div class="card">
                                    <div class="card-header d-flex align-items-center justify-content-between py-3 px-3">
                                        <h4 class="mb-0 fw-bold fs-4"></h4>
                                        <a href="{{ route('bankdetail-list') }}" class="btn btn-danger text-white fs-5"> <i
                                                class="fa fa-angle-double-left" aria-hidden="true"> Back</i></a>
                                    </div>
                                                                        <div class="card-body">
                                        <div class="custom-form">
                                            <form
                                                action="{{ isset($settingData) && !empty($settingData) ? route('bankdetail-edit', ['ID' => $settingData['id']]) : route('bankdetail-add') }}"
                                                method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group mb-3">
                                                            <label class="text-left labelName">Exam</label>
                                                            <select class="form-control required" name="Exam_Type">
                                                                <option selected disabled>--Select--</option>
                                                                @foreach ($examsList as $key => $val)
                                                                    <option value="{{ $key }}"
                                                                        {{ isset($settingData['Exam_Type']) && $settingData['Exam_Type'] == $key ? 'selected' : '' }}>
                                                                        {{ $val }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('Exam_Type')
                                                                <div class="text-danger mb-4">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4">
                                                        <div class="form-group mb-3">
                                                            <label class="text-left labelName">Beneficiary Name</label>
                                                            <input type="text" name="Beneficiary_Name"
                                                                class="form-control required"
                                                                value="{{ $settingData['Beneficiary_Name'] ?? '' }}">
                                                            @error('Beneficiary_Name')
                                                                <div class="text-danger mb-4">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group mb-3">
                                                            <label class="text-left labelName">Bank Account No</label>
                                                            <input type="text" name="Bank_Account_No"
                                                                class="form-control required"
                                                                value="{{ $settingData['Bank_Account_No'] ?? '' }}" onkeypress = 'return blockSpecialChar(event, "numeric")'>
                                                            @error('Bank_Account_No')
                                                                <div class="text-danger mb-4">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4">
                                                        <div class="form-group mb-3">
                                                            <label class="text-left labelName">Bank Name</label>
                                                            <input type="text" name="Bank_Name"
                                                                class="form-control required"
                                                                value="{{ $settingData['Bank_Name'] ?? '' }}">
                                                            @error('Bank_Name')
                                                                <div class="text-danger mb-4">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group mb-3">
                                                            <label class="text-left labelName">IFSC Code</label>
                                                            <input type="text" name="IFSC_Code"
                                                                class="form-control required"
                                                                value="{{ $settingData['IFSC_Code'] ?? '' }}">
                                                            @error('IFSC_Code')
                                                                <div class="text-danger mb-4">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>



                                                   
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-auto">
                                                        <div class="form-group">
                                                            <button type="submit"
                                                                class="btn btn-success DatePreference file">Submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@section('script')
 

<script>

   ClassicEditor
       .create(document.querySelector('#instructions_texts'))
       .catch(error => {
           console.error(error);
       });
</script>

    <script>

        
        // $(document).ready(function() {
        //     $('form').on('submit', function(e) {
        //         let isValid = true;

        //         $(this).find('.required').each(function() {
        //             if (!$(this).val()) {
        //                 isValid = false;
        //                 $(this).addClass('is-invalid');
        //                 if (!$(this).next('.invalid-feedback').length) {
        //                     $(this).after(
        //                         '<div class="invalid-feedback fs-6">This field is required.</div>'
        //                     );
        //                 }
        //             } else {
        //                 $(this).removeClass('is-invalid');
        //                 $(this).next('.invalid-feedback').remove();
        //             }
        //         });

        //         if (!isValid) {
        //             e.preventDefault(); // Stop form from submitting
        //         }
        //     });

        //     // Remove error on input
        //     $('[required]').on('input change', function() {
        //         if ($(this).val()) {
        //             $(this).removeClass('is-invalid');
        //             $(this).next('.invalid-feedback').remove();
        //         }
        //     });
        // });
    </script>
@endsection