@extends('layouts.admin')

@section('title', isset($disease) ? 'Edit Disease' : 'Add Disease')

@section('content')
    <div class="container-fluid mt-4">

        <div class="d-flex align-items-center justify-content-between mb-2">
        <a href="{{ url()->previous() }}"
                   class="btn btn-primary ms-auto">
                    Back
               </a>
    </div>


        <div class="card">
            <div class="card-header">
                <h5>{{ isset($disease) ? 'Edit Disease' : 'Add Disease' }}</h5>
            </div>
            <div class="card-body">
                @php
                    $isLinked = isset($disease) ? $disease->applications()->exists() : false;
                @endphp

                <form id="diseaseForm"
                    action="{{ isset($disease) ? route('admin.diseases.update', $encryptedId ?? '') : route('admin.diseases.store') }}"
                    method="POST">
                    @csrf
                    @if (isset($disease))
                        @method('POST')
                    @endif

                    <div class="mb-3">
                        <label class="form-label">Disease Name</label>
                        <input type="text" name="name" id="diseaseName" class="form-control"
                            value="{{ $disease->name ?? old('name') }}" {{ $isLinked ? 'readonly' : '' }}>
                        <div id="errors" class="text-danger d-none"></div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Minimum Allowed Relief Amount <span class="text-danger">*</span></label>
                        <input type="number" name="minimum_allowed_relief_amount" class="form-control"
                            value="{{ $disease->minimum_allowed_relief_amount ?? old('minimum_allowed_relief_amount') }}"
                            {{ $isLinked ? 'readonly' : '' }}>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Maximum Allowed Relief Amount <span class="text-danger">*</span></label>
                        <input type="number" name="maximum_allowed_relief_amount" class="form-control"
                            value="{{ $disease->maximum_allowed_relief_amount ?? old('maximum_allowed_relief_amount') }}"
                            {{ $isLinked ? 'readonly' : '' }}>
                    </div>

                    <button type="submit" class="btn btn-primary" {{ $isLinked ? 'disabled' : '' }}>
                        {{ isset($disease) ? 'Update' : 'Add' }}
                    </button>


                    @if ($isLinked)
                        <div class="mt-3 text-danger fw-bold">
                            This disease is linked to existing applications and cannot be edited.
                        </div>
                    @endif
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $(document).ready(function() {

            $(document).on("submit", "#diseaseForm", function(e) {
                e.preventDefault();

                let nameInput = $("#diseaseName");
                let nameError = $("#errors");
                let name = nameInput.val().trim();
                let hasError = false;
                let minAmount = $("input[name='minimum_allowed_relief_amount']");
                let maxAmount = $("input[name='maximum_allowed_relief_amount']");

                // Clear old errors
                nameError.text('').addClass('d-none');
                nameInput.removeClass('is-invalid');

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

                if (minAmount.val().trim() === "") {
                    Swal.fire("Validation Error", "Minimum relief amount is required.", "error");
                    hasError = true;
                }

                if (maxAmount.val().trim() === "") {
                    Swal.fire("Validation Error", "Maximum relief amount is required.", "error");
                    hasError = true;
                }

                // Prevent negative values
                if (Number(minAmount.val()) < 0) {
                    Swal.fire("Error", "Minimum amount cannot be negative.", "error");
                    hasError = true;
                }

                if (Number(maxAmount.val()) < 0) {
                    Swal.fire("Error", "Maximum amount cannot be negative.", "error");
                    hasError = true;
                }

                // max >= min
                if (!hasError && Number(maxAmount.val()) < Number(minAmount.val())) {
                    Swal.fire("Error", "Maximum amount must be greater than or equal to minimum amount.",
                        "error");
                    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",
                    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: '{{ isset($disease) ? 'Disease Updated' : 'Disease Added' }}',
                                text: response.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then(() => {
                                window.location.href = "{{ route('admin.diseases') }}";
                            });
                        } else {
                            Swal.fire({
                                title: 'Failed!',
                                text: response.message || 'Something went wrong.',
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            });
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422 && xhr.responseJSON?.message) {
                            Swal.fire({
                                title: 'Validation Error',
                                text: xhr.responseJSON.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            });
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: 'Server error. Please try again.',
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            });
                        }
                    },
                    complete: function() {
                        $('button[type="submit"]').prop('disabled', false)
                            .text('{{ isset($disease) ? 'Update' : 'Add' }}');
                    }
                });
            });

            // Optional: remove error when typing
            $("#diseaseName").on("input", function() {
                $(this).removeClass('is-invalid');
                $("#errors").text('').addClass('d-none');
            });

        });
    </script>
@endpush