{{-- @if ($errors->any())
    {{ implode('', $errors->all('<div>:message</div>')) }}
@endif --}}

    <div class="mt-2 lg:mt-8 w-full flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5">
        <div class="w-full flex flex-col space-y-3 form-group">
            <label for="citizenship_type"></label>
            <div class="flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5 lg:items-center form-check">
                @php
                    $citizenshipType = old('citizenship_type', $accountOpening->citizenship_type ?? 'nepalese_citizen');
                @endphp

                @foreach (['nepalese_citizen' => 'Nepalese Citizen', 'non_resident_nepalese' => 'Non Resident Nepalese (NRN)'] as $value => $label)
                    <div class="form-check-inline">
                        <input type="radio" class="form-check-input @error('citizenship_type') border-red-500 @enderror"
                            name="citizenship_type" id="{{ $value }}" value="{{ $value }}"
                            {{ $citizenshipType === $value ? 'checked' : '' }}>
                        <label class="form-check-label text-sm" for="{{ $value }}">{{ $label }}</label>
                    </div>
                @endforeach
                @error('citizenship_type')
                    <div class="text-[#ff0000] text-xs">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>
    <input type="hidden" name="accountType_id" value="{{ $accountType->id }}">

    <div class="mt-8 w-full flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5">
        <div class="w-full lg:w-1/3 flex flex-col space-y-3">
            <label for="branch_id" class="flowbite-label">Branch Name <span class="text-[#ff0000]">*</span></label>
            <select
                class="w-full px-3 py-2 border-2 rounded-md form-control shadow-sm @error('branch_id') border-red-500 @enderror flowbite-input"
                name="branch_id" id="branch_id">
                <option value="" disabled selected>Select Branch Name</option>
                @foreach ($branches as $branch)
                    <option value="{{ $branch->id }}"
                        {{ old('branch_id') == $branch->id || (isset($accountOpening) && $accountOpening->branch_id == $branch->id) ? 'selected' : '' }}>
                        {{ $branch->name }}
                    </option>
                @endforeach
            </select>
            @error('branch_id')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>

        @error('accountType_id')
            <div class="text-[#ff0000] text-xs">{{ $message }}</div>
        @enderror
    </div>

    <div class="mt-8 border-t border-gray-200 pt-4"></div>
    <h3 class="mt-2 font-semibold text-lg lg:text-lg">Personal Information</h3>
    <div class="mt-8 w-full flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5">
        <div class="w-full flex flex-col space-y-3">
            <label for="first_name">First Name <span class="text-[#ff0000]">*</span></label>
            <input type="text"
                class="uppercase w-full border-2 rounded-md form-control shadow-sm @error('first_name') border-red-500 @enderror"
                name="first_name" id="first_name"
                value="{{ old('first_name', isset($accountOpening) ? $accountOpening->first_name : null) }}">
            @error('first_name')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>

        <div class="w-full flex flex-col space-y-3">
            <label for="middle_name">Middle Name</label>
            <input type="text"
                class="uppercase w-full border-2 rounded-md form-control shadow-sm @error('middle_name') border-red-500 @enderror"
                name="middle_name" id="middle_name"
                value="{{ old('middle_name', isset($accountOpening) ? $accountOpening->middle_name : null) }}">
            @error('middle_name')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>

        <div class="w-full flex flex-col space-y-3">
            <label for="last_name">Last Name <span class="text-[#ff0000]">*</span></label>
            <input type="text"
                class="uppercase w-full border-2 rounded-md form-control shadow-sm @error('last_name') border-red-500 @enderror"
                name="last_name" id="last_name"
                value="{{ old('last_name', isset($accountOpening) ? $accountOpening->last_name : null) }}">
            @error('last_name')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>
    </div>

    <!-- Contact Information -->
    <div class="mt-8 w-full flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5">
        <div class="w-full flex flex-col space-y-3">
            <label for="phone_no">Phone Number <span class="text-[#ff0000]">*</span></label>
            <input type="tel"
                class="w-full border-2 rounded-md form-control shadow-sm @error('phone_no') border-red-500 @enderror"
                name="phone_no" id="phone_no" value="{{ old('phone_no', $accountOpening->phone_no ?? '') }}"
                {{ isset($accountOpening->phone_no) ? 'readonly' : '' }}>
            @error('phone_no')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>

        <div class="w-full flex flex-col space-y-3">
            <label for="email">Email <span class="text-[#ff0000]">*</span></label>
            <input type="email"
                class="w-full border-2 rounded-md form-control shadow-sm @error('email') border-red-500 @enderror"
                name="email" id="email" value="{{ old('email', $accountOpening->email ?? '') }}"
                {{ isset($accountOpening->email) ? 'readonly' : '' }}>
            <input type="hidden" name="is_approved" id="is_approved" value="0">
            @error('email')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>
    </div>
<div>
    {!! NoCaptcha::renderJs() !!}
    {!! NoCaptcha::display() !!}
    @error('g-recaptcha-response')
        <p class="text-sm text-red-600 mt-1">{{ $message }}</p>
    @enderror
</div>
    <!-- Submit Button -->
    <div class="mt-4 border-t border-gray-200 pt-4"></div>

    <div class="mt-2 w-full flex flex-col lg:flex-row sm:space-y-5 lg:space-y-0 lg:space-x-5">
        <div class="flex space-x-5 items-center form-check">
            <div class="form-check-inline">
                <input type="checkbox" class="form-check-input @error('agreed_terms') border-red-500 @enderror"
                    name="agreed_terms" id="agreed_terms_yes" value="1"
                    {{ old('agreed_terms', $accountOpening->agreed_terms ?? '') == '1' ? 'checked' : '' }}>
                <label for="agreed_terms_yes">I<b><span id="nameDisplay" class="uppercase"></span></b>
                    have read the <b>Terms & Conditions</b> and I agree to those. <span
                        class="text-[#ff0000]">*</span></label>
                <label for="agreed_terms" class="error"></label>
            </div>
            @error('agreed_terms')
                <div class="text-[#ff0000] text-xs">{{ $message }}</div>
            @enderror
        </div>

    </div>