@extends('layout.app')

@section('content')
    <style>
        .filter-btn {
            margin-right: 5px;
            padding: 4px 12px !important;
            font-size: 11px !important;
            border-radius: 50px !important;
            text-transform: uppercase;
            font-weight: bold;
            display: inline-block;
            border: none;
            transition: all 0.2s;
            cursor: pointer;
            margin-bottom: 10px;
        }

        .filter-btn:hover,
        .filter-btn.active {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            outline: 2px solid rgba(0, 0, 0, 0.1);
        }

        .color-all { background-color: #f8f9fa !important; color: #212529 !important; border: 1px solid #ddd !important; }
        .color-consultation { background-color: #28a745 !important; color: white !important; }
        .color-hospitalisation { background-color: #007bff !important; color: white !important; }
        .color-teleconsultation { background-color: #ffc107 !important; color: #212529 !important; }
        .color-vente { background-color: #17a2b8 !important; color: white !important; }
        .color-autre { background-color: #6c757d !important; color: white !important; }

        .invoice-badge {
            padding: 2px 8px !important;
            font-size: 11px !important;
            border-radius: 50px !important;
            text-transform: uppercase;
            font-weight: bold;
        }
    </style>
    <div class="page-content">
        <div class="page-bar">
            @php
                $allInvoices = $paids->concat($unpaids);
                $countConsultations = $allInvoices->whereNotNull('consultation_id')->count();
                $countHospitalisations = $allInvoices->whereNotNull('intervention_id')->count();
                $countTeleconsultations = $allInvoices->whereNotNull('teleconsultation_id')->count();
                $countSales = $allInvoices->whereNotNull('sale_id')->count();
            @endphp
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">@if(auth()->user()->isTraitant()) Mes @endif Factures (Payées
                        <span>{{ $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>{{ 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="row mb-3">
                                                <div class="col-md-9">
                                                    <div id="typeFilter">
                                                        <button type="button" class="filter-btn active color-all" data-filter="all"><i class="fa fa-list mr-1"></i>Tout ({{ $allInvoices->count() }})</button>
                                                        <button type="button" class="filter-btn invoice-badge color-consultation" data-filter="consultation"><i class="fa fa-stethoscope mr-1"></i>Consultation ({{ $countConsultations }})</button>
                                                        <button type="button" class="filter-btn invoice-badge color-hospitalisation" data-filter="hospitalisation"><i class="fa fa-hospital mr-1"></i>Hospitalisation ({{ $countHospitalisations }})</button>
                                                        <button type="button" class="filter-btn invoice-badge color-teleconsultation" data-filter="teleconsultation"><i class="fa fa-video mr-1"></i>Téléconsultation ({{ $countTeleconsultations }})</button>
                                                        <button type="button" class="filter-btn invoice-badge color-vente" data-filter="vente"><i class="fa fa-medkit mr-1"></i>Pharmacie ({{ $countSales }})</button>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 text-right">
                                                    <label style="vertical-align: middle; font-size: 12px; margin-right: 10px">Payées</label>
                                                    <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="paidToggle" style="width: auto">
                                                        <input type="checkbox" id="paidToggle" class="mdl-switch__input" checked>
                                                    </label>
                                                </div>
                                            </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 style="width: 15% !important">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;
                                                                $type = 'autre';
                                                                if($data->intervention_id) $type = 'hospitalisation';
                                                                elseif($data->consultation_id) $type = 'consultation';
                                                                elseif($data->teleconsultation_id) $type = 'teleconsultation';
                                                                elseif($data->sale_id) $type = 'vente';
                                                            @endphp
                                                            <tr data-type="{{ $type }}">
                                                                <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
                                                                        —
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->intervention_id)
                                                                        <span class="invoice-badge color-hospitalisation"><i class="fa fa-hospital mr-1"></i>Hospitalisation</span>
                                                                    @elseif($data->consultation_id)
                                                                        <span class="invoice-badge color-consultation"><i class="fa fa-stethoscope mr-1"></i>Consultation</span>
                                                                    @elseif($data->teleconsultation_id)
                                                                        <span class="invoice-badge color-teleconsultation"><i class="fa fa-video mr-1"></i>Téléconsultation</span>
                                                                    @elseif($data->sale_id)
                                                                        <span class="invoice-badge color-vente"><i class="fa fa-medkit mr-1"></i>Pharmacie</span>
                                                                    @else
                                                                        <span class="invoice-badge color-autre"><i class="fa fa-file mr-1"></i>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>

                                                                        @else
                                                                            —
                                                                        @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">
                                                                    <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>
                                                                    <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>
                                                                </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 style="width: 15% !important">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; 
                                                                $type = 'autre';
                                                                if($data->intervention_id) $type = 'hospitalisation';
                                                                elseif($data->consultation_id) $type = 'consultation';
                                                                elseif($data->teleconsultation_id) $type = 'teleconsultation';
                                                                elseif($data->sale_id) $type = 'vente';
                                                            @endphp
                                                            <tr data-type="{{ $type }}">
                                                                <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
                                                                        —
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->intervention_id)
                                                                        <span class="invoice-badge color-hospitalisation"><i class="fa fa-hospital mr-1"></i>Hospitalisation</span>
                                                                    @elseif($data->consultation_id)
                                                                        <span class="invoice-badge color-consultation"><i class="fa fa-stethoscope mr-1"></i>Consultation</span>
                                                                    @elseif($data->teleconsultation_id)
                                                                        <span class="invoice-badge color-teleconsultation"><i class="fa fa-video mr-1"></i>Téléconsultation</span>
                                                                    @elseif($data->sale_id)
                                                                        <span class="invoice-badge color-vente"><i class="fa fa-medkit mr-1"></i>Pharmacie</span>
                                                                    @else
                                                                        <span class="invoice-badge color-autre"><i class="fa fa-file mr-1"></i>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>
                                                                        @else
                                                                            —
                                                                        @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">
                                                                    <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>
                                                                    <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>
                                                                </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>

    @include('invoice.partials.payment-modal')
@endsection

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

        function applyFilters() {
            var isPaid = $('#paidToggle').is(':checked');
            
            if (isPaid) {
                $('.paid').show();
                $('.unpaid').hide();
                filterTable($('.paid'));
            } else {
                $('.paid').hide();
                $('.unpaid').show();
                filterTable($('.unpaid'));
            }
        }

        function filterTable(table) {
            table.find('tbody tr').each(function() {
                var rowType = $(this).data('type');
                if (currentTypeFilter === 'all' || rowType === currentTypeFilter) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
        }

        $('#paidToggle').on('change', function () {
            applyFilters();
        });

        $('#typeFilter button').on('click', function() {
            $('#typeFilter button').removeClass('active');
            $(this).addClass('active');
            currentTypeFilter = $(this).data('filter');
            applyFilters();
        });

        // Initialisation forcée après un léger délai pour laisser le DOM se stabiliser
        setTimeout(applyFilters, 100);

        // 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))
        })


    </script>
@endpush