@extends('layouts.frontend.app')
@section('title', trans('accountOpen.account-open'))
<!-- give custom pagh for js -->


@section('content')
@include('inner.breadcrumb',['pageName'=> trans('accountOpen.account-open')])

<section id="inner-contanier">
    <img class="service-shape1 animate-y" src="{{asset('mechi/images/shape1.png')}}" alt="">
    <img class="about-shape1 animate-y" src="{{asset('mechi/images/shape2.png')}}" alt="">
    <form id="captcha-form" method="post" class="container needs-validation" novalidate action="{{route('account-opening.submit')}}" enctype="multipart/form-data">
        @if(Session::has('success'))
        <div class="alert alert-success">
            <strong>Success!</strong> {{ Session::get('success') }}
        </div>
        @endif

        @if(Session::has('error'))
        <div class="alert alert-danger">
            <strong>Error!</strong> {{ Session::get('error') }}
        </div>
        @endif

        @if($errors->any())

        <div class="alert alert-danger">
            <strong>Error!</strong> Please see below for validation error!!
        </div>
        @endif


        @csrf
        <h1>{{trans('accountOpen.open-account-form-online')}}
        </h1>
        <div class="org-txt">
            <div class="senior-tilte">{{trans('accountOpen.Mr-office-chief-Ju')}}
            </div>
            <div>{{trans('accountOpen.nationalCooperativeBankLimited')}}
            </div>
            <p class="form-paragraph">{{trans('accountOpen.necessary-documents-to-open-account')}}
            </p>
        </div>
        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.cooperative-organization-name')}}
                <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name " required name="organization_name_nepali" value="{{old('organization_name_nepali')}}">
                    <label for="">{{trans('accountOpen.cooperative-organization-name-nepali')}}
                    </label>
                </div>
                @error('organization_name_nepali') <span class="text-danger">{{$message}}</span>@enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name " required name="organization_name_english" value="{{old('organization_name_english')}}">
                    <label for="">{{trans('accountOpen.cooperative-organization-name-english')}}
                    </label>
                </div>
                @error('organization_name_english') <span class="text-danger">{{$message}}</span>@enderror
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.association-registration-number')}}
                <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name " required name="bank_share_certificate_number" value="{{old('bank_share_certificate_number')}}">
                    <label for="">{{trans('accountOpen.national-cooperative-bank-share-certificate-number')}}
                    </label>
                </div>
                @error('bank_share_certificate_number') <span class="text-danger">{{$message}}</span>@enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Name " required name="registration_certificate_number" value="{{old('registration_certificate_number')}}">
                    <label for="">
                        {{trans('accountOpen.association-registration-certificate-number')}}
                    </label>
                </div>
                @error('registration_certificate_number') <span class="text-danger">{{$message}}</span>@enderror
            </div>

        </div>
        <div class="formblock-below"></div>

        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.contact-person-details')}}
                <span class="asterisk"> * </span>
            </h5>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="text" class="form-control" placeholder="Contact-Name" required name="contact_person_name" value="{{old('contact_person_name')}}">
                    <label for="">{{trans('accountOpen.contact-person-name')}}
                    </label>
                </div>
                @error('contact_person_name') <span class="text-danger">{{$message}}</span>@enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <div class="mb-4  form-floating">
                    <input type="number" min="0" class="form-control" placeholder="Mobile" required name="contact_person_mobile_number" value="{{old('contact_person_mobile_number')}}">
                    <label for="">{{trans('accountOpen.contact-person-mobile-number')}}
                    </label>
                </div>
            </div>
        </div>

        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('accountOpen.organization-email-address')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <input type="email" class="form-control" placeholder="Email" required name="organization_email_address" value="{{old('organization_email_address')}}">
                    <label for="">{{trans('accountOpen.organization-email-address')}}</label>
                </div>
                @error('organization_email_address') <span class="text-danger">{{$message}}</span>@enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('accountOpen.bank-branch-office-nearby-to-organization')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">

                    <select class="form-select" required name="nearby_branch_office" aria-label="Default select example">

                        <option value=""> Select one option </option>

                        @foreach($branchName as $key=>$info)

                        <option value="{{$info->id}}" @if(old('nearby_branch_office')==$info->id) selected @endif>{{$info->title}}</option>

                        @endforeach
                    </select>
                    <p class="amt-dpt">{{trans('accountOpen.choose-bank-branch-office-nearby-to-organization')}}
                    </p>
                </div>
                @error('nearby_branch_office') <span class="text-danger">{{$message}}</span>@enderror
            </div>
        </div>
        <div class="formblock-below"></div>

        <div class="row ncbl-form">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('accountOpen.internet-banking-sms-banking')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="mb-4  form-floating">
                    <select class="form-select" aria-label="Default select example" required name="require_internet_banking_sms">
                        <option value=""> Select one option </option>

                        @foreach($option1 as $key=>$info)
                        <option value="{{$key}}" @if(old('require_internet_banking_sms')==$key) selected @endif>{{$info}}</option>

                        @endforeach
                    </select>
                </div>
                @error('require_internet_banking_sms') <span class="text-danger">{{$message}}</span>@enderror
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
                <h5>{{trans('accountOpen.account-type')}}
                    <span class="asterisk"> * </span>
                </h5>
                <div class="account-type">

                    @foreach($option2 as $key=>$info)
                    <input type="radio" id="ncbl-ac-{{$key}}" class="radio-input" name="account_type" value="{{$key}}" @if(old('account_type')==$key) checked @endif>
                    <label for="ncbl-ac-{{$key}}" class="radio-label"> <span class="radio-border"></span>{{$info}} </label>
                    @endforeach
                </div>
                @error('account_type') <span class="text-danger">{{$message}}</span>@enderror
                {{--
                <p class="amt-dpt">{{trans('accountOpen.what-type-of-account-does-organization-want-to-open')}}
                </p>
                --}}
            </div>
        </div>
        <div class="formblock-below"></div>

        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.account-operator-name')}}
                <span class="asterisk"> * </span>
            </h5>
            <p class="gov-details">{{trans('accountOpen.account-operator-signature')}}
            </p>
            <p class="gov-details">{{trans('accountOpen.click-plus-sign')}}
            </p>
            <div class=" account-fields">
                @if(old('executive_details'))
                <div class="account-field row">
                    <div class="another-row">
                        <a class="anotherrow-plus addmore1"> <i class="fal fa-plus-circle"></i></a>
                    </div>
                    @foreach(old('account_details', []) as $index => $account)

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Director-Name" required name="account_details[{{$index}}][name]" value="{{$account['name']}}">
                            <label for="">{{trans('accountOpen.account-operator-name')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Post-Name" required name="account_details[{{$index}}][position]" value="{{$account['position']}}">
                            <label for=""> {{trans('accountOpen.position')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Transfer-Name" required name="account_details[{{$index}}][address]" value="{{$account['address']}}">
                            <label for=""> {{trans('accountOpen.account-operator-address')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="account_details[{{$index}}][phone]" value="{{$account['phone']}}">
                            <label for="">{{trans('accountOpen.account-operator-phone')}}

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

                    @endforeach
                </div>

            </div>

            @else

            <div class="account-field row">
                <div class="another-row">
                    <a class="anotherrow-plus addmore1"> <i class="fal fa-plus-circle"></i></a>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                    <div class="mb-4  form-floating">
                        <input type="text" class="form-control" placeholder="Director-Name" required name="account_details[0][name]">
                        <label for="">{{trans('accountOpen.account-operator-name')}}

                        </label>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                    <div class="mb-4  form-floating">
                        <input type="text" class="form-control" placeholder="Post-Name" required name="account_details[0][position]">
                        <label for=""> {{trans('accountOpen.position')}}

                        </label>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                    <div class="mb-4  form-floating">
                        <input type="text" class="form-control" placeholder="Transfer-Name" required name="account_details[0][address]">
                        <label for=""> {{trans('accountOpen.account-operator-address')}}

                        </label>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                    <div class="mb-4  form-floating">
                        <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="account_details[0][phone]">
                        <label for="">{{trans('accountOpen.account-operator-phone')}}

                        </label>
                    </div>
                </div>
            </div>
            @endif
        </div>

        <div class="formblock-below"></div>

        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.names_of_executive_committee_members')}}
                <span class="asterisk"> * </span>
            </h5>
            <p class="gov-details">{{trans('accountOpen.click-plus-sign')}}</p>
            <div class="executive-fields">
                @if(old('executive_details'))
                <div class="executive-field row">
                    <div class="another-row">
                        <a class="anotherrow-plus addmore2"> <i class="fal fa-plus-circle"></i></a>
                    </div>
                    @foreach(old('executive_details', []) as $index => $executive)
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Director-Name" required name="executive_details[{{$index}}][name]" value="{{ $executive['name'] }}">
                            <label for=""> {{trans('accountOpen.executive_name')}}

                            </label>
                        </div>
                        <span class="text-danger executive-name-error">
                            @error("executive_details.$index.name")
                            {{ $message }}
                            @enderror
                        </span>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Post-Name" required name="executive_details[{{$index}}][position]" value="{{ $executive['position'] }}">
                            <label for=""> {{trans('accountOpen.executive_position')}}

                            </label>
                        </div>
                        <span class="text-danger executive-name-error">
                            @error("executive_details.$index.position")
                            {{ $message }}
                            @enderror
                        </span>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Transfer-Name" required name="executive_details[{{$index}}][address]" value="{{ $executive['address'] }}">
                            <label for=""> {{trans('accountOpen.executive_address')}}

                            </label>
                        </div>
                        <span class="text-danger executive-name-error">
                            @error("executive_details.$index.address")
                            {{ $message }}
                            @enderror
                        </span>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="executive_details[{{$index}}][phone]" value="{{ $executive['phone'] }}">
                            <label for=""> {{trans('accountOpen.executive_phone')}}

                            </label>
                        </div>
                        <span class="text-danger executive-name-error">
                            @error("executive_details.$index.phone")
                            {{ $message }}
                            @enderror
                        </span>
                    </div>


                    @endforeach
                </div>

                @else
                <div class="executive-field row">

                    <div class="another-row">
                        <a class="anotherrow-plus addmore2"> <i class="fal fa-plus-circle"></i></a>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Director-Name" required name="executive_details[0][name]" value="{{old('')}}">
                            <label for=""> {{trans('accountOpen.executive_name')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Post-Name" required name="executive_details[0][position]" value="{{old('')}}">
                            <label for=""> {{trans('accountOpen.executive_position')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="text" class="form-control" placeholder="Transfer-Name" required name="executive_details[0][address]" value="{{old('')}}">
                            <label for=""> {{trans('accountOpen.executive_address')}}

                            </label>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
                        <div class="mb-4  form-floating">
                            <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="executive_details[0][phone]" value="{{old('')}}">
                            <label for=""> {{trans('accountOpen.executive_phone')}}

                            </label>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="formblock-below"></div>
        <div class="row ncbl-form">
            <h5>{{trans('accountOpen.documents_required_for_account_operation')}}
                <span class="asterisk"> * </span>
            </h5>

            <div class="row upload-doc">
                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label"> {{trans('accountOpen.coop_society_registration_certificate')}}

                        </label>
                        <input name="society_registration_certificate" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('society_registration_certificate') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label">{{trans('accountOpen.organization_bylaws')}}


                        </label>
                        <input name="organization_bylaws_photo" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('organization_bylaws_photo') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label"> {{trans('accountOpen.permanent_account_number')}}


                        </label>
                        <input name="pan_photo" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('pan_photo') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label"> {{trans('accountOpen.last_year_audit_report')}}


                        </label>
                        <input name="last_year_audit_report_photo" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('last_year_audit_report_photo') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label">{{trans('accountOpen.letter_to_bank_for_account_opening')}}


                        </label>
                        <input name="letter_to_bank_photo" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('letter_to_bank_photo') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="file-chosen">
                        <label for="formFile" class="form-label"> {{trans('accountOpen.national_cooperative_bank_share_certificate')}}


                        </label>
                        <input name="cooperative_bank_share_photo" class="form-control" type="file" accept=".jpg, .jpeg, .png, .pdf, " id="formFile">
                    </div>
                    @error('cooperative_bank_share_photo') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

            </div>
            <div class="col-md-6">
                <p class="note-msg">फाईल अपलोड फर्म्याटहरु : jpg, png र pdf, फाईल अपलोडको अधिकतम साईज : 2 MB
                </p>
            </div>
            <div class="formblock-below"></div>
            <ul class="cont-list">
                <li>{{trans('accountOpen.account_opening_process_online')}}
                </li>
                <li>यसै फारमसाथ पेश गरिएका सम्पूर्ण विवरण तथा कागजातहरु सुरक्षित राखिनुका साथै बैंकिङ प्रयोजनकालागि मात्र प्रयोग हुनेछन्।</li>
            </ul>
            <p class="self-dec-txt">
                <span class="self-dec">स्व:घोषणा: </span>{{trans('accountOpen.after_receiving_online_form_contact_bank_branch')}}

            </p>
            <ul class="cont-list">
                <li>{{trans('accountOpen.mention_rules_in_account_opening_form')}}
                </li>
                <li>{{trans('accountOpen.organization_aware_of_bank_account_operation_rules')}}
                </li>
                <li>{{trans('accountOpen.information_true_and_accurate')}}
                </li>
            </ul>

            <div class="form-check click-here">
                <input class="form-check-input mb-4" type="checkbox" value="" required id="flexCheckChecked" checked>
                <label class="form-check-label" for="flexCheckChecked">
                    माथि उल्लेखित शर्तहरुमा सहमति जनाउँदछु ।
                </label>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 captcha-enter">
                <div class="form-group captcha" style="float: left; position: relative;">
                    <span>{!! captcha_img('flat') !!}</span>
                    <a href="javascript:void(0)" id="refresh" style="top: 16px; position: absolute; right: -28px; z-index: 2;"><i class="fas fa-sync-alt"></i></a>
                </div>
                <div class="form-grp">
                    <input type="text" value="{{ old('captcha') }}" required name="captcha" class="form-control" id="captcha" placeholder="Enter Captcha *" value="{{ old('captcha') }}" required>
                    @if ($errors->has('captcha'))
                    <div class="text-danger">{{ $errors->first('captcha') }}</div>
                    @endif
                    <div class="text-danger captcha-error"></div>

                </div>

            </div>

            <div class="col-lg-6 col-md-12 readmore-btn">
                <button type="submit" id="submit-button" class="btn btn-primary">Submit </button>
            </div>


    </form>

</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js">
</script>
<script>
    // Wait for the document to be fully loaded
    document.addEventListener("DOMContentLoaded", function() {
        const addButton = document.querySelector(".addmore2");
        const executiveFields = document.querySelector(".executive-fields");
        let currentIndex = 0;

        ///---------------------------------------------------for executive------------------------------------------
        // Add event listener to the "+" sign
        addButton.addEventListener("click", function() {
            // Create a new "executive-field" block
            const newExecutiveField = document.createElement("div");
            newExecutiveField.classList.add("executive-field", "row");
            currentIndex++;
            // Add your custom HTML content
            newExecutiveField.innerHTML = `
    <div class="another-row mt-4">

        <a class="anotherrow-minus"> <i class="fal fa-minus-circle"></i></a>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Director-Name" required name="executive_details[${currentIndex}][name]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.executive_name')}}

            </label>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Post-Name" required name="executive_details[${currentIndex}][position]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.executive_position')}}

            </label>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Transfer-Name" required name="executive_details[${currentIndex}][address]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.executive_address')}}

            </label>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="executive_details[${currentIndex}][phone]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.executive_phone')}}

            </label>
        </div>
    </div>
    `;


            // Append the new block to the container
            executiveFields.appendChild(newExecutiveField);


            // Attach event listener to remove button in the new block
            const removeButton = newExecutiveField.querySelector(".anotherrow-minus");
            removeButton.addEventListener("click", function() {
                executiveFields.removeChild(newExecutiveField);
            });
        });



        ///---------------------------------------------------for account------------------------------------------


        const addButton1 = document.querySelector(".addmore1");
        const executiveFields1 = document.querySelector(".account-fields");
        let currentIndex1 = 0;


        // Add event listener to the "+" sign
        addButton1.addEventListener("click", function() {
            // Create a new "executive-field" block
            const newExecutiveField1 = document.createElement("div");
            newExecutiveField1.classList.add("account-field", "row");
            currentIndex1++;
            // Add your custom HTML content
            newExecutiveField1.innerHTML = `
    <div class="another-row mt-4">

        <a class="anotherrow-minus account-minus"> <i class="fal fa-minus-circle"></i></a>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Director-Name" required name="account_details[${currentIndex1}][name]" value="{{old('')}}" >
            <label for="">{{trans('accountOpen.account-operator-name')}}

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

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Post-Name" required name="account_details[${currentIndex1}][position]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.position')}}

            </label>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="text" class="form-control" placeholder="Transfer-Name" required name="account_details[${currentIndex1}][address]" value="{{old('')}}" >
            <label for=""> {{trans('accountOpen.account-operator-address')}}

            </label>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 col-xl-3">
        <div class="mb-4  form-floating">
            <input type="number" min="0" class="form-control" placeholder="Transfer-Name" required name="account_details[${currentIndex1}][phone]" value="{{old('')}}" >
            <label for="">{{trans('accountOpen.account-operator-phone')}}

            </label>
        </div>
    </div>
    `;

            // Append the new block to the container
            executiveFields1.appendChild(newExecutiveField1);


            // Attach event listener to remove button in the new block
            const removeButton = newExecutiveField1.querySelector(".account-minus");
            removeButton.addEventListener("click", function() {
                executiveFields1.removeChild(newExecutiveField1);
            });
        });
    });
</script>
@endsection