@extends('layouts.app.app')

@push('styles')
@endpush

@section('content')
    <div class="content">
        @include('pages.service.partials.header')
        <div class="row g-3 list mt-3" id="servicesList">
            @include('pages.service.partials.liste')
        </div>
    </div>

    @include('pages.service.partials.add-modal')
    @include('pages.service.partials.edit-modal')
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Ajout service
    $('#addServiceForm').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            url: '/services',
            method: 'POST',
            data: $(this).serialize(),
            success: function(response) {
                if(response.success) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Service ajouté avec succès',
                        showConfirmButton: false,
                        timer: 1500
                    }).then(function() {
                        window.location.reload();
                    });
                }
            },
            error: function(xhr) {
                let message = 'Erreur lors de l\'ajout';
                if(xhr.status === 422) {
                    message = Object.values(xhr.responseJSON.errors).flat().join('\n');
                }
                Swal.fire('Erreur', message, 'error');
            }
        });
    });

    // Modification service
    $('#editServiceForm').on('submit', function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        $.ajax({
            url: '/services/' + id,
            method: 'PUT',
            data: $(this).serialize(),
            success: function(response) {
                if(response.success) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Service modifié avec succès',
                        showConfirmButton: false,
                        timer: 1500
                    }).then(function() {
                        window.location.reload();
                    });
                }
            },
            error: function(xhr) {
                let message = 'Erreur lors de la modification';
                if(xhr.status === 422) {
                    message = Object.values(xhr.responseJSON.errors).flat().join('\n');
                }
                Swal.fire('Erreur', message, 'error');
            }
        });
    });

    // Remplir le formulaire de modification
    $('.edit-service').click(function() {
        const id = $(this).data('id');
        $.ajax({
            url: `/services/${id}`,
            method: 'GET',
            success: function(service) {
                $('#editServiceForm').data('id', service.id);
                $('#edit_name').val(service.name);
                $('#edit_description').val(service.description);
                $('#edit_price').val(service.price);
                $('#editServiceModal').modal('show');
            },
            error: function() {
                Swal.fire('Erreur', 'Erreur lors du chargement des données', 'error');
            }
        });
    });

    // Suppression service
    $('.delete-service').click(function(e) {
        e.preventDefault();
        const id = $(this).data('id');
        const name = $(this).data('name');

        Swal.fire({
            title: 'Confirmer la suppression ?',
            text: `Voulez-vous vraiment supprimer ${name} ?`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Oui',
            cancelButtonText: 'Non',
            confirmButtonColor: '#dc3545'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: `/services/${id}`,
                    method: 'POST',
                    data: {_method: 'DELETE', _token: '{{ csrf_token() }}'},
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Service supprimé',
                            timer: 1500,
                            showConfirmButton: false
                        }).then(() => window.location.reload());
                    },
                    error: function() {
                        Swal.fire('Erreur', 'Erreur lors de la suppression', 'error');
                    }
                });
            }
        });
    });
});
</script>
@endpush