@extends('layouts.app')
@section('title', $case->case_number)
@section('page-title', 'Détail du Cas – ' . $case->case_number)

@section('content')
<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span><i class="fas fa-file-medical me-2 text-primary"></i>{{ $case->case_number }} – {{ $case->name }}</span>
                <span class="badge {{ $case->is_active ? 'badge-active' : 'badge-inactive' }}">
                    {{ $case->is_active ? 'Actif' : 'Inactif' }}
                </span>
            </div>
            <div class="card-body">
                <dl class="row">
                    <dt class="col-sm-4 text-muted">Région</dt>
                    <dd class="col-sm-8">{{ $case->category }}</dd>
                    <dt class="col-sm-4 text-muted">Modalité</dt>
                    <dd class="col-sm-8"><span class="badge bg-light text-dark border">{{ $case->type }}</span></dd>
                    <dt class="col-sm-4 text-muted">Créé par</dt>
                    <dd class="col-sm-8">{{ $case->creator->full_name ?? '–' }}</dd>
                    <dt class="col-sm-4 text-muted">Date création</dt>
                    <dd class="col-sm-8">{{ $case->created_at->format('d/m/Y') }}</dd>
                </dl>

                <h6 class="fw-semibold mt-3">Histoire / Information Clinique</h6>
                <div class="bg-light p-3 rounded" style="white-space:pre-wrap">{{ $case->clinical_history }}</div>

                @if($case->response && Auth::user()->canManageCases())
                <h6 class="fw-semibold mt-3">Réponse / Interprétation correcte</h6>
                <div class="bg-success bg-opacity-10 border border-success border-opacity-25 p-3 rounded" style="white-space:pre-wrap">{{ $case->response }}</div>
                @endif
            </div>
        </div>

        {{-- Photos --}}
        @if($case->images->count())
        <div class="card mb-3">
            <div class="card-header"><i class="fas fa-images me-2 text-primary"></i>Photos ({{ $case->images->count() }})</div>
            <div class="card-body">
                <div class="row g-2">
                    @foreach($case->images as $img)
                    <div class="col-md-4 col-6">
                        <div class="border rounded overflow-hidden position-relative">
                            <a href="{{ Storage::url($img->image_path) }}" target="_blank">
                                <img src="{{ Storage::url($img->image_path) }}" class="img-fluid w-100" style="height:140px;object-fit:cover;" alt="">
                            </a>
                            @if($img->origin)
                            <span class="position-absolute bottom-0 start-0 bg-dark bg-opacity-75 text-white px-2 py-1" style="font-size:.65rem;">
                                {{ $img->origin }}
                            </span>
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endif

        {{-- Liens --}}
        @if($case->links->count())
        <div class="card mb-3">
            <div class="card-header"><i class="fas fa-link me-2 text-primary"></i>Liens ({{ $case->links->count() }})</div>
            <div class="card-body">
                <ul class="list-group list-group-flush">
                    @foreach($case->links as $link)
                    <li class="list-group-item px-0 d-flex justify-content-between align-items-center">
                        <a href="{{ $link->url }}" target="_blank" class="text-truncate me-2">{{ $link->url }}</a>
                        @if($link->origin)<span class="badge bg-secondary">{{ $link->origin }}</span>@endif
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
        @endif
    </div>

    <div class="col-lg-4">
        @if(Auth::user()->canManageCases())
        <div class="card mb-3">
            <div class="card-header"><i class="fas fa-cog me-2 text-primary"></i>Actions</div>
            <div class="card-body d-grid gap-2">
                <a href="{{ route('cases.edit', $case) }}" class="btn btn-outline-primary btn-sm">
                    <i class="fas fa-edit me-1"></i>Modifier le Cas
                </a>
                <form method="POST" action="{{ route('cases.toggle-active', $case) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm w-100 {{ $case->is_active ? 'btn-warning' : 'btn-success' }}">
                        <i class="fas fa-{{ $case->is_active ? 'ban' : 'check' }} me-1"></i>
                        {{ $case->is_active ? 'Désactiver' : 'Activer' }}
                    </button>
                </form>
                <a href="{{ route('cases.send', $case) }}" class="btn btn-success btn-sm">
                    <i class="fas fa-paper-plane me-1"></i>Envoyer à un Résident
                </a>
                @if(Auth::user()->isSuperAdmin())
                <form method="POST" action="{{ route('cases.destroy', $case) }}"
                      onsubmit="return confirm('Supprimer ce cas définitivement ?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-outline-danger w-100">
                        <i class="fas fa-trash me-1"></i>Supprimer
                    </button>
                </form>
                @endif
            </div>
        </div>
        @endif

        <div class="card">
            <div class="card-header"><i class="fas fa-info-circle me-2 text-primary"></i>Récapitulatif</div>
            <div class="card-body">
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <small class="text-muted">Photos</small>
                    <strong>{{ $case->images->count() }}</strong>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <small class="text-muted">Liens</small>
                    <strong>{{ $case->links->count() }}</strong>
                </div>
                <div class="d-flex justify-content-between py-1">
                    <small class="text-muted">Réponse</small>
                    <strong>{{ $case->response ? 'Oui' : 'Non' }}</strong>
                </div>
            </div>
        </div>
    </div>
</div>

<a href="{{ route('cases.index') }}" class="btn btn-outline-secondary btn-sm mt-2">
    <i class="fas fa-arrow-left me-1"></i>Retour à la liste
</a>
@endsection