@extends('layouts.admin')

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

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

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

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

                @csrf
                

                <div class="mb-3 col-md-6">
    <label class="form-label"><span style="color:red">*</span> Configuration Type</label>
    <input type="text" name="configuration_type" class="form-control" value="{{ $config->configuration_type }}" disabled>
    <label style="color:red" id="configtype_error"></label>
</div>

<div class="col-md-6">
    <label class="form-label"><span style="color:red">*</span> Configuration</label>
    <input type="text" name="configuration" class="form-control" value="{{ $config->configuration }}" disabled>
    <label style="color:red" id="configname_error"></label>
</div>

<div class="col-md-6">
    <label class="form-label"><span style="color:red">*</span> Configuration Value</label>
    <input type="text" name="configuration_value" class="form-control" value="{{ $config->configuration_value }}">
    <label style="color:red" id="confival_error"></label>
</div>


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

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


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

        // Clear previous errors
        $('#configtype_error, #configname_error, #confival_error').text('');

        let formData = {
    _token: '{{ csrf_token() }}',
    _method: 'PUT', 
    configuration_type: $('input[name="configuration_type"]').val().trim(),
    configuration: $('input[name="configuration"]').val().trim(),
    configuration_value: $('input[name="configuration_value"]').val().trim(),
};

        // Basic validation before sending request
        if (formData.configuration_type === '') {
            $('#configtype_error').text('Configuration type is required.');
            return;
        }
        if (formData.configuration === '') {
            $('#configname_error').text('Configuration name is required.');
            return;
        }
        if (formData.configuration_value === '') {
            $('#confival_error').text('Configuration value is required.');
            return;
        }

        // SweetAlert loader
        Swal.fire({
            title: 'Updating...',
            text: 'Please wait while the configuration is being updated.',
            allowOutsideClick: false,
            didOpen: () => Swal.showLoading()
        });

        $.ajax({
            url: "{{ route('admin.relief-configurations.update', Crypt::encryptString($config->id)) }}",
            type: "POST",
            data: formData,
            success: function(response) {
                Swal.close();

               if (response.success) {
    Swal.fire({
        icon: 'success',
        title: 'Success!',
        text: response.message,
        confirmButtonText: 'OK', 
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = "{{ route('admin.relief-configurations.index') }}";
        }
    });
} else {
                    Swal.fire('Error', response.message || 'Failed to update configuration.', 'error');
                }
            },
            error: function(xhr) {
                Swal.close();

                if (xhr.status === 422) {
                    let errors = xhr.responseJSON.errors;
                    if (errors.configuration_type) $('#configtype_error').text(errors.configuration_type[0]);
                    if (errors.configuration) $('#configname_error').text(errors.configuration[0]);
                    if (errors.configuration_value) $('#confival_error').text(errors.configuration_value[0]);
                } else {
                    Swal.fire('Error', 'Something went wrong while updating.', 'error');
                }
            }
        });
    });
});
</script>
@endpush