@extends('layouts.app')

@section('title', $healthCenter->name)

@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-hospital me-2"></i>
        {{ $healthCenter->name }}
        @if(!$healthCenter->is_active)
            <span class="badge bg-secondary ms-2">Inactif</span>
        @endif
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ route('health-centers.edit', $healthCenter) }}" class="btn btn-primary">
                <i class="fas fa-edit me-1"></i>
                Modifier
            </a>
            <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                <i class="fas fa-trash me-1"></i>
                Supprimer
            </button>
        </div>
        <a href="{{ route('health-centers.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Retour à la liste
        </a>
    </div>
</div>

<div class="row">
    <!-- Informations du centre -->
    <div class="col-md-4">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">
                    <i class="fas fa-info-circle me-2"></i>
                    Informations générales
                </h5>
            </div>
            <div class="card-body">
                <table class="table table-sm">
                    <tr>
                        <td><strong>Nom :</strong></td>
                        <td>{{ $healthCenter->name }}</td>
                    </tr>
                    <tr>
                        <td><strong>Type :</strong></td>
                        <td>
                            <span class="badge bg-{{ $healthCenter->type === 'public' ? 'primary' : ($healthCenter->type === 'prive' ? 'success' : 'info') }}">
                                {{ ucfirst($healthCenter->type) }}
                            </span>
                        </td>
                    </tr>
                    @if($healthCenter->director_name)
                    <tr>
                        <td><strong>Directeur :</strong></td>
                        <td>{{ $healthCenter->director_name }}</td>
                    </tr>
                    @endif
                    @if($healthCenter->capacity)
                    <tr>
                        <td><strong>Capacité :</strong></td>
                        <td>{{ $healthCenter->capacity }} lits</td>
                    </tr>
                    @endif
                    <tr>
                        <td><strong>Statut :</strong></td>
                        <td>
                            @if($healthCenter->is_active)
                                <span class="badge bg-success">Actif</span>
                            @else
                                <span class="badge bg-danger">Inactif</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td><strong>Créé le :</strong></td>
                        <td>{{ $healthCenter->created_at->format('d/m/Y') }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- Contact -->
        <div class="card shadow-sm mb-4">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="fas fa-address-book me-2"></i>
                    Contact
                </h6>
            </div>
            <div class="card-body">
                <p class="mb-2">
                    <i class="fas fa-map-marker-alt me-2"></i>
                    {{ $healthCenter->address }}
                    @if($healthCenter->city)
                        <br>{{ $healthCenter->city }}
                    @endif
                </p>
                
                @if($healthCenter->phone)
                <p class="mb-2">
                    <i class="fas fa-phone me-2"></i>
                    <a href="tel:{{ $healthCenter->phone }}" class="text-decoration-none">
                        {{ $healthCenter->phone }}
                    </a>
                </p>
                @endif
                
                @if($healthCenter->email)
                <p class="mb-0">
                    <i class="fas fa-envelope me-2"></i>
                    <a href="mailto:{{ $healthCenter->email }}" class="text-decoration-none">
                        {{ $healthCenter->email }}
                    </a>
                </p>
                @endif
            </div>
        </div>

        <!-- Statistiques -->
        <div class="card shadow-sm">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="fas fa-chart-bar me-2"></i>
                    Statistiques
                </h6>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6">
                        <h4 class="text-primary mb-0">{{ $healthCenter->doctors->count() }}</h4>
                        <small class="text-muted">Médecins</small>
                    </div>
                    <div class="col-6">
                        <h4 class="text-success mb-0">{{ $healthCenter->medications->count() }}</h4>
                        <small class="text-muted">Médicaments</small>
                    </div>
                </div>
                
                <hr>
                
                <div class="row text-center">
                    <div class="col-6">
                        <h6 class="text-info mb-0">{{ $healthCenter->consultationTickets->count() }}</h6>
                        <small class="text-muted">Consultations</small>
                    </div>
                    <div class="col-6">
                        <h6 class="text-warning mb-0">
                            {{ $healthCenter->consultationTickets->where('created_at', '>=', now()->startOfMonth())->count() }}
                        </h6>
                        <small class="text-muted">Ce mois</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Contenu principal -->
    <div class="col-md-8">
        <!-- Services -->
        @if($healthCenter->services)
        <div class="card shadow-sm mb-4">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-list-check me-2"></i>
                    Services disponibles
                </h5>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ $healthCenter->services }}</p>
            </div>
        </div>
        @endif

        <!-- Médecins -->
        <div class="card shadow-sm mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="fas fa-user-md me-2"></i>
                    Équipe médicale
                    <span class="badge bg-secondary ms-2">{{ $healthCenter->doctors->count() }}</span>
                </h5>
                <a href="#" class="btn btn-sm btn-success">
                    <i class="fas fa-plus me-1"></i>
                    Ajouter médecin
                </a>
            </div>
            <div class="card-body">
                @if($healthCenter->doctors->count() > 0)
                    <div class="row">
                        @foreach($healthCenter->doctors as $doctor)
                        <div class="col-md-6 mb-3">
                            <div class="card border">
                                <div class="card-body">
                                    <h6 class="card-title">Dr. {{ $doctor->first_name }} {{ $doctor->last_name }}</h6>
                                    <p class="card-text">
                                        <span class="badge bg-info">{{ $doctor->specialty }}</span>
                                        @if($doctor->is_active)
                                            <span class="badge bg-success">Actif</span>
                                        @else
                                            <span class="badge bg-secondary">Inactif</span>
                                        @endif
                                    </p>
                                    @if($doctor->phone)
                                    <p class="card-text">
                                        <small class="text-muted">
                                            <i class="fas fa-phone me-1"></i>
                                            {{ $doctor->phone }}
                                        </small>
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                @else
                    <div class="text-center text-muted py-4">
                        <i class="fas fa-user-md fa-3x mb-3"></i>
                        <p>Aucun médecin assigné à ce centre</p>
                        <a href="#" class="btn btn-primary">
                            <i class="fas fa-plus me-1"></i>
                            Ajouter le premier médecin
                        </a>
                    </div>
                @endif
            </div>
        </div>

        <!-- Consultations récentes -->
        <div class="card shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-history me-2"></i>
                    Consultations récentes
                </h5>
            </div>
            <div class="card-body">
                @if($healthCenter->consultationTickets->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Patient</th>
                                    <th>Médecin</th>
                                    <th>Statut</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($healthCenter->consultationTickets->take(10) as $ticket)
                                <tr>
                                    <td>{{ $ticket->created_at->format('d/m/Y H:i') }}</td>
                                    <td>{{ $ticket->patient->first_name }} {{ $ticket->patient->last_name }}</td>
                                    <td>Dr. {{ $ticket->doctor->first_name }} {{ $ticket->doctor->last_name }}</td>
                                    <td>
                                        <span class="badge {{ $ticket->status === 'en_attente' ? 'bg-warning text-dark' : ($ticket->status === 'en_cours' ? 'bg-info' : 'bg-success') }}">
                                            {{ ucfirst(str_replace('_', ' ', $ticket->status)) }}
                                        </span>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    
                    @if($healthCenter->consultationTickets->count() > 10)
                    <div class="text-center mt-3">
                        <a href="{{ route('consultation-tickets.index', ['health_center_id' => $healthCenter->id]) }}" class="btn btn-outline-primary">
                            Voir toutes les consultations
                        </a>
                    </div>
                    @endif
                @else
                    <div class="text-center text-muted py-4">
                        <i class="fas fa-calendar-times fa-3x mb-3"></i>
                        <p>Aucune consultation enregistrée</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal de suppression -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteModalLabel">Confirmer la suppression</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    <strong>Attention !</strong> Cette action est irréversible.
                </div>
                <p>Êtes-vous sûr de vouloir supprimer le centre <strong>{{ $healthCenter->name }}</strong> ?</p>
                <p class="text-muted">
                    Toutes les données associées seront également supprimées :
                </p>
                <ul class="text-muted">
                    <li>{{ $healthCenter->doctors->count() }} médecin(s)</li>
                    <li>{{ $healthCenter->medications->count() }} médicament(s)</li>
                    <li>{{ $healthCenter->consultationTickets->count() }} consultation(s)</li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <form action="{{ route('health-centers.destroy', $healthCenter) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash me-1"></i>
                        Supprimer définitivement
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection