@extends('layouts.admin')

@section('title', 'Edit Hospital')

@section('content')
<div class="container-fluid p-0">

    <div class="mb-3">
        <h1 class="h3 d-inline align-middle">Edit Hospital</h1>
        <a href="{{ url()->previous() }}" class="btn btn-primary float-end">Back</a>
    </div><br>

    <div class="card">
        <div class="card-body">
            <form id="edit_hospital_form">

                @csrf
                <div class="mb-3 col-md-6">
                    <label class="form-label">
                        <span style="color:red">*</span> Hospital Name
                    </label>
                    <input type="text" name="name" class="form-control" value="{{ $hospital->name }}">
                    <label style="color:red" id="name_error"></label>
                </div>
<div class="mb-3 col-md-6">
    <label class="form-label">
                        <span style="color:red">*</span> District
                    </label>
                <select name="district_id" class="form-control" required>
    <option value="">-- Select District --</option>
    @foreach($districts as $district)
        <option value="{{ $district->id }}"
            {{ $hospital->district_id == $district->id ? 'selected' : '' }}>
            {{ $district->district }}
        </option>
    @endforeach
</select>
</div>
                <div class="mb-3 col-md-6">
        <label class="form-label">
            <span style="color:red">*</span> Status
        </label>
        <select name="status" class="form-select">
            <option value="1" {{ $hospital->status == 1 ? 'selected' : '' }}>Active</option>
            <option value="0" {{ $hospital->status == 0 ? 'selected' : '' }}>Inactive</option>
        </select>
        <label style="color:red" id="status_error"></label>
    </div>

                <button type="submit" class="btn btn-primary">Update</button>

            </form>
        </div>
    </div>
</div>
@endsection

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



     $('#edit_hospital_form').on('submit', function(e) {
        e.preventDefault();

        // Clear previous errors
        $('#name_error').text('');
        $('#status_error').text('');

        let hospital_name = $('input[name="name"]').val().trim();
            let district_id = $('select[name="district_id"]').val();

        let status = $('select[name="status"]').val();

        // Validation
        if (hospital_name === '') {
            $('#name_error').text('Hospital name is required');
            return;
        }
         if (district_id === '') {
        Swal.fire({
            icon: 'warning',
            text: 'Please select a district'
        });
        return;
    }
        if (status !== '0' && status !== '1') {
            $('#status_error').text('Please select a valid status');
            return;
        }

        $.ajax({
            url: "{{ route('admin.hospitals.update', $id) }}",
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                _method: 'POST',
                name: hospital_name,
                district_id:district_id,
                status: status
            },
            beforeSend: function() {
                Swal.fire({
                    title: 'Please wait...',
                    text: 'Updating hospital details',
                    allowOutsideClick: false,
                    didOpen: () => Swal.showLoading()
                });
            },
            success: function(response) {
                Swal.close();

                if (response.success) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Updated!',
                        text: response.message,
                        showConfirmButton: true,
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#3085d6'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.location.href = "{{ route('admin.hospitals.index') }}";
                        }
                    });
                } else {
                    Swal.fire('Error', response.message, 'error');
                }
            },
            error: function(xhr) {
                Swal.close();

                if (xhr.status === 422) {
                    let errors = xhr.responseJSON.errors;
                    if (errors.name) {
                        $('#name_error').text(errors.name[0]);
                    }
                    if (errors.status) {
                        $('#status_error').text(errors.status[0]);
                    }
                } else {
                    Swal.fire('Error', 'Something went wrong.', 'error');
                }
            }
        });

    });



});
</script>
@endpush