@extends('layout.app')

@section('content')
    <style>
        /* Status badge styles (same as interventions list) */
        .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;
            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);
        }

        .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; }
    </style>

    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">Patients ({{ $datas->count() }}) &nbsp;
                        <a class="btn btn-primary" href="{{ route('patients.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></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="mb-4 row" style="padding: 10px">
                                                <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) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'guéri'))->count() }})</button>
                                                <button class="filter-btn color-amélioration" data-status="amélioration">Amélioration ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'amélioration'))->count() }})</button>
                                                <button class="filter-btn color-stable" data-status="stable">Stable ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'stable'))->count() }})</button>
                                                <button class="filter-btn color-convalescence" data-status="convalescence">Convalescence ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'convalescence'))->count() }})</button>
                                                <button class="filter-btn color-critique" data-status="critique">Etat critique ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'critique'))->count() }})</button>
                                                <button class="filter-btn color-coma" data-status="coma">Coma ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->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) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'décédé'))->count() }})</button>
                                                <button class="filter-btn color-transféré" data-status="transféré">Transféré ({{ $datas->filter(fn($d) => $d->lastIntervention() && str_contains(strtolower($d->lastIntervention()->status->name), 'transféré'))->count() }})</button>
                                            </div>
                                            <div>
                                                <div class="pull-right m-r-50" style="width: 20%">
                                                    <label style="vertical-align: middle; font-size: 12px">Archivés</label><br>
                                                    <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"
                                                        for="archiveToggle">
                                                        <input type="checkbox" id="archiveToggle" class="mdl-switch__input">
                                                    </label>
                                                </div>
                                                <div class="pull-right " style="width: 20%">
                                                    <label style="vertical-align: middle; font-size: 12px">En
                                                        hospitalisation</label><br>
                                                    <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"
                                                        for="stayToggle">
                                                        <input type="checkbox" id="stayToggle" class="mdl-switch__input"
                                                            >
                                                    </label>
                                                </div>
                                            </div>
                                            
                                            
                                            <div class="table-scrollable">
                                                <table class="table table-hover full-width custom">
                                                    <thead>
                                                        <tr>
                                                            <th> Lieu <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Lit · Chambre · Département"></i></th>
                                                            <th style="width: 20%"> Noms </th>
                                                            <th> Âge </th>
                                                            <th> Genre </th>
                                                            <th> Téléphone </th>
                                                            <th>Groupe</th>
                                                            <th>Etat Actuel</th>
                                                            <th> Assuré </th>
                                                            @if(!auth()->user()->isSecretary())
                                                                <th class="text-center"> Prise en charge </th>
                                                            @endif
                                                            <th> Actions </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php
                                                            // Closures for status mapping — defined once to avoid redeclaration
                                                            $patient_get_status_slug = function($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';
                                                            };

                                                            $patient_get_status_color = function($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';
                                                            };
                                                        @endphp

                                                        @foreach($datas as $data)
                                                            @php
                                                                $statusName = $data->lastIntervention() ? $data->lastIntervention()->status->name : null;
                                                                $statusSlug = $patient_get_status_slug($statusName);
                                                                $statusColorClass = $patient_get_status_color($statusName);
                                                            @endphp
                                                            @if(!$data->archive)
                                                                <tr class="not-archive @if($data->isStay()) stayed @endif row-status-{{ $statusSlug }}" data-status="{{ $statusSlug }}">
                                                                    <td class="center">
                                                                        {{ $data->place() }}
                                                                    </td>
                                                                    <td>
                                                                        <a href="{{ route('patients.show', $data->custom_id) }}"
                                                                            class="text-primary">
                                                                            {{ $data->name }}
                                                                        </a>
                                                                    </td>
                                                                    <td class="center">
                                                                        {{ $data->age ?? $data->calculateAgeFromBirth() }}</td>
                                                                    <td class="center">{{ $data->sexAbrevia() }}</td>
                                                                    <td><a href="tel:{{ $data->tel }}" data-toggle="tooltip"
                                                                            data-placement="top" title="Appeler">
                                                                            {{ $data->tel ?? '—' }} </a></td>
                                                                    <td class="center">{{ $data->group->name }}</td>
                                                                    <td class="center">
                                                                        @if($statusName)
                                                                            <span class="status-badge {{ $statusColorClass }}">{{ $statusName }}</span>
                                                                        @else
                                                                            —
                                                                        @endif
                                                                    </td>
                                                                    <td class="center">{{ $data->assured ? 'Oui' : 'Non' }}</td>
                                                                    @if(!auth()->user()->isSecretary())
                                                                        <td class="center small">
                                                                            <a href="{{ route('patients.show', $data->custom_id) }}"
                                                                                class="btn btn-light btn-sm m-2">
                                                                                <i class="fas fa-eye"></i> Suivi
                                                                            </a>
                                                                            @if(auth()->user()->subStandard())
                                                                                <a href="{{ route('teleconsultations.liveID', $data->custom_id) }}"
                                                                                    class="btn btn-light btn-sm m-2">
                                                                                    <i class="fas fa-laptop-medical"></i> Téléconsulter
                                                                                </a>
                                                                            @endif
                                                                            <a href="{{ route('consultations.createID', $data->custom_id) }}"
                                                                                class="btn btn-light btn-sm m-2">
                                                                                <i class="fas fa-notes-medical"></i> Consulter
                                                                            </a>
                                                                            <a href="{{ route('interventions.createID', $data->custom_id) }}"
                                                                                class="btn btn-light btn-sm m-2">
                                                                                <i class="fas fa-ambulance"></i> Hospitaliser
                                                                            </a>
                                                                        </td>
                                                                    @endif
                                                                    <td class="center">
                                                                        {{-- @if(auth()->user()->subGold())--}}
                                                                        <a href="{{ route('patients.downloadTicket', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-file-download text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Télécharger le Ticket"></i>
                                                                        </a>
                                                                        {{-- @endif--}}
                                                                        <a href="{{ route('patients.archive', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-archive-02 text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Archiver"></i>
                                                                        </a>
                                                                        <a href="{{ route('patients.edit', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-edit-02 text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Modifier"></i>
                                                                        </a>
                                                                        @if(!$data->hasRelatedRecords())
                                                                            <a href="#" data-target="#deleteModal" data-toggle="modal"
                                                                                data-href="{{ route('patients.delete', $data->custom_id) }}"
                                                                                class="">
                                                                                <i class="hgi-stroke hgi-sharp hgi-waste text-dark h3"
                                                                                    data-toggle="tooltip" data-placement="top"
                                                                                    title="Supprimer"></i>
                                                                            </a>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @else
                                                                @php
                                                                    $statusNameArch = $data->lastIntervention() ? $data->lastIntervention()->status->name : null;
                                                                    $statusSlugArch = $patient_get_status_slug($statusNameArch);
                                                                    $statusColorClassArch = $patient_get_status_color($statusNameArch);
                                                                @endphp
                                                                <tr class="archive row-status-{{ $statusSlugArch }}" data-status="{{ $statusSlugArch }}" style="display: none">
                                                                    <td class="center">
                                                                        {{ $data->lastIntervention() ? $data->lastIntervention()->room->name . ($data->lastIntervention()->room->department ? ' - ' . $data->lastIntervention()->room->department->name : '') : '—' }}
                                                                    </td>
                                                                    <td>{{ $data->name }}</td>
                                                                    <td class="center">
                                                                        {{ $data->age ?? $data->calculateAgeFromBirth() }} ans</td>
                                                                    <td class="center">{{ $data->sexAbrevia() }}</td>
                                                                    <td><a href="tel:{{ $data->tel }}" data-toggle="tooltip"
                                                                            data-placement="top" title="Appeler">
                                                                            {{ $data->tel ?? '—' }} </a></td>
                                                                    <td class="center">{{ $data->group->name }}</td>
                                                                    <td class="center">
                                                                        @if($statusNameArch)
                                                                            <span class="status-badge {{ $statusColorClassArch }}">{{ $statusNameArch }}</span>
                                                                        @else
                                                                            —
                                                                        @endif
                                                                    </td>
                                                                    <td class="center">{{ $data->assured ? 'Oui' : 'Non' }}</td>
                                                                    <td class="center">
                                                                        <!-- <a href="{{ route('consultations.createID', $data->custom_id) }}"
                                                                            class="btn btn-outline-success">
                                                                            <i class="fas fa-notes-medical"></i> Consulter
                                                                        </a>
                                                                        <a href="{{ route('interventions.createID', $data->custom_id) }}"
                                                                            class="btn btn-outline-danger">
                                                                            <i class="fas fa-ambulance"></i> Hospitaliser
                                                                        </a> -->
                                                                    </td>
                                                                    <td class="center">
                                                                        {{-- @if(auth()->user()->subGold())--}}
                                                                        <a href="{{ route('patients.downloadTicket', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-file-download text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Télécharger le Ticket"></i>
                                                                        </a>
                                                                        {{-- @endif--}}
                                                                        <a href="{{ route('patients.archive', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-arrow-turn-backward text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Restaurer"></i>
                                                                        </a>
                                                                        <a href="{{ route('patients.edit', $data->custom_id) }}"
                                                                            class="">
                                                                            <i class="hgi-stroke hgi-edit-02 text-dark h3"
                                                                                data-toggle="tooltip" data-placement="top"
                                                                                title="Modifier"></i>
                                                                        </a>
                                                                        @if(!$data->hasRelatedRecords())
                                                                            <a href="#" data-target="#deleteModal" data-toggle="modal"
                                                                                data-href="{{ route('patients.delete', $data->custom_id) }}"
                                                                                class="">
                                                                                <i class="hgi-stroke hgi-sharp hgi-waste text-dark h3"
                                                                                    data-toggle="tooltip" data-placement="top"
                                                                                    title="Supprimer"></i>
                                                                            </a>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $('#archiveToggle').change(function () {
            if (this.checked) {
                $('.not-archive').hide()
                $('.archive').show()
            } else {
                $('.archive').hide()
                $('.not-archive').show()
            }
        })

        $('#stayToggle').change(function () {
            if (this.checked) {
                $('.stayed').show()
            } else {
                $('.stayed').hide()
            }
        })
        
        // Filter buttons behaviour (status filters)
        function applyPatientFilters() {
            var activeStatus = $('.filter-btn.active').data('status');
            var showArchived = $('#archiveToggle').is(':checked');
            var showStayed = $('#stayToggle').is(':checked');

            // Not archived rows
            $('.not-archive').each(function() {
                var $row = $(this);
                var rowStatus = $row.data('status') || '';
                var isStayed = $row.hasClass('stayed');
                var stayMatch = showStayed ? isStayed : !isStayed;
                var statusMatch = (activeStatus === 'all' || rowStatus === activeStatus);
                if (statusMatch && stayMatch) $row.show(); else $row.hide();
            });

            // Archived rows
            $('.archive').each(function() {
                var $row = $(this);
                var rowStatus = $row.data('status') || '';
                var statusMatch = (activeStatus === 'all' || rowStatus === activeStatus);
                if (showArchived && statusMatch) $row.show(); else $row.hide();
            });
        }

        $('.filter-btn').on('click', function() {
            $('.filter-btn').removeClass('active');
            $(this).addClass('active');
            applyPatientFilters();
        });

        // Re-apply filters when toggles change
        $('#archiveToggle').on('change', applyPatientFilters);
        $('#stayToggle').on('change', applyPatientFilters);

        // Initial application
        $(function(){
            applyPatientFilters();
        });
    </script>
@endpush