@extends('layouts.app.app')

@push('styles')
@endpush

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

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

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

     // Gestion des lignes de facture dynamiques
   let ligneTemplate = $('#lignesContainer .ligne-facture').first().clone();

$('#ajouterLigne').click(function() {
    let nouvelleLigne = ligneTemplate.clone();
    $('#lignesContainer').append(nouvelleLigne);
    initLigneEvents(nouvelleLigne);
});

function initLigneEvents(ligne) {
    // Gestion du changement de type (produit/service)
    ligne.find('.type-element').change(function() {
        let selectElement = ligne.find('.element-select');
        let type = $(this).val();
        selectElement.empty().prop('disabled', true);

        if (!type) return;

        selectElement.append('<option value="">Sélectionnez...</option>');

        if (type === 'produit') {
            @foreach($produits as $produit)
                selectElement.append(`<option value="{{ $produit->id }}" data-prix="{{ $produit->price }}">{{ $produit->name }}</option>`);
            @endforeach
        } else {
            @foreach($services as $service)
                selectElement.append(`<option value="{{ $service->id }}" data-prix="{{ $service->price }}">{{ $service->name }}</option>`);
            @endforeach
        }

        selectElement.prop('disabled', false);
    });

    // Auto-remplissage du prix
    ligne.find('.element-select').change(function() {
        let selectedOption = $(this).find('option:selected');
        ligne.find('.prix').val(selectedOption.data('prix'));
        updateTotal();
    });

    // Suppression de ligne
    ligne.find('.remove-ligne').click(function() {
        if ($('.ligne-facture').length > 1) {
            ligne.remove();
            updateTotal();
        }
    });

    // Mise à jour du total lors du changement de quantité/prix
    ligne.find('.quantite, .prix').on('input', updateTotal);
}

// Initialisation des événements sur la première ligne
initLigneEvents($('.ligne-facture').first());

// Calcul du total
function updateTotal() {
    let total = 0;
    $('.ligne-facture').each(function() {
        let quantite = parseFloat($(this).find('.quantite').val()) || 0;
        let prix = parseFloat($(this).find('.prix').val()) || 0;
        total += quantite * prix;
    });
    $('#montant_regle').val(total.toFixed(2));
}

   // Ajout facture
  // Soumission du formulaire
  $('#addFactureForm').on('submit', function(e) {
    e.preventDefault();

    let lignes = [];
    let hasError = false;

    $('.ligne-facture').each(function() {
        let type = $(this).find('.type-element').val();
        let elementId = $(this).find('.element-select').val();
        let quantite = $(this).find('.quantite').val();
        let prix = $(this).find('.prix').val();

        if (!type || !elementId || !quantite || !prix) {
            hasError = true;
            return false;
        }

        let ligne = {
            quantite: quantite,
            prix_unitaire: prix
        };

        if (type === 'produit') {
            ligne.produit_id = elementId;
        } else {
            ligne.service_id = elementId;
        }

        lignes.push(ligne);
    });

    if (hasError) {
        Swal.fire('Erreur', 'Veuillez remplir tous les champs des lignes', 'error');
        return;
    }

    let formData = {
        _token: $('input[name="_token"]').val(),
        client_id: $('#client_id').val(),
        date: $('#date').val(),
        type_reglement: $('#type_reglement').val(),
        montant_regle: $('#montant_regle').val(),
        lignes: lignes
    };

       $.ajax({
           url: '/factures',
           method: 'POST',
           data: formData,
           success: function(response) {
               if(response.success) {
                   Swal.fire({
                       icon: 'success',
                       title: 'Facture créée avec succès',
                       showConfirmButton: false,
                       timer: 1500
                   }).then(function() {
                       window.location.reload();
                   });
               }
           },
           error: function(xhr) {
               let message = 'Erreur lors de la création';
               if(xhr.status === 422) {
                   message = Object.values(xhr.responseJSON.errors).flat().join('\n');
               }
               Swal.fire('Erreur', message, 'error');
           }
       });
   });

   // Modification facture
