@extends('layouts.app')

@section('title', 'Carga Laboral del Abogado')

@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('abogados.index') }}">Abogados</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Detalle de Carga</li>
                </ol>
            </nav>
            <h2 class="fw-bold"><i class="fa-solid fa-briefcase text-primary me-2"></i> Expedientes a Cargo: {{ $abogado->nombre_completo }}</h2>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-md-4">
            <div class="card border-0 bg-white p-4 shadow-sm h-100">
                <h5 class="fw-bold mb-3">Ficha de Abogado</h5>
                <hr>
                <div class="mb-3">
                    <span class="text-muted small d-block">Colegiatura</span>
                    <strong>{{ $abogado->colegiatura }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Especialidad</span>
                    <strong>{{ $abogado->especialidad ?? 'Generalista' }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Correo Electrónico</span>
                    <strong>{{ $abogado->correo }}</strong>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Teléfono</span>
                    <strong>{{ $abogado->telefono ?? 'N/A' }}</strong>
                </div>
                <div>
                    <span class="text-muted small d-block">Estado Operativo</span>
                    <span class="badge py-1.5 px-3 rounded-pill @if($abogado->estado === 'Activo') bg-success text-white @else bg-danger text-white @endif">
                        {{ $abogado->estado }}
                    </span>
                </div>
            </div>
        </div>

        <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 Asignados</h5>
                <hr>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr>
                                <th>Expediente</th>
                                <th>Cliente</th>
                                <th>Juzgado</th>
                                <th>Estado</th>
                                <th>Prioridad</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($abogado->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->cliente->nombre_completo }}</td>
                                    <td>{{ $exp->juzgado->nombre }}</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>
                                    <td>
                                        <span class="badge py-1 px-2.5 rounded 
                                            @if($exp->prioridad === 'Alta') bg-danger-subtle text-danger
                                            @elseif($exp->prioridad === 'Media') bg-warning-subtle text-warning
                                            @else bg-success-subtle text-success
                                            @endif">
                                            {{ $exp->prioridad }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center py-4 text-muted">
                                        Este abogado no tiene expedientes asignados.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection