@extends('layouts.app')

@section('title', 'Trámite #' . $tramite->id)

@section('content')
{{-- Cabecera de página --}}
<div class="bg-body-light">
    <div class="content content-full">
        <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
            <div class="flex-grow-1">
                <h1 class="h3 fw-bold mb-0">
                    <i class="fa fa-folder-open text-primary me-2"></i>Trámite #{{ $tramite->id }}
                </h1>
                <h2 class="fs-base lh-base fw-medium text-muted mb-0 mt-1">
                    Detalle completo del proceso documental y seguimiento de pagos
                </h2>
            </div>
            <div class="mt-3 mt-sm-0 d-flex gap-2">
                <a href="{{ route('tramites.index') }}" class="btn btn-alt-secondary">
                    <i class="fa fa-arrow-left me-1"></i> Volver
                </a>
                <a href="{{ route('tramites.edit', $tramite->id) }}" class="btn btn-warning">
                    <i class="fa fa-pencil-alt me-1"></i> Actualizar Trámite
                </a>
            </div>
        </div>
    </div>
</div>

<div class="content">
    {{-- Notificaciones --}}
    @if(session('success'))
        <div class="alert alert-success d-flex align-items-center mb-4" role="alert">
            <i class="fa fa-check-circle me-2"></i>
            <p class="mb-0">{{ session('success') }}</p>
            <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @php
    $tiposPago = [
        0 => ['label' => 'Impuestos', 'icon' => 'fa-receipt', 'color' => 'secondary'],
        1 => ['label' => 'Minuta', 'icon' => 'fa-file-alt', 'color' => 'primary'],
        2 => ['label' => 'Transferencia', 'icon' => 'fa-exchange-alt', 'color' => 'info'],
        3 => ['label' => 'Protocolo', 'icon' => 'fa-book', 'color' => 'dark'],
        4 => ['label' => 'Plano de Lote', 'icon' => 'fa-map', 'color' => 'success'],
        5 => ['label' => 'Visado de Plano', 'icon' => 'fa-check-square', 'color' => 'warning'],
        6 => ['label' => 'Minuta Datos Técnicos', 'icon' => 'fa-file-signature', 'color' => 'purple'],
        7 => ['label' => 'Derechos Reales', 'icon' => 'fa-building', 'color' => 'danger'],
    ];
     
    $paramLote = [
        'urb' => $tramite->urbanizacion,
        'dis' => $tramite->distrito,
        'man' => $tramite->manzano,
        'lot' => $tramite->lote,
        'idcliente' => $tramite->idcliente,
        'idcontrato' => $tramite->idcontrato,
    ];

    $f = fn($v) => ($v && $v !== '0000-00-00') ? \App\Helpers\FechaHelper::bdToLocal($v) : '';
    @endphp

    <div class="row g-4 mb-4">
        {{-- ── COLUMNA IZQUIERDA: PAGOS ── --}}
        <div class="col-xl-7">
            <div class="block block-rounded shadow-sm h-100 mb-0">
                <div class="block-header block-header-default bg-primary">
                    <h3 class="block-title text-white">
                        <i class="fa fa-receipt me-2"></i>Pagos de Trámite
                    </h3>
                </div>
                <div class="block-content p-0">
                    <div class="table-responsive">
                        <table class="table table-vcenter table-striped mb-0 fs-sm">
                            <thead class="bg-body-dark text-uppercase fs-xs">
                                <tr>
                                    <th>Concepto</th>
                                    <th class="text-center">Bs</th>
                                    <th class="text-center">$us</th>
                                    <th class="text-center">Estado</th>
                                    <th class="text-center">Acción</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($tiposPago as $tipo => $info)
                                @php $pagoExiste = $pagosExistentes->get($tipo); @endphp
                                <tr>
                                    <td class="fw-medium">
                                        <i class="fa {{ $info['icon'] }} me-2 text-{{ $info['color'] }}"></i>
                                        {{ $info['label'] }}
                                    </td>
                                    <td class="text-center">{{ $pagoExiste ? number_format((float)$pagoExiste->montobs, 2) : '—' }}</td>
                                    <td class="text-center">{{ $pagoExiste ? number_format((float)$pagoExiste->montosus, 2) : '—' }}</td>
                                    <td class="text-center">
                                        @if($pagoExiste)
                                            <span class="badge bg-success-light text-success"><i class="fa fa-check"></i></span>
                                        @else
                                            <span class="badge bg-body-dark text-muted">...</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if($pagoExiste)
                                            <a href="{{ route('pagos-tramites.show', $pagoExiste->id) }}" class="btn btn-sm btn-alt-success">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                        @else
                                            <a href="{{ route('pagos-tramites.create', array_merge($paramLote, ['tipo' => $tipo])) }}" class="btn btn-sm btn-alt-primary">
                                                <i class="fa fa-plus"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- ── COLUMNA DERECHA: RESUMEN CONTRATO ── --}}
        <div class="col-xl-5">
            <div class="block block-rounded shadow-sm h-100 mb-0 border-start border-4 border-primary">
                <div class="block-header block-header-default">
                    <h3 class="block-title"><i class="fa fa-file-contract me-2"></i>Resumen del Contrato</h3>
                </div>
                <div class="block-content">
                    <div class="list-group list-group-flush fs-sm">
                        <div class="list-group-item d-flex justify-content-between px-0">
                            <span class="text-muted">Nro Contrato</span>
                            <span class="fw-bold text-dark">{{ $tramite->idcontrato }}</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between px-0">
                            <span class="text-muted">Fecha</span>
                            <span>{{ $f($tramite->fecha) }}</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between px-0">
                            <span class="text-muted">Urbanización</span>
                            <span class="text-end">{{ $urbanizacion->nombre ?? '—' }}</span>
                        </div>
                        <div class="list-group-item d-flex justify-content-between px-0">
                            <span class="text-muted">Ubicación (M/L)</span>
                            <span>
                                <span class="badge bg-body-dark text-dark border">{{ $distrito->nomcorto ?? '—' }}</span>
                                <span class="fw-bold ms-1">{{ $tramite->manzano }} / {{ $tramite->lote }}</span>
                            </span>
                        </div>
                        <div class="list-group-item px-0 pt-3">
                            <div class="fw-semibold text-muted mb-1">Cliente Titular</div>
                            <a href="{{ route('clientes.show', $tramite->idcliente) }}" class="h5 fw-bold text-primary link-fx d-block mb-1">
                                <i class="fa fa-user-circle me-1"></i>{{ $cliente->nombre ?? $tramite->idcliente }}
                            </a>
                            @if($tramite->conyugue)
                                <small class="text-muted"><i class="fa fa-users me-1"></i>{{ $tramite->conyugue }}</small>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- ── Secciones de Seguimiento ── --}}
    <h2 class="content-heading text-muted fs-base border-bottom mb-4 pb-2">Seguimiento de Etapas</h2>
    
    <div class="row g-4">
        {{-- Columna izquierda seguimiento --}}
        <div class="col-xl-6">
            {{-- Elaboración de Minuta --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secMinuta">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visMinuta ?? true) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <h3 class="block-title mb-0 fs-5">Elaboración de Minuta</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visMinuta ?? true) ? 'show' : '' }}" id="secMinuta">
                    <div class="block-content">
                        <x-tramite-filas :filas="[
                            ['Inicio Minuta',           $f($tramite->iniciominuta ?? ''), ''],
                            ['Elaboración / Firma',     $f($tramite->fminuta2 ?? ''), $tramite->ominuta2 ?? ''],
                            ['Envío a abogado',         $f($tramite->fminuta3 ?? ''), $tramite->ominuta3 ?? ''],
                            ['Retorno de abogado',      $f($tramite->fminuta4 ?? ''), $tramite->ominuta4 ?? ''],
                            ['Firma del adjudicatario', $f($tramite->fminuta5 ?? ''), $tramite->ominuta5 ?? ''],
                        ]"/>
                        @if($abogado)
                        <div class="alert alert-light border mb-3 mt-2 py-2 fs-xs">
                            <strong>Abogado:</strong> {{ $abogado->nombre }}
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Protocolización --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secProto" style="cursor:pointer">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visProto ?? false) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <i class="fa fa-book me-1 text-primary"></i>
                        <h3 class="block-title mb-0 fs-5">Protocolización</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visProto ?? false) ? 'show' : '' }}" id="secProto">
                    <div class="block-content pb-3">
                        @if($protocolo)
                        <x-tramite-filas :filas="[
                            ['Inicio Protocolo',        $protocolo->inicioprotocolo ?? '', ''],
                            ['Envío a notaría',         $f($protocolo->fprotocolo1 ?? ''), $protocolo->oprotocolo1 ?? ''],
                            ['Retorno de notaría',      $f($protocolo->fprotocolo2 ?? ''), $protocolo->oprotocolo2 ?? ''],
                            ['Envío para firma',        $f($protocolo->fprotocolo3 ?? ''), $protocolo->oprotocolo3 ?? ''],
                            ['Retorno firmado',         $f($protocolo->fprotocolo4 ?? ''), $protocolo->oprotocolo4 ?? ''],
                            ['Envío Derechos Reales',   $f($protocolo->fprotocolo5 ?? ''), $protocolo->oprotocolo5 ?? ''],
                            ['Retorno D.R.',            $f($protocolo->fprotocolo6 ?? ''), $protocolo->oprotocolo6 ?? ''],
                            ['Entrega al cliente',      $f($protocolo->fprotocolo7 ?? ''), $protocolo->oprotocolo7 ?? ''],
                        ]"/>
                        <div class="row g-2 mt-2 pt-2 border-top fs-sm">
                            <div class="col-sm-4 fw-semibold text-muted">Testimonio:</div>
                            <div class="col-sm-8">{{ $protocolo->testimonio ?? '—' }}</div>
                            <div class="col-sm-4 fw-semibold text-muted">Notario:</div>
                            <div class="col-sm-8">{{ $notarioPro->nombre ?? '—' }}</div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Planos de Lote --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secPlano" style="cursor:pointer">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visPlano ?? false) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <i class="fa fa-map me-1 text-primary"></i>
                        <h3 class="block-title mb-0 fs-5">Planos de Lote</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visPlano ?? false) ? 'show' : '' }}" id="secPlano">
                    <div class="block-content pb-3">
                        @if($plano)
                        <x-tramite-filas :filas="[
                            ['Envío a arquitecto',  $f($plano->fplano1 ?? ''), $plano->oplano1 ?? ''],
                            ['Retorno',             $f($plano->fplano2 ?? ''), $plano->oplano2 ?? ''],
                            ['Visado',              $f($plano->fplano3 ?? ''), $plano->oplano3 ?? ''],
                        ]"/>
                        @if($arquitecto)
                        <div class="row g-2 mt-2 fs-sm">
                            <div class="col-sm-4 fw-semibold text-muted">Arquitecto:</div>
                            <div class="col-sm-8">{{ $arquitecto->nombre }}</div>
                        </div>
                        @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>

        {{-- Columna derecha seguimiento --}}
        <div class="col-xl-6">
            {{-- Transferencia --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secTransf" style="cursor:pointer">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visTransf ?? false) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <i class="fa fa-exchange-alt me-1 text-primary"></i>
                        <h3 class="block-title mb-0 fs-5">Transferencia</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visTransf ?? false) ? 'show' : '' }}" id="secTransf">
                    <div class="block-content pb-3">
                        @if($transferencia)
                        <x-tramite-filas :filas="[
                            ['Fecha transferencia', $f($transferencia->ftransferencia ?? ''), $transferencia->otransferencia ?? ''],
                        ]"/>
                        @if($transferencia->observaciones)
                        <div class="mt-2 fs-sm">
                            <div class="fw-semibold text-muted">Observaciones:</div>
                            <div class="text-muted small">{{ $transferencia->observaciones }}</div>
                        </div>
                        @endif
                        @endif
                    </div>
                </div>
            </div>

            {{-- Minutas / Aclaratorias --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secMinutaAcl" style="cursor:pointer">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visMinuta ?? false) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <i class="fa fa-file-alt me-1 text-primary"></i>
                        <h3 class="block-title mb-0 fs-5">Minutas / Aclaratorias</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visMinuta ?? false) ? 'show' : '' }}" id="secMinutaAcl">
                    <div class="block-content pb-3">
                        @if($minuta)
                        <x-tramite-filas :filas="[
                            ['Env. firma Gerencia',       $f($minuta->fminuta1  ?? ''), $minuta->ominuta1  ?? ''],
                            ['Retorno Gerencia',          $f($minuta->fminuta2  ?? ''), $minuta->ominuta2  ?? ''],
                            ['Firma adjudicatario',       $f($minuta->fminuta10 ?? ''), $minuta->ominuta10 ?? ''],
                            ['Envío a Notaría',           $f($minuta->fminuta4  ?? ''), $minuta->ominuta4  ?? ''],
                            ['Retorno de Notaría',        $f($minuta->fminuta5  ?? ''), $minuta->ominuta5  ?? ''],
                            ['Envío Gerencia',            $f($minuta->fminuta6  ?? ''), $minuta->ominuta6  ?? ''],
                            ['Retorno Gerencia',          $f($minuta->fminuta7  ?? ''), $minuta->ominuta7  ?? ''],
                            ['Envío a Notaría (2)',       $f($minuta->fminuta8  ?? ''), $minuta->ominuta8  ?? ''],
                            ['Retorno Testimonio',        $f($minuta->fminuta9  ?? ''), $minuta->ominuta9  ?? ''],
                        ]"/>
                        <div class="row g-2 mt-2 pt-2 border-top fs-sm">
                            <div class="col-sm-4 fw-semibold text-muted">Testimonio:</div>
                            <div class="col-sm-8">{{ $minuta->testimonio ?? '—' }}</div>
                            <div class="col-sm-4 fw-semibold text-muted">Notario:</div>
                            <div class="col-sm-8">{{ $notarioMin->nombre ?? '—' }}</div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Derechos Reales --}}
            <div class="block block-rounded shadow-sm mb-4">
                <div class="block-header block-header-default d-flex align-items-center py-2" role="button" data-bs-toggle="collapse" data-bs-target="#secDdrr" style="cursor:pointer">
                    <div class="d-flex align-items-center gap-2">
                        <i class="fa {{ ($visDdrr ?? false) ? 'fa-check-circle text-success' : 'fa-circle text-muted' }}"></i>
                        <i class="fa fa-building me-1 text-primary"></i>
                        <h3 class="block-title mb-0 fs-5">Derechos Reales</h3>
                    </div>
                    <i class="fa fa-chevron-down ms-auto"></i>
                </div>
                <div class="collapse {{ ($visDdrr ?? false) ? 'show' : '' }}" id="secDdrr">
                    <div class="block-content pb-3">
                        @if($ddrr)
                        <x-tramite-filas :filas="[
                            ['Fecha de envío',    $f($ddrr->fddrr1 ?? ''), $ddrr->oddrr1 ?? ''],
                            ['Fecha de retorno',  $f($ddrr->fddrr2 ?? ''), $ddrr->oddrr2 ?? ''],
                            ['Nro. Folio Real',   $f($ddrr->fddrr3 ?? ''), $ddrr->oddrr3 ?? ''],
                            ['Fecha de entrega',  $f($ddrr->fddrr4 ?? ''), $ddrr->oddrr4 ?? ''],
                        ]"/>
                        <div class="mt-2 fs-sm">
                            @if($ddrr->ddrr)
                                <span class="badge bg-primary px-3 py-2">Folio: {{ $ddrr->ddrr }}</span>
                            @endif
                            @if($ddrr->entregadoa)
                                <div class="mt-2 text-muted italic">Entregado a: <strong>{{ $ddrr->entregadoa }}</strong></div>
                            @endif
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection