@extends('layouts.admin')
@php
    use Illuminate\Support\Facades\Crypt;
@endphp

@section('content')
    <div class="container py-4">
        <div class="mb-3 d-flex align-items-center justify-content-between">
    <h1 class="h3 mb-0">Edit District</h1>

   <a href="{{ url()->previous() }}"
       class="btn btn-primary ms-auto">
        Back
   </a>
</div>

        <form id="editDistrictForm" action="{{ route('admin.districts.update', Crypt::encryptString($district->id)) }}"
            method="POST">
            @csrf
            @method('PUT')

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">District Name <span class="text-danger">*</span></label>
                    <input type="text" id="districtName" name="district" value="{{ old('district', $district->district) }}"
                        class="form-control" required>
                    <small id="errors" class="text-danger d-none"></small>
                </div>
            </div>

            <button type="submit" class="btn btn-success">Update</button>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {
            $(document).on("submit", "#editDistrictForm", function(e) {
                e.preventDefault();

                let nameInput = $("#districtName");
                let nameError = $("#errors");
                let name = nameInput.val().trim();
                let hasError = false;

                nameError.text('').addClass('d-none');
                nameInput.removeClass('is-invalid');

                if (name === "") {
                    nameError.text("Please fill out this field.").removeClass('d-none');
                    nameInput.addClass('is-invalid');
                    hasError = true;
                }

                if (hasError) return;

                let formData = new FormData($(this)[0]);
                let url = $(this).attr("action");

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                    url: url,
                    method: "POST", // Laravel will still treat as PUT because of the hidden _method
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "JSON",
                    beforeSend: function() {
                        $('button[type="submit"]').prop('disabled', true).text(
                            'Please wait...');
                    },
                    success: function(response) {
                        if (response.status === "success") {
                            Swal.fire({
                                title: 'District Updated',
                                text: response.message,
                                icon: 'success',
                                confirmButtonText: 'OK'
                            }).then(() => {
                                window.location.href =
                                    "{{ route('admin.districts.index') }}";
                            });
                        } else {
                            Swal.fire({
                                title: 'Failed!',
                                text: response.message || 'Something went wrong.',
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            title: 'Error!',
                            text: 'Server error. Please try again later.',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                        console.error(xhr.responseText);
                    },
                    complete: function() {
                        $('button[type="submit"]').prop('disabled', false).text('Update');
                    }
                });
            });

            // Clear validation when typing
            $("#districtName").on("input", function() {
                $(this).removeClass('is-invalid');
                $("#errors").text('').addClass('d-none');
            });
        });
    </script>
@endpush