@extends('layout.app')

@section('content')
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">@if(auth()->user()->isTraitant()) Mes @endif Factures (Payées <span style="color: green;">{{ $paids->count() }}</span> / <b>{{ $paids->count() + $unpaids->count() }}</b> soit <b>@if(($paids->count() + $unpaids->count()) > 0){{ round($paids->count() / ($paids->count() + $unpaids->count()) * 100) }}@else 0 @endif %</b> - <span style="color: green;">{{ number_format($totalPaid, 0, '', ' ') }}</span> / <b>{{ number_format($totalDue, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</b>)   &nbsp;
                    </div>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="tabbable-line">
                    <ul class="nav nav-pills nav-pills-rose">
                        <li class="nav-item tab-all"><a class="nav-link active"
                                                        href="#tab1" data-toggle="tab">Liste</a></li>

                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active fontawesome-demo" id="tab1">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card  card-box">
                                        <div class="card-head">
                                            <header></header>
                                            <div class="tools">
                                                <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                                                <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                                                <a class="t-close btn-color fa fa-times" href="javascript:;"></a>
                                            </div>
                                        </div>
                                        <div class="card-body ">
                                            <div class="pull-right" style="width: 10%">
                                                <label style="vertical-align: middle; font-size: 12px">Payées</label><br>
                                                <label class = "mdl-switch mdl-js-switch mdl-js-ripple-effect"
                                                       for = "paidToggle">
                                                    <input type = "checkbox" id = "paidToggle"
                                                           class = "mdl-switch__input" checked>
                                                </label>
                                            </div>
                                            <div class="table-scrollable">
                                                <table class="table table-hover full-width custom paid">
                                                    <thead>
                                                    <tr>
                                                        <th>N° Facture</th>
                                                        <th>Date</th>
                                                        <th>Patient</th>
                                                        <th>Type</th>
                                                        @if(!auth()->user()->isComptable())
                                                        <th>Voir</th>
                                                        @endif
                                                        <th>Montant Total</th>
                                                        <!-- <th>Remise</th> -->
                                                        <th>Montant Payé</th>
                                                        <th>Reste à Payer</th>
                                                        <th>Statut</th>
                                                        <th style="width: 15%">Actions</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($paids as $paid)
                                                    @php $data = $paid @endphp
                                                    <tr >
                                                                <td class="center">{{ $data->no() }}</td>
                                                                <td class="center">{{ $data->date->translatedFormat('D d M Y') }}</td>
                                                                <td>
                                                                    @if($data->patient)
                                                                        @if(!auth()->user()->isComptable())
                                                                        <a href="{{ route('patients.show', $data->patient->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Consulter le patient">{{ $data->patient->name }}</a>
                                                                        @else
                                                                        {{ $data->patient->name }}
                                                                        @endif
                                                                    @else
                                                                        <span class="text-muted">N/A</span>
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->intervention_id)
                                                                        <span class="badge badge-info">Hospitalisation</span>
                                                                    @elseif($data->consultation_id)
                                                                        <span class="badge badge-success">Consultation</span>
                                                                    @elseif($data->teleconsultation_id)
                                                                        <span class="badge badge-warning">Téléconsultation</span>
                                                                    @elseif($data->sale_id)
                                                                        <span class="badge badge-primary">Vente</span>
                                                                    @else
                                                                        <span class="badge badge-secondary">Autre</span>
                                                                    @endif
                                                                </td>
                                                                @if(!auth()->user()->isComptable())
                                                                <td class="center">
                                                                    @if($data->intervention)
                                                                        <a href="{{ route('interventions.edit', $data->intervention->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir l'intervention">{{ $data->intervention->typeintervention->name ?? 'Intervention' }}</a>
                                                                    @elseif($data->consultation)
                                                                        <a href="{{ route('consultations.edit', $data->consultation->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir la consultation">Consultation</a>
                                                                    @elseif($data->teleconsultation)
                                                                        <a href="{{ route('teleconsultations.edit', $data->teleconsultation->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir la téléconsultation">Téléconsultation</a>
                                                                    @else
                                                                        <span class="text-muted">N/A</span>
                                                                    @endif
                                                                </td>
                                                                @endif
                                                                <td class="center">
                                                                    <b>{{ number_format($data->total, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</b>
                                                                </td>
                                                                <!-- <td class="center"> -->
                                                                    <!-- @if($data->discount > 0)
                                                                        <a href="#" data-target="#discountModal" data-discount="{{ $data->discount }}" data-id="{{ $data->id }}" data-total="{{ number_format($data->total, 0, '', ' ') }}" id="btn-discount" class="btn btn-outline-primary small btn-sm" data-toggle="modal">
                                                                            remise -<span id="discount-price-{{ $data->id }}">{{ $data->discount }}</span> {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}
                                                                        </a>
                                                                    @else
                                                                        <a href="#" data-target="#discountModal" data-discount="0" data-id="{{ $data->id }}" data-total="{{ number_format($data->total, 0, '', ' ') }}" id="btn-discount" class="btn btn-outline-secondary small btn-sm" data-toggle="modal">
                                                                            Ajouter remise
                                                                        </a>
                                                                    @endif -->
                                                                <!-- </td> -->
                                                                <td class="center">
                                                                    <span class="text-success font-weight-bold">{{ number_format($data->payed, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</span>
                                                                </td>
                                                                <td class="center">
                                                                    <span class="text-success font-weight-bold">0 {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</span>
                                                                </td>
                                                                <td class="center">
                                                                    <span class="badge badge-success">Payée</span>
                                                                    @if($data->payments->count() > 0)
                                                                        <br><small class="text-muted" style="font-size: 11px;">{{ $data->payments->first()->payment_date->translatedFormat('d/m/Y') }}</small>
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if(!(auth()->user()->isSecretary() && $data->consultation_id))
                                                                        <a href="{{ route('invoices.download', [$data->custom_id, $data->getTypeForDownload()]) }}" class="" >
                                                                            <i class="hgi-stroke hgi-file-download text-dark h3" data-toggle="tooltip" data-placement="top" title="Télécharger la Facture"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!auth()->user()->isTraitant())
                                                                        <a href="#" data-target="#paymentModal" data-toggle="modal" data-id="{{ $data->id }}" data-remaining="{{ $data->rest_to_pay }}" class="btn-payment" >
                                                                            <i class="hgi-stroke hgi-invoice-02 text-dark h3" data-toggle="tooltip" data-placement="top" title="Gérer les Paiements"></i>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                                <table class="table table-hover full-width custom unpaid" style="display: none">
                                                    <thead>
                                                    <tr>
                                                        <th>N° Facture</th>
                                                        <th>Date</th>
                                                        <th>Patient</th>
                                                        <th>Type</th>
                                                        @if(!auth()->user()->isComptable())
                                                        <th>Voir</th>
                                                        @endif
                                                        <th>Montant Total</th>
                                                        <!-- <th>Remise</th> -->
                                                        <th>Montant Payé</th>
                                                        <th>Reste à Payer</th>
                                                        <th>Statut</th>
                                                        <th style="width: 15%">Actions</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach($unpaids as $unpaid)
                                                    @php $data = $unpaid @endphp
                                                    <tr>
                                                                <td class="center">{{ $data->no() }}</td>
                                                                <td class="center">{{ $data->date->translatedFormat('D d M Y') }}</td>
                                                                <td>
                                                                    @if($data->patient)
                                                                        @if(!auth()->user()->isComptable())
                                                                        <a href="{{ route('patients.show', $data->patient->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Consulter le patient">{{ $data->patient->name }}</a>
                                                                        @else
                                                                        {{ $data->patient->name }}
                                                                        @endif
                                                                    @else
                                                                        <span class="text-muted">N/A</span>
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->intervention_id)
                                                                        <span class="badge badge-info">Hospitalisation</span>
                                                                    @elseif($data->consultation_id)
                                                                        <span class="badge badge-success">Consultation</span>
                                                                    @elseif($data->teleconsultation_id)
                                                                        <span class="badge badge-warning">Téléconsultation</span>
                                                                    @else
                                                                        <span class="badge badge-secondary">Autre</span>
                                                                    @endif
                                                                </td>
                                                                @if(!auth()->user()->isComptable())
                                                                <td class="center">
                                                                    @if($data->intervention)
                                                                        <a href="{{ route('interventions.edit', $data->intervention->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir l'intervention">{{ $data->intervention->typeintervention->name ?? 'Intervention' }}</a>
                                                                    @elseif($data->consultation)
                                                                        <a href="{{ route('consultations.edit', $data->consultation->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir la consultation">Consultation</a>
                                                                    @elseif($data->teleconsultation)
                                                                        <a href="{{ route('teleconsultations.edit', $data->teleconsultation->custom_id) }}" data-toggle="tooltip" data-placement="top" title="Voir la téléconsultation">Téléconsultation</a>
                                                                    @else
                                                                        <span class="text-muted">N/A</span>
                                                                    @endif
                                                                </td>
                                                                @endif
                                                                <td class="center">
                                                                    <b>{{ number_format($data->total, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</b>
                                                                </td>
                                                                <!-- <td class="center">
                                                                    @if($data->discount > 0)
                                                                        <a href="#" data-target="#discountModal" data-discount="{{ $data->discount }}" data-id="{{ $data->id }}" data-total="{{ number_format($data->total, 0, '', ' ') }}" id="btn-discount" class="btn btn-outline-primary small btn-sm" data-toggle="modal">
                                                                            remise -<span id="discount-price-{{ $data->id }}">{{ $data->discount }}</span> {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}
                                                                        </a>
                                                                    @else
                                                                        <a href="#" data-target="#discountModal" data-discount="0" data-id="{{ $data->id }}" data-total="{{ number_format($data->total, 0, '', ' ') }}" id="btn-discount" class="btn btn-outline-secondary small btn-sm" data-toggle="modal">
                                                                            Ajouter remise
                                                                        </a>
                                                                    @endif
                                                                </td> -->
                                                                <td class="center">
                                                                    <span class="text-info font-weight-bold">{{ number_format($data->payed, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</span>
                                                                </td>
                                                                <td class="center">
                                                                    <span class="text-danger font-weight-bold">{{ number_format($data->rest_to_pay, 0, '', ' ') }} {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</span>
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->rest_to_pay == $data->total)
                                                                        <span class="badge badge-danger">Non Payée</span>
                                                                    @else
                                                                        <span class="badge badge-warning">Partiellement Payée</span>
                                                                        @if($data->payments->count() > 0)
                                                                            <br><small class="text-muted" style="font-size: 11px;">{{ $data->payments->first()->payment_date->translatedFormat('d/m/Y') }}</small>
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if(!(auth()->user()->isSecretary() && $data->consultation_id))
                                                                        <a href="{{ route('invoices.download', [$data->custom_id, $data->getTypeForDownload()]) }}" class="" >
                                                                            <i class="hgi-stroke hgi-file-download text-dark h3" data-toggle="tooltip" data-placement="top" title="Télécharger la Facture"></i>
                                                                        </a>
                                                                    @endif
                                                                    @if(!auth()->user()->isTraitant())
                                                                        <a href="#" data-target="#paymentModal" data-toggle="modal" data-id="{{ $data->id }}" data-remaining="{{ $data->rest_to_pay }}" class="btn-payment" >
                                                                            <i class="hgi-stroke hgi-invoice-02 text-dark h3" data-toggle="tooltip" data-placement="top" title="Gérer les Paiements"></i>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal pour la remise -->
    <div class="modal fade" id="discountModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Gérer la Remise</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <form id="discountForm" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Montant Total: <span id="total-amount"></span></label>
                        </div>
                        <div class="form-group">
                            <label for="discount">Remise ({!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!})</label>
                            <input type="number" class="form-control" id="discount" name="discount" step="0.01" min="0">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal pour les paiements -->
    <div class="modal fade" id="paymentModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Gérer les Paiements</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        @if(!auth()->user()->isComptable())
                            <div class="col-md-6" id="payment-form-col">
                                <h6>Ajouter un Paiement</h6>
                                <form id="paymentForm">
                                    @csrf
                                    <input type="hidden" id="invoice-id" name="invoice_id">
                                    <div class="form-group">
                                        <label for="amount">Montant ({!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!})</label>
                                        <input type="number" class="form-control" id="amount" name="amount" step="0.01" min="0.01" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="payment_date">Date du Paiement</label>
                                        <input type="date" class="form-control" id="payment_date" name="payment_date" value="{{ date('Y-m-d') }}" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="payment_method">Mode de Paiement</label>
                                        <select class="form-control" id="payment_method" name="payment_method" required>
                                            <option value="cash">Espèces</option>
                                            <option value="card">Carte Bancaire</option>
                                            <option value="transfer">Virement</option>
                                            <option value="check">Chèque</option>
                                            <option value="insurance">Assurance</option>
                                        </select>
                                    </div>
                                    <!-- <div class="form-group">
                                        <label for="notes">Notes</label>
                                        <textarea class="form-control-textarea" id="notes" name="notes" rows="3"></textarea>
                                    </div> -->
                                    <button type="submit" class="btn btn-success">Enregistrer le Paiement</button>
                                </form>
                            </div>
                            <div class="col-md-6" id="payment-history-col">
                        @else
                            <div class="col-md-12" id="payment-history-col">
                        @endif
                            <h6>Historique des Paiements</h6>
                            <div id="payment-history">
                                <!-- L'historique des paiements sera chargé ici -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        var shouldReloadOnClose = false

        $('#paidToggle').change(function(){
            if(this.checked) {
                $('.unpaid').hide()
                $('.paid').show()
                $('.unpaid').parent().parent().parent().hide()
                $('.paid').parent().parent().parent().show()
            }else{
                $('.paid').hide()
                $('.unpaid').show()
                $('.paid').parent().parent().parent().hide()
                $('.unpaid').parent().parent().parent().show()
            }
        })

        // Gestion de la remise
        $('#discountModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            var invoiceId = button.data('id')
            var discount = button.data('discount')
            var total = button.data('total')
            
            $('#total-amount').text(total + ' {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}')
            $('#discount').val(discount)
             $('#discountForm').attr('action', '{{ route("invoices.setDiscount", [":id", ":discount"]) }}'.replace(':id', invoiceId).replace(':discount', discount))
        })

        // Gestion des paiements
        $('#paymentModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            var invoiceId = button.data('id')
            var remaining = button.data('remaining')

            // IMPORTANT: always output a valid JS boolean (Blade would echo "" for false and break the script)
            var authIsComptable = @json(auth()->user()->isComptable())

            // Les comptables voient uniquement l'historique (lecture seule)
            if (authIsComptable) {
                $('#payment-form-col').hide()
                $('#payment-history-col').removeClass('col-md-6').addClass('col-md-12')
            } else {
                if ($('#invoice-id').length) $('#invoice-id').val(invoiceId)
                if ($('#amount').length) {
                    $('#amount').attr('max', remaining)
                    $('#amount').val(remaining)
                }
            }
            
            shouldReloadOnClose = false

            // Si facture payée, masquer le formulaire et étendre l'historique
            if (!authIsComptable && Number(remaining) <= 0) {
                $('#payment-form-col').hide()
                $('#payment-history-col').removeClass('col-md-6').addClass('col-md-12')
            } else if (!authIsComptable) {
                $('#payment-form-col').show()
                $('#payment-history-col').removeClass('col-md-12').addClass('col-md-6')
            }
            // Charger l'historique des paiements
            loadPaymentHistory(invoiceId)
        })

        $('#paymentModal').on('hidden.bs.modal', function () {
            if (shouldReloadOnClose) {
                location.reload()
            }
        })

        function loadPaymentHistory(invoiceId) {
            $.get('{{ route("invoices.payments", ":id") }}'.replace(':id', invoiceId), function(data) {
                $('#payment-history').html(data)
                // Mettre à jour le champ montant avec le reste à payer calculé serveur
                var remainingComputed = Number($('#payment-summary').data('remaining')) || 0
                if ($('#amount').length && remainingComputed > 0) {
                    $('#amount').attr('max', remainingComputed)
                    $('#amount').val(remainingComputed)
                    $('#paymentForm button[type="submit"]').prop('disabled', false)
                } else {
                    if ($('#amount').length) {
                        $('#amount').val('')
                    }
                    if ($('#paymentForm').length) {
                        $('#paymentForm button[type="submit"]').prop('disabled', true)
                    }
                }
            })
        }

        function enforceAmountBounds() {
            if (!$('#amount').length || !$('#paymentForm').length) {
                return
            }
            var max = parseFloat($('#amount').attr('max')) || 0
            var val = parseFloat($('#amount').val()) || 0
            if (max <= 0) {
                $('#amount').val('')
                $('#paymentForm button[type="submit"]').prop('disabled', true)
                return
            }
            if (val > max) {
                $('#amount').val(max)
                val = max
            }
            if (val < 0.01) {
                $('#amount').val(0.01)
                val = 0.01
            }
            $('#paymentForm button[type="submit"]').prop('disabled', val <= 0 || max <= 0)
        }

        $(document).on('input change', '#amount', enforceAmountBounds)

        // Soumission du formulaire de paiement
        $('#paymentForm').on('submit', function(e) {
            e.preventDefault()
            
            var formData = $(this).serialize()
            var invoiceId = $('#invoice-id').val()

            console.log('formData', formData)
            
            $.post('{{ route("invoices.add-payment") }}', formData, function(response) {
                if(response.success) {
                    // Rafraîchir l'historique dans la modale uniquement
                    loadPaymentHistory(invoiceId)
                    // Marquer pour rechargement lors de la fermeture de la modale
                    shouldReloadOnClose = true

                    // Si le paiement couvre le reste, masquer le formulaire
                    if (parseFloat($('#amount').val()) >= parseFloat($('#amount').attr('max'))) {
                        $('#payment-form-col').hide()
                        $('#payment-history-col').removeClass('col-md-6').addClass('col-md-12')
                    }
                } else {
                    alert('Erreur lors de l\'enregistrement du paiement')
                }
            }).fail(function() {
                alert('Erreur lors de l\'enregistrement du paiement')
            })
        })
    </script>
@endpush