@extends('layout.app')

@section('content')
    <style>
        /* Styles partagés pour boutons et badges */
        .status-badge,
        .filter-btn {
            margin-right: 5px;
            padding: 2px 8px !important;
            font-size: 11px !important;
            border-radius: 50px !important;
            text-transform: uppercase;
            font-weight: bold;
            display: inline-block;
            border: none;
            transition: all 0.2s;
        }

        .filter-btn {
            margin-bottom: 10px;
            cursor: pointer;
        }

        .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);
        }

        /* Couleurs d'états personnalisées */
        .color-guéri {
            background-color: #28a745 !important;
            color: white !important;
        }

        .color-amélioration {
            background-color: #28a745 !important;
            color: white !important;
            opacity: 0.7;
        }

        .color-stable {
            background-color: #17a2b8 !important;
            color: white !important;
        }

        .color-convalescence {
            background-color: #ffc107 !important;
            color: #212529 !important;
        }

        .color-critique {
            background-color: #dc3545 !important;
            color: white !important;
        }

        .color-coma {
            background-color: #6610f2 !important;
            color: white !important;
        }

        .color-décédé {
            background-color: #343a40 !important;
            color: white !important;
        }

        .color-transféré {
            background-color: #6c757d !important;
            color: white !important;
        }

        .color-all {
            background-color: #f8f9fa !important;
            color: #212529 !important;
            border: 1px solid #ddd !important;
        }

        /* Fonds de ligne transparents */
        .row-status-guéri {
            background-color: rgba(40, 167, 69, 0.08) !important;
        }

        .row-status-amélioration {
            background-color: rgba(40, 167, 69, 0.05) !important;
        }

        .row-status-stable {
            background-color: rgba(255, 255, 255, 0.1) !important;
        }

        .row-status-convalescence {
            background-color: rgba(255, 193, 7, 0.08) !important;
        }

        .row-status-critique {
            background-color: rgba(220, 53, 69, 0.08) !important;
        }

        .row-status-coma {
            background-color: rgba(102, 16, 242, 0.08) !important;
        }

        .row-status-décédé {
            background-color: rgba(52, 58, 64, 0.08) !important;
        }

        .row-status-transféré {
            background-color: rgba(108, 117, 125, 0.08) !important;
        }
    </style>

    <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 Hospitalisations
                        ({{ $datas->count() }}) &nbsp;
                        <a class="btn btn-primary" href="{{ route('interventions.create') }}">Ajouter</a>
                    </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>Filtres rapides</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 ">
                                            <!-- Boutons de filtrage -->
                                            <div class="mb-4">
                                                <button class="filter-btn active color-all" data-status="all">Tous ({{ $datas->count() }})</button>
                                                <button class="filter-btn color-guéri" data-status="guéri">Guéri ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'guéri'))->count() }})</button>
                                                <button class="filter-btn color-amélioration" data-status="amélioration">Amélioration ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'amélioration'))->count() }})</button>
                                                <button class="filter-btn color-stable" data-status="stable">Stable ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'stable'))->count() }})</button>
                                                <button class="filter-btn color-convalescence" data-status="convalescence">Convalescence ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'convalescence'))->count() }})</button>
                                                <button class="filter-btn color-critique" data-status="critique">Etat critique ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'critique'))->count() }})</button>
                                                <button class="filter-btn color-coma" data-status="coma">Coma ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'coma'))->count() }})</button>
                                                <button class="filter-btn color-décédé" data-status="décédé">Décédé ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'décédé'))->count() }})</button>
                                                <button class="filter-btn color-transféré" data-status="transféré">Transféré ({{ $datas->filter(fn($d) => str_contains(strtolower($d->status->name), 'transféré'))->count() }})</button>
                                            </div>

                                            <div class="pull-right" style="width: 10%">
                                                <label style="vertical-align: middle; font-size: 12px">En cours</label><br>
                                                <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"
                                                    for="stayToggle">
                                                    <input type="checkbox" id="stayToggle" class="mdl-switch__input"
                                                        checked>
                                                </label>
                                            </div>

                                            @php
                                                function getStatusColorClass($name)
                                                {
                                                    $name = strtolower($name);
                                                    if (str_contains($name, 'guéri'))
                                                        return 'color-guéri';
                                                    if (str_contains($name, 'amélioration'))
                                                        return 'color-amélioration';
                                                    if (str_contains($name, 'stable'))
                                                        return 'color-stable';
                                                    if (str_contains($name, 'convalescence'))
                                                        return 'color-convalescence';
                                                    if (str_contains($name, 'critique'))
                                                        return 'color-critique';
                                                    if (str_contains($name, 'coma'))
                                                        return 'color-coma';
                                                    if (str_contains($name, 'décédé'))
                                                        return 'color-décédé';
                                                    if (str_contains($name, 'transféré'))
                                                        return 'color-transféré';
                                                    return 'color-all';
                                                }

                                                function getStatusSlug($name)
                                                {
                                                    $name = strtolower($name);
                                                    if (str_contains($name, 'guéri'))
                                                        return 'guéri';
                                                    if (str_contains($name, 'amélioration'))
                                                        return 'amélioration';
                                                    if (str_contains($name, 'stable'))
                                                        return 'stable';
                                                    if (str_contains($name, 'convalescence'))
                                                        return 'convalescence';
                                                    if (str_contains($name, 'critique'))
                                                        return 'critique';
                                                    if (str_contains($name, 'coma'))
                                                        return 'coma';
                                                    if (str_contains($name, 'décédé'))
                                                        return 'décédé';
                                                    if (str_contains($name, 'transféré'))
                                                        return 'transféré';
                                                    return 'all';
                                                }
                                            @endphp

                                            <div class="table-scrollable">
                                                <table class="table table-hover full-width custom" id="interventionTable">
                                                    <thead>
                                                        <tr>
                                                            <th> Durée </th>
                                                            <th> Lieu <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Lit · Chambre · Département"></i></th>
                                                            <th> Patient </th>
                                                            <th> Professionnel </th>
                                                            <th> Diagnostic </th>
                                                            <th> Fichiers </th>
                                                            <th> Type </th>
                                                            <th>Maladie</th>
                                                            <th>Etat</th>
                                                            <th>Total</th>
                                                            <th style="width: 15%"> Actions </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @foreach($datas as $data)
                                                            @php
                                                                $statusSlug = getStatusSlug($data->status->name);
                                                                $statusColorClass = getStatusColorClass($data->status->name);
                                                                $rowClass = "row-status-" . $statusSlug;
                                                                $currentClass = $data->datetimeto ? 'not-current' : 'current';
                                                                $displayStyle = $data->datetimeto ? 'display: none' : '';
                                                            @endphp
                                                            <tr class="{{ $currentClass }} {{ $rowClass }}" data-status="{{ $statusSlug }}">
                                                                <td class="center">
                                                                    @if($data->datetimeto)
                                                                        {{ $data->datetimefrom->translatedFormat('d M Y H:i') }}
                                                                        <br>au
                                                                        {{ $data->datetimeto->translatedFormat('d M Y H:i') }}
                                                                    @else
                                                                        {{ $data->datetimefrom->translatedFormat('d M Y H:i') }}
                                                                    @endif
                                                                </td>
                                                                <td class="center">{{ $data->patient->place() }}</td>
                                                                <td><a href="{{ route('patients.show', $data->patient->custom_id) }}"
                                                                        title="Suivi">{{ $data->patient->name }}</a></td>
                                                                <td class="center">{{ $data->user->name }}</td>
                                                                <td class="center">
                                                                    @if($data->description)
                                                                        <a href="#" data-target="#descModal" class="desc-link"
                                                                            data-toggle="modal"
                                                                            data-content="{{ $data->description }}">Voir</a>
                                                                    @else — @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->files)
                                                                        <a href="#" data-target="#filesModal" class="files-link"
                                                                            data-toggle="modal"
                                                                            data-content="{{ $data->files }}">Voir</a>
                                                                    @else — @endif
                                                                </td>
                                                                <td class="center">{{ $data->typeintervention->name }}</td>
                                                                <td class="center">{{ $data->trouble->name }}</td>
                                                                <td class="center">
                                                                    <span
                                                                        class="status-badge {{ $statusColorClass }}">{{ $data->status->name }}</span>
                                                                    @php
                                                                        $etatExtras = [];
                                                                        if (!is_null($data->temperature) && $data->temperature !== '')
                                                                            $etatExtras[] = trim($data->temperature) . ' C';
                                                                        if (!is_null($data->tension) && $data->tension !== '')
                                                                            $etatExtras[] = trim($data->tension) . ' mmHg';
                                                                    @endphp
                                                                    @if(count($etatExtras))
                                                                        <br><small
                                                                            class="">({{ implode(', ', $etatExtras) }})</small>
                                                                    @endif
                                                                </td>
                                                                <td class="center" align="center">
                                                                    @if($data->invoice())
                                                                        <b>{{ number_format($data->invoice()->total, 0, '', ' ') }}
                                                                            {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}</b>
                                                                        <br>
                                                                        <a href="#" data-target="#discountModal"
                                                                            data-discount="{{ $data->invoice()->discount }}"
                                                                            data-id="{{ $data->invoice()->id }}"
                                                                            data-total="{{ number_format($data->invoice()->total, 0, '', ' ') }}"
                                                                            class="btn btn-outline-primary small btn-sm btn-discount"
                                                                            data-toggle="modal"
                                                                            data-content="{{ $data->files }}">remise -<span
                                                                                id="discount-price-{{ $data->invoice()->id }}">{{ $data->invoice()->discount }}</span>
                                                                            {!! htmlentities(auth()->user()->company->currency_symbol, ENT_NOQUOTES, 'UTF-8') !!}
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                                <td class="center">
                                                                    @if($data->invoice())
                                                                        <a href="{{ route('invoices.download', [$data->invoice()->custom_id, 'intervention']) }}"
                                                                            title="Facture"><i
                                                                                class="hgi-stroke hgi-file-download text-dark h4"></i></a>
                                                                        <a href="#" data-target="#paymentModal" data-toggle="modal"
                                                                            data-id="{{ $data->invoice()->id }}"
                                                                            data-remaining="{{ $data->invoice()->rest_to_pay }}"
                                                                            class="btn-payment" title="Paiements"><i
                                                                                class="hgi-stroke hgi-invoice-02 text-dark h4"></i></a>
                                                                    @endif
                                                                    <a href="{{ route('interventions.edit', $data->custom_id) }}"
                                                                        title="Modifier"><i
                                                                            class="hgi-stroke hgi-edit-02 text-dark h4"></i></a>
                                                                    <a href="#" data-target="#deleteModal" data-toggle="modal"
                                                                        data-href="{{ route('interventions.delete', $data->custom_id) }}"
                                                                        title="Supprimer"><i
                                                                            class="hgi-stroke hgi-sharp hgi-waste text-dark h4"></i></a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('invoice.partials.payment-modal')
@endsection

@push('scripts')
    <script>
        $(document).ready(function () {
            // Instance du tableau
            var table = $('#interventionTable').DataTable();

            // --- FILTRAGE CROISÉ DATA TABLES ---
            $.fn.dataTable.ext.search.push(
                function (settings, data, dataIndex) {
                    // Assurance qu'on ne filtre que ce tableau
                    if (settings.nTable.id !== 'interventionTable') return true;

                    // 1. État sélectionné (ex: Coma, Stable...)
                    var activeStatus = $('.filter-btn.active').data('status');
                    var rowStatus = $(table.row(dataIndex).node()).data('status');
                    var statusMatch = (activeStatus === 'all' || activeStatus === rowStatus);

                    // 2. Hospitalisation (En cours vs Terminé)
                    var isStayToggleChecked = $('#stayToggle').is(':checked');
                    var isCurrentRow = $(table.row(dataIndex).node()).hasClass('current');
                    var stayMatch = (isStayToggleChecked ? isCurrentRow : !isCurrentRow);

                    // On affiche si les deux conditions sont vraies
                    return statusMatch && stayMatch;
                }
            );

            // Mise à jour sur changement
            $('#stayToggle').on('change', function () { table.draw(); });
            $('.filter-btn').on('click', function () {
                $('.filter-btn').removeClass('active');
                $(this).addClass('active');
                table.draw();
            });

            // Diagnostic modal
            $('.desc-link').on('click', function () {
                $('#descModal .modal-body').html($(this).attr('data-content'));
            });

            // Premier lancement pour appliquer les filtres par défaut
            table.draw();
        });
    </script>
@endpush