@include('layouts.header', ['title' => isset($society) ? 'Edit Association' : 'Add Association'])
    <div class="wrapper">
        @include('layouts.navbar')
        @include('layouts.sidebar')

        <div class="content-page">
            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="page-title-right"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-9">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="page-title">{{ isset($society) ? 'Edit' : 'Add' }} Association</h4>

                                </div>

                                <form id="userForm" class="form-horizontal-style-2"
                                    action="{{ isset($society) ? route('admin.association.update', $society->id) : route('admin.association.store') }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @if (isset($society))
                                        @method('PUT')
                                    @endif


                                    <div class="card-body">
                                        <div class="mb-3">
                                            <label for="registration_number" class="form-label">Registration Number
                                                <span class="text-danger">*</span></label>
                                            <input type="text" id="registration_number" name="registration_number"
                                                class="form-control @error('registration_number') is-invalid @enderror"
                                                placeholder="Enter Registration Number"
                                                value="{{ old('registration_number', isset($society) ? $society->registration_number : '') }}"
                                                required>

                                            <!-- Display error below the input field -->
                                            @error('registration_number')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>


                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="association_name" class="form-label">Association Name <span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" id="association_name" name="association_name"
                                                        class="form-control @error('association_name') is-invalid @enderror"
                                                        placeholder="Enter Association Name"
                                                        value="{{ old('association_name', isset($society) ? $society->association_name : '') }}"
                                                        required>

                                                    <!-- Display error below the input field -->
                                                    @error('association_name')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="association_address" class="form-label">Association Address
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" id="association_address" name="association_address"
                                                        class="form-control @error('association_address') is-invalid @enderror"
                                                        placeholder="Enter Association Address"
                                                        value="{{ old('association_address', isset($society) ? $society->association_address : '') }}"
                                                        required>

                                                    <!-- Display error below the input field -->
                                                    @error('association_address')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="association_registration_date" class="form-label">Association
                                                        Registration
                                                        Date <span class="text-danger">*</span></label>

                                                    <input
                                                        class="form-control @error('association_registration_date') is-invalid @enderror"
                                                        id="association_registration_date" type="text"
                                                        name="association_registration_date" placeholder="Enter Date"
                                                        value="{{ old('association_registration_date', isset($society) && $society->association_registration_date ? \Carbon\Carbon::parse($society->society_registration_date)->format('d-m-Y') : '') }}">



                                                    @error('association_registration_date')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="classification_type" class="form-label">Classification
                                                        Type <span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm mb-3"
                                                        name="classification_type" id="classification_type" required>
                                                        <option value="" selected disabled>Select</option>
                                                        <option value="Type1"
                                                            {{ old('classification_type', $society->classification_type ?? '') == 'Type1' ? 'selected' : '' }}>
                                                            MMRDA</option>

                                                    </select>
                                                    @error('classification_type')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="sub_classification_type" class="form-label">Sub
                                                        Classification Type <span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm mb-3"
                                                        name="sub_classification_type" id="sub_classification_type"
                                                        required>
                                                        <option value="" selected disabled>Select</option>
                                                        <option value="Subtype1"
                                                            {{ old('sub_classification_type', $society->sub_classification_type ?? '') == 'Subtype1' ? 'selected' : '' }}>
                                                            MMRDA</option>

                                                    </select>
                                                    @error('classification_type')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="approval_note" class="form-label">Approval Note</label>
                                                    <input type="file" id="approval_note" name="approval_note"
                                                        class="form-control @error('approval_note') is-invalid @enderror">
                                                    @error('approval_note')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror

                                                    @if (isset($society) && $society->approval_note)
                                                        <small class="form-text text-muted">
                                                            Current file:
                                                            <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::ASSOCIATION_BASE_PATH . '/association_' . $society->id . '/approval_note/' . $society->approval_note) }}"
                                                            data-file-type="{{ pathinfo($society->approval_note, PATHINFO_EXTENSION) }}">
                                                            {{ $society->approval_note }}
                                                        </a>
                                                        </small>
                                                    @endif
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="file" class="form-label">Registration Certificate
                                                        <span class="text-danger">*</span></label>
                                                    <input type="file" id="registration_certificate"
                                                        name="registration_certificate"
                                                        class="form-control @error('registration_certificate') is-invalid @enderror">
                                                    @error('registration_certificate')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror

                                                    @if (isset($society) && $society->registration_certificate)
                                                        <small class="form-text text-muted">
                                                            Current file:
                                                            <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::ASSOCIATION_BASE_PATH . '/association_' . $society->id . '/registration_certificate/' . $society->registration_certificate) }}"
                                                            data-file-type="{{ pathinfo($society->registration_certificate, PATHINFO_EXTENSION) }}">
                                                            {{ $society->registration_certificate }}
                                                        </a>
                                                        </small>
                                                    @endif
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="card-footer border-top border-light">
                                        <button type="submit" class="btn btn-success me-2"
                                            id="submitBtn">{{ isset($society) ? 'Update' : 'Submit' }}</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            @include('layouts.footer')
        </div>
    </div>

    <!-- Vendor JS -->
    <script src="{{ asset('assets/js/vendor.min.js') }}"></script>
    <!-- jQuery UI (should load after vendor.min.js) -->
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

    <script src="{{ asset('assets/js/app.min.js') }}"></script>

    <script>
        $(document).ready(function() {
            @if ($errors->any())
                @foreach ($errors->all() as $error)
                    toastr.error("{{ $error }}");
                @endforeach
            @endif

            @if (session('success'))
                toastr.success("{{ session('success') }}");
            @endif

            @if (session('error'))
                toastr.error("{{ session('error') }}");
            @endif

            document.getElementById('userForm').addEventListener('submit', function() {
                const submitBtn = document.getElementById('submitBtn');
                submitBtn.disabled = true;
                submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
            });

            $('#association_registration_date').datepicker({
                dateFormat: 'dd-mm-yy', // Desired format
                changeMonth: true,
                changeYear: true
            });

        });
    </script>

</body>

</html>