//    $('#editFactureForm').on('submit', function(e) {
//        e.preventDefault();
//        const factureId = $(this).data('id');
//        $.ajax({
//            url: '/factures/' + factureId,
//            method: 'PUT',
//            data: $(this).serialize(),
//            success: function(response) {
//                if(response.success) {
//                    Swal.fire({
//                        icon: 'success',
//                        title: 'Facture modifiée 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-facture').click(function() {
//        const factureId = $(this).data('id');
//        $.ajax({
//            url: `/factures/${factureId}`,
//            method: 'GET',
//            success: function(facture) {
//                $('#editFactureForm').data('id', facture.id);
//                $('#edit_date').val(facture.date);
//                $('#edit_client_id').val(facture.client_id);
//                $('#edit_type_reglement').val(facture.type_reglement);
//                $('#edit_montant_regle').val(facture.montant_regle);

//                // Remplir les lignes de facture
//                facture.lignes.forEach(ligne => {
//                    // Logique pour remplir les lignes
//                });

//                $('#editFactureModal').modal('show');
//            },
//            error: function() {
//                Swal.fire('Erreur', 'Erreur lors du chargement des données', 'error');
//            }
//        });
//    });

   // Suppression facture
   $('.delete-facture').click(function(e) {
       e.preventDefault();
       const factureId = $(this).data('id');
       const factureNumero = $(this).data('numero');

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

   // Gestion de l'envoi de SMS
$('.send-sms').click(function(e) {
    e.preventDefault();
    const clientId = $(this).data('id');

    Swal.fire({
        title: 'Envoi de notification',
        text: 'Voulez-vous envoyer un SMS à ce client ?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: 'Oui, envoyer',
        cancelButtonText: 'Annuler',
        showLoaderOnConfirm: true,
        preConfirm: () => {
            return $.ajax({
                url: `/factures/send-sms/${clientId}`,
                method: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content')
                }
            })
            .then(response => {
                if (!response.success) {
                    throw new Error(response.message || 'Erreur lors de l\'envoi');
                }
                return response;
            })
            .catch(error => {
                Swal.showValidationMessage(
                    error.responseJSON?.message || error.message || 'Erreur lors de l\'envoi'
                );
            });
        },
        allowOutsideClick: () => !Swal.isLoading()
    }).then((result) => {
        if (result.isConfirmed) {
            Swal.fire({
                icon: 'success',
                title: 'Succès!',
                text: 'Le SMS a été envoyé avec succès',
                timer: 2000,
                showConfirmButton: false
            });
        }
    });
});
});
</script>
<script>
    // Gestion du modal de modification
    $('.edit-facture').click(function() {
        const factureId = $(this).data('id');

        $.ajax({
            url: `/factures/${factureId}`,
            method: 'GET',
            success: function(facture) {
                const form = $('#editFactureForm');
                form.data('id', factureId);

                $('#edit_numero').val(facture.numero);
                $('#edit_client').val(facture.client.nom);
                $('#edit_date').val(facture.date);
                $('#edit_type_reglement').val(facture.type_reglement);
                $('#edit_montant_regle').val(facture.montant_regle);

                $('#editLignesContainer').empty();

                facture.lignes.forEach(ligne => {
                    let nouvelleLigne = $($('#ligneFatureEditTemplate').html());
                    let typeElement = nouvelleLigne.find('.type-element');
                    let elementSelect = nouvelleLigne.find('.element-select');

                    if (ligne.produit_id) {
                        typeElement.val('produit');
                        elementSelect.html(`
                        <option value="">Sélectionnez...</option>
                        @foreach ($produits as $produit)
                            <option value="{{ $produit->id }}" data-prix="{{ $produit->prix }}">
                                {{ $produit->nom }}
                            </option>
                        @endforeach
                    `).prop('disabled', false).val(ligne.produit_id);
                    } else {
                        typeElement.val('service');
                        elementSelect.html(`
                        <option value="">Sélectionnez...</option>
                        @foreach ($services as $service)
                            <option value="{{ $service->id }}" data-prix="{{ $service->prix }}">
                                {{ $service->nom }}
                            </option>
                        @endforeach
                    `).prop('disabled', false).val(ligne.service_id);
                    }

                    nouvelleLigne.find('.quantite').val(ligne.quantite);
                    nouvelleLigne.find('.prix').val(ligne.prix_unitaire);
                    initLigneEvents(nouvelleLigne);
                    $('#editLignesContainer').append(nouvelleLigne);
                });

                $('#editFactureModal').modal('show');
            }
        });
    });
    $('#ajouterLigneEdit').click(function() {
        const nouvelleLigne = $('#ligneFatureEditTemplate').contents().clone();
        initLigneEventsEdit(nouvelleLigne);
        $('#editLignesContainer').append(nouvelleLigne);
    });


// modification de la facture

// Fonction pour imprimer le ticket
function printFactureTicket(factureId) {
    Swal.fire({
        title: 'Génération du ticket...',
        text: 'Veuillez patienter...',
        allowOutsideClick: false,
        allowEscapeKey: false,
        allowEnterKey: false,
        showConfirmButton: false,
        didOpen: () => {
            Swal.showLoading();
        }
    });

    // Ouvrir le PDF dans un nouvel onglet
    window.open(`/factures/${factureId}/ticket`, '_blank');

    // Fermer la popup de chargement après un court délai
    setTimeout(() => {
        Swal.close();
    }, 1000);
}

// Ajouter un bouton d'impression dans la liste des actions
document.querySelectorAll('.dropdown-menu').forEach(menu => {
    const factureId = menu.querySelector('.delete-service')?.dataset.id;
    if (factureId) {
        const printItem = document.createElement('li');
        printItem.innerHTML = `
            <a href="javascript:void(0)" class="dropdown-item" onclick="printFactureTicket(${factureId})">
                <i class="fas fa-print me-2 text-primary"></i>
                Imprimer ticket
            </a>
        `;
        // Insérer avant le dernier élément (Supprimer)
        menu.insertBefore(printItem, menu.lastElementChild);
        menu.insertBefore(document.createElement('li').innerHTML = '<hr class="dropdown-divider">', menu.lastElementChild);
    }
});

// Gestion de l'impression des factures
document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener('click', function(e) {
        const printButton = e.target.closest('.print-facture');
        if (printButton) {
            e.preventDefault();
            e.stopPropagation();

            const factureId = printButton.dataset.id;
            const factureNumero = printButton.dataset.numero;
            const url = `/factures/${factureId}/ticket`;

            Swal.fire({
                title: 'Impression du ticket',
                text: `Voulez-vous imprimer le ticket de la facture ${factureNumero} ?`,
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui, imprimer',
                cancelButtonText: 'Annuler'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Afficher le loader
                    Swal.fire({
                        title: 'Génération du ticket...',
                        text: 'Veuillez patienter...',
                        allowOutsideClick: false,
                        allowEscapeKey: false,
                        showConfirmButton: false,
                        didOpen: () => {
                            Swal.showLoading();
                        }
                    });

                    // Ouvrir dans un nouvel onglet
                    const newWindow = window.open(url, '_blank');

                    // Fermer le loader après ouverture
                    setTimeout(() => {
                        Swal.close();
                    }, 1000);

                    // Vérifier si le popup n'est pas bloqué
                    if (!newWindow || newWindow.closed || typeof newWindow.closed === 'undefined') {
                        Swal.fire({
                            icon: 'warning',
                            title: 'Popup bloqué',
                            text: 'Veuillez autoriser les popups pour ce site pour imprimer le ticket.'
                        });
                    }
                }
            });

            return false;
        }
    });
});
</script>
@include('pages.facture.partials.js-file')

@endpush