@extends('layouts.app')

@section('title', 'Historial del Cliente')

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-4">
        <div class="col-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('clientes.index') }}">Clientes</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Historial del Cliente</li>
                </ol>
            </nav>
            <h2 class="fw-bold"><i class="fa-solid fa-history text-primary me-2"></i> Historial del Cliente: {{ $cliente->nombre_completo }}</h2>
        </div>
    </div>

    <div class="row g-4">
        <!-- Client Detail Card -->
        <div class="col-md-4">
            <div class="card border-0 bg-white p-4 shadow-sm h-100">
                <h5 class="fw-bold mb-3">Información Personal</h5>
                <hr>
                <div class="mb-3">
                    <span class="text-muted small d-block">DNI / RUC</span>
                    <strong>{{ $cliente->dni_ruc }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Empresa</span>
                    <strong>{{ $cliente->empresa ?? '-' }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Correo Electrónico</span>
                    <strong>{{ $cliente->correo }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Teléfono</span>
                    <strong>{{ $cliente->telefono ?? 'N/A' }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Dirección</span>
                    <strong>{{ $cliente->direccion ?? 'N/A' }}</strong>
                </div>
                <div>
                    <span class="text-muted small d-block">Observaciones</span>
                    <p class="mb-0 text-muted">{{ $cliente->observaciones ?? 'Sin observaciones' }}</p>
                </div>
            </div>
        </div>

        <!-- Cases History Card -->
        <div class="col-md-8">
            <div class="card border-0 bg-white p-4 shadow-sm h-100">
                <h5 class="fw-bold mb-3">Expedientes Judiciales Asociados</h5>
                <hr>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr>
                                <th>Expediente</th>
                                <th>Materia</th>
                                <th>Abogado</th>
                                <th>Juzgado</th>
                                <th>Estado</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($cliente->expedientes as $exp)
                                <tr>
                                    <td>
                                        <a href="{{ route('expedientes.show', $exp->id) }}" class="fw-bold text-decoration-none">
                                            {{ $exp->numero_expediente }}
                                        </a>
                                        <div class="small text-muted">{{ $exp->codigo_interno }}</div>
                                    </td>
                                    <td>{{ $exp->materia }}</td>
                                    <td>{{ $exp->abogados->isNotEmpty() ? $exp->abogados->pluck('nombre_completo')->join(', ') : 'No asignado' }}</td>
                                    <td>{{ $exp->juzgado?->nombre ?? 'No asignado' }}</td>
                                    <td>
                                        <span class="badge py-1.5 px-3 rounded-pill 
                                            @if($exp->estado === 'Nuevo') bg-info-subtle text-info
                                            @elseif($exp->estado === 'En Proceso') bg-primary-subtle text-primary
                                            @elseif($exp->estado === 'En Audiencia') badge-gold
                                            @elseif($exp->estado === 'Ganado') bg-success-subtle text-success
                                            @elseif($exp->estado === 'Perdido') bg-danger-subtle text-danger
                                            @else bg-secondary-subtle text-secondary
                                            @endif">
                                            {{ $exp->estado }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center py-4 text-muted">
                                        Este cliente no tiene expedientes registrados.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection