@extends('layouts.app')

@section('title', 'Liste des Patients')

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="fas fa-users me-2"></i>
        Patients
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <a href="{{ route('patients.create') }}" class="btn btn-primary">
            <i class="fas fa-plus me-1"></i>
            Nouveau Patient
        </a>
    </div>
</div>

<div class="row mb-3">
    <div class="col-md-6">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Rechercher un patient...">
            <button class="btn btn-outline-secondary" type="button">
                <i class="fas fa-search"></i>
            </button>
        </div>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-body">
        @if($patients->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>N° Patient</th>
                            <th>Nom complet</th>
                            <th>Âge</th>
                            <th>Sexe</th>
                            <th>Téléphone</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($patients as $patient)
                        <tr>
                            <td>
                                <a href="{{ route('patients.show', $patient) }}" class="text-decoration-none">
                                    <strong>{{ $patient->patient_number }}</strong>
                                </a>
                            </td>
                            <td>{{ $patient->full_name }}</td>
                            <td>{{ $patient->age }} ans</td>
                            <td>
                                @php
                                    $genderText = match($patient->gender) {
                                        'male' => 'Homme',
                                        'female' => 'Femme',
                                        'other' => 'Autre',
                                        default => $patient->gender
                                    };
                                @endphp
                                {{ $genderText }}
                            </td>
                            <td>{{ $patient->phone ?? '-' }}</td>
                            <td>
                                <div class="btn-group btn-group-sm" role="group">
                                    <a href="{{ route('patients.show', $patient) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    <a href="{{ route('patients.edit', $patient) }}" class="btn btn-outline-secondary">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <a href="{{ route('consultation-tickets.create', ['patient_id' => $patient->id]) }}" class="btn btn-outline-success" title="Créer un ticket">
                                        <i class="fas fa-ticket-alt"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <!-- Pagination -->
            <div class="d-flex justify-content-center">
                {{ $patients->links() }}
            </div>
        @else
            <div class="text-center py-5">
                <i class="fas fa-users fa-3x text-muted mb-3"></i>
                <h5 class="text-muted">Aucun patient enregistré</h5>
                <p class="text-muted">Commencez par ajouter votre premier patient.</p>
                <a href="{{ route('patients.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-1"></i>
                    Ajouter un patient
                </a>
            </div>
        @endif
    </div>
</div>
@endsection