@extends('fragments.fullTemplate')

@section('titulo')
Validación de empresas del portal
@endsection

@section('estilos')
<style>
    .portal-validacion-wrapper {
        max-width: 1680px;
        margin: 0 auto;
    }

    .portal-validacion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .portal-validacion-table th,
    .portal-validacion-table td {
        vertical-align: middle !important;
        font-size: 13px;
    }

    .portal-validacion-actions {
        white-space: nowrap;
    }
    .portal-validacion-toolbar .ui.form {
        margin-bottom: 0;
    }

    .portal-validacion-search-row {
        align-items: flex-end;
        display: flex;
        gap: 8px;
    }

    .portal-validacion-search-row .portal-validacion-search-input {
        flex: 1 1 auto;
        min-width: 240px;
    }

    .portal-validacion-search-actions {
        display: inline-flex;
        gap: 6px;
        white-space: nowrap;
    }

    .portal-validacion-submit {
        align-items: flex-end;
        display: flex;
        height: 100%;
        justify-content: flex-end;
    }

    .portal-validacion-submit .button {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        margin: 0;
        width: 100%;
    }

    .portal-doc-alert {
        border: 1px solid #dbe4ee;
        border-left-width: 5px;
        border-radius: 6px;
        margin-bottom: 15px;
        padding: 14px 16px;
    }

    .portal-doc-alert--warning {
        background: #fff8e6;
        border-left-color: #f0ad4e;
    }

    .portal-doc-alert--success {
        background: #edf9f2;
        border-left-color: #21ba45;
    }

    .portal-doc-alert--muted {
        background: #f8fafc;
        border-left-color: #6c757d;
    }

    .portal-doc-alert__top {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .portal-doc-alert__title {
        display: block;
        font-size: 15px;
        margin-bottom: 3px;
    }

    .portal-doc-summary,
    .portal-doc-state-list {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }

    .portal-doc-pill {
        background: #ffffff;
        border: 1px solid #dbe4ee;
        border-radius: 999px;
        color: #374151;
        display: inline-block;
        font-size: 12px;
        padding: 4px 9px;
    }

    .portal-doc-list {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        margin-top: 12px;
    }

    .portal-doc-link {
        background: #ffffff;
        border: 1px solid #dbe4ee;
        border-radius: 6px;
        color: #111827;
        display: block;
        padding: 10px 12px;
    }

    .portal-doc-link:hover {
        color: #0b5ed7;
        text-decoration: none;
    }

    @media (max-width: 768px) {
        .portal-validacion-wrapper {
            max-width: 100%;
        }

        .portal-validacion-header {
            display: block;
        }
        .portal-validacion-search-row {
            align-items: stretch;
            flex-direction: column;
        }

        .portal-validacion-search-row .portal-validacion-search-input {
            min-width: 0;
            width: 100%;
        }

        .portal-validacion-search-actions,
        .portal-validacion-search-actions .button,
        .portal-validacion-submit .button {
            width: 100%;
        }

        .portal-validacion-search-actions .button {
            flex: 1 1 0;
        }
    }
</style>
@endsection

@section('contenido')
<div data-module-notifications-anchor></div>

@php
    $tipoEmpresa = $tipoEmpresa ?? 'facturacion';
    $tituloTabla = $tipoEmpresa === 'facturacion' ? 'Empresas de facturación' : 'Empresas para informe';
@endphp

<div class="portal-validacion-wrapper">

    <div class="ui big breadcrumb">
        <a href="{{ route('portal.validacion.usuarios.index') }}" class="section">Portal clientes</a>
        <i class="right chevron icon divider"></i>
        <div class="active section">Solicitudes de empresas</div>
    </div>

    <div class="ui divider"></div>

    @if(session()->has('success'))
        <div class="alert alert-success text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('success') }}</strong>
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif

    @if(session()->has('error'))
        <div class="alert alert-danger text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('error') }}</strong>
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif

    <div class="ui segment">
        <div class="portal-validacion-header">
            <div>
                <h3 class="ui header mb-1">
                    Empresas registradas desde el portal
                    <div class="sub header">
                        Valida empresas de facturación, empresas para informe y documentos en un solo lugar.
                    </div>
                </h3>

                <div class="ui tiny buttons mt-2">
                    <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['tipo_empresa' => 'facturacion'])) }}"
                       class="ui button {{ $tipoEmpresa === 'facturacion' ? 'blue' : '' }}">
                        Empresas de facturación
                    </a>
                    <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['tipo_empresa' => 'informe'])) }}"
                       class="ui button {{ $tipoEmpresa === 'informe' ? 'blue' : '' }}">
                        Empresas para informe
                    </a>
                </div>
            </div>

            <div class="ui tiny buttons">
                <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['estatus' => 'pendientes', 'tipo_empresa' => $tipoEmpresa])) }}"
                   class="ui button {{ $estatus === 'pendientes' ? 'yellow' : '' }}">
                    Pendientes
                </a>

                <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['estatus' => 'aprobadas', 'tipo_empresa' => $tipoEmpresa])) }}"
                   class="ui button {{ $estatus === 'aprobadas' ? 'green' : '' }}">
                    Aprobadas
                </a>

                <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['estatus' => 'rechazadas', 'tipo_empresa' => $tipoEmpresa])) }}"
                   class="ui button {{ $estatus === 'rechazadas' ? 'red' : '' }}">
                    Rechazadas
                </a>

                <a href="{{ route('portal.validacion.usuarios.solicitudes.index', array_merge(request()->except('page'), ['estatus' => 'todas', 'tipo_empresa' => $tipoEmpresa])) }}"
                   class="ui button {{ $estatus === 'todas' ? 'blue' : '' }}">
                    Todas
                </a>
            </div>
        </div>
    </div>

    @if(!$alertaDocumentos['habilitado'])
        <div class="portal-doc-alert portal-doc-alert--muted">
            <strong class="portal-doc-alert__title">Revisión de documentos no habilitada</strong>
            <span class="text-muted">Las tablas de documentación empresarial no están disponibles para mostrar alertas.</span>
        </div>
    @elseif((int) $alertaDocumentos['documentos_configurados'] === 0)
        <div class="portal-doc-alert portal-doc-alert--muted">
            <strong class="portal-doc-alert__title">Sin documentos configurados</strong>
            <span class="text-muted">No hay documentos activos para el portal de clientes.</span>
        </div>
    @elseif((int) $alertaDocumentos['clientes_pendientes'] > 0)
        <div class="portal-doc-alert portal-doc-alert--warning">
            <div class="portal-doc-alert__top">
                <div>
                    <strong class="portal-doc-alert__title">
                        {{ $alertaDocumentos['empresas_pendientes'] ?? $alertaDocumentos['clientes_pendientes'] }}
                        {{ (int) ($alertaDocumentos['empresas_pendientes'] ?? $alertaDocumentos['clientes_pendientes']) === 1 ? 'empresa necesita' : 'empresas necesitan' }}
                        seguimiento de documentos
                    </strong>
                    <span class="text-muted">
                        Empresas aprobadas que ya cargaron documentos para revisar, tienen archivos rechazados o aún tienen requeridos sin cargar.
                    </span>
                </div>
                <div class="portal-doc-summary">
                    <span class="portal-doc-pill">{{ $alertaDocumentos['documentos_pendientes'] }} por revisar</span>
                    <span class="portal-doc-pill">{{ $alertaDocumentos['documentos_rechazados'] }} por volver a subir</span>
                    <span class="portal-doc-pill">{{ $alertaDocumentos['documentos_sin_cargar'] }} sin cargar</span>
                </div>
            </div>

            @if($alertaDocumentos['clientes']->isNotEmpty())
                <div class="portal-doc-list">
                    @foreach($alertaDocumentos['clientes']->take(6) as $clienteDocumento)
                        <a href="{{ route('portal.validacion.usuarios.solicitudes.show', ['id' => $clienteDocumento['id'], 'tipo_empresa' => $clienteDocumento['tipo_empresa'] ?? 'facturacion']) }}"
                           class="portal-doc-link">
                            <small class="text-muted">{{ $clienteDocumento['tipo_titulo'] ?? 'EMPRESA' }}</small>
                            <br>
                            <strong>{{ $clienteDocumento['empresa'] }}</strong>
                            @if(!empty($clienteDocumento['facturacion']))
                                <br>
                                <small class="text-muted">Facturación: {{ $clienteDocumento['facturacion'] }}</small>
                            @endif
                            <br>
                            <small class="text-muted">Folio {{ $clienteDocumento['folio'] }}</small>
                            <div class="portal-doc-summary mt-1">
                                @if((int) $clienteDocumento['pendientes'] > 0)
                                    <span class="portal-doc-pill">{{ $clienteDocumento['pendientes'] }} por revisar</span>
                                @endif
                                @if((int) $clienteDocumento['rechazados'] > 0)
                                    <span class="portal-doc-pill">{{ $clienteDocumento['rechazados'] }} por volver a subir</span>
                                @endif
                                @if((int) $clienteDocumento['sin_cargar'] > 0)
                                    <span class="portal-doc-pill">{{ $clienteDocumento['sin_cargar'] }} sin cargar</span>
                                @endif
                            </div>
                        </a>
                    @endforeach
                </div>
            @endif
        </div>
    @else
        <div class="portal-doc-alert portal-doc-alert--success">
            <strong class="portal-doc-alert__title">Documentos al día</strong>
            <span class="text-muted">No hay empresas aprobadas con documentos pendientes de revisión.</span>
        </div>
    @endif

    <div class="ui segment portal-validacion-toolbar">
        <div class="row align-items-end">
            <div class="col-lg-8">
                <form method="GET" action="{{ route('portal.validacion.usuarios.solicitudes.index') }}" class="ui form">
                    <input type="hidden" name="estatus" value="{{ $estatus }}">
                    <input type="hidden" name="tipo_empresa" value="{{ $tipoEmpresa }}">

                    <div class="field">
                        <label>Búsqueda general</label>
                        <div class="portal-validacion-search-row">
                            <div class="portal-validacion-search-input">
                                <input type="text"
                                       name="buscar"
                                       value="{{ request('buscar') }}"
                                       placeholder="{{ $tipoEmpresa === 'facturacion' ? 'Buscar por folio, razón social, RFC, contacto o correo' : 'Buscar por folio, empresa para informe, facturación o representante' }}">
                            </div>

                            <div class="portal-validacion-search-actions">
                                <button type="submit" class="ui blue button">
                                    <i class="search icon"></i>
                                    Buscar
                                </button>

                                <a href="{{ route('portal.validacion.usuarios.solicitudes.index', ['tipo_empresa' => $tipoEmpresa]) }}" class="ui button">
                                    Limpiar
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="col-lg-4 mt-3 mt-lg-0 portal-validacion-submit">
                <a href="{{ route('portal.validacion.usuarios.index') }}" class="ui green button">
                    <i class="users icon"></i>
                    Solicitudes de Clientes
                </a>
            </div>
        </div>
    </div>

    <div class="ui segment">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <strong>{{ $tituloTabla }}</strong>
        </div>

        <div class="sx-scroll-x">
            <table class="ui celled table unstackable structured portal-validacion-table">
                <thead>
                    <tr>
                        <th>Solicitud</th>
                        @if($tipoEmpresa === 'facturacion')
                            <th>Empresa de facturación</th>
                            <th>RFC</th>
                            <th>Contacto</th>
                        @else
                            <th>Empresa para informe</th>
                            <th>Empresa de facturación vinculada</th>
                            <th>Representante legal</th>
                        @endif
                        <th class="collapsing">Validación empresa</th>
                        <th class="collapsing">Documentos</th>
                        <th class="collapsing text-center">Acciones</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($solicitudes as $registro)
                        @php
                            $solicitud = $registro->solicitud;
                            $clienteFactura = $registro->clienteFactura;
                            $clienteInforme = $registro->clienteInforme;
                            $contacto = $registro->contactoFactura;
                            $resumenDocs = $resumenDocumentosSolicitudes->get($registro->registro_key);
                        @endphp
                        <tr>
                            <td>
                                <strong>{{ $registro->folio }}</strong>
                                <br>
                                <small class="text-muted">
                                    {{ $registro->fecha ? \Carbon\Carbon::parse($registro->fecha)->format('d/m/Y') : 'Sin fecha' }}
                                </small>
                            </td>

                            @if($tipoEmpresa === 'facturacion')
                                <td>
                                    <strong>{{ $registro->empresa_nombre }}</strong>
                                    <br>
                                    <small class="text-muted">Empresa de facturación</small>
                                </td>
                                <td>{{ $registro->empresa_rfc ?: 'Sin RFC' }}</td>
                                <td>
                                    {{ $contacto->nombre_contacto ?? 'No disponible' }}
                                    <br>
                                    <small class="text-muted">{{ $contacto->correo ?? 'Sin correo' }}</small>
                                </td>
                            @else
                                <td>
                                    <strong>{{ $registro->empresa_nombre }}</strong>
                                    <br>
                                    <small class="text-muted">RFC: {{ $registro->empresa_rfc ?: 'Sin RFC' }}</small>
                                </td>
                                <td>
                                    <strong>{{ $registro->facturacion_nombre }}</strong>
                                    <br>
                                    <small class="text-muted">RFC: {{ $registro->facturacion_rfc ?: 'Sin RFC' }}</small>
                                </td>
                                <td>{{ $registro->representantes_texto ?: 'Sin representante registrado' }}</td>
                            @endif

                            <td class="text-center">
                                @if((int) $registro->estatus === 1)
                                    <span class="ui green label">Aprobada</span>
                                @elseif((int) $registro->estatus === 2)
                                    <span class="ui red label">Rechazada</span>
                                @else
                                    <span class="ui yellow label">Pendiente</span>
                                @endif
                            </td>

                            <td>
                                @if(!$alertaDocumentos['habilitado'])
                                    <span class="ui grey label">Sin módulo</span>
                                @elseif(!$resumenDocs || (int) $resumenDocs['requeridos'] === 0)
                                    <span class="ui grey label">Sin documentos requeridos</span>
                                @elseif(!$resumenDocs['necesita_atencion'])
                                    <span class="ui green label">Al día</span>
                                    <br>
                                    <small class="text-muted">
                                        {{ $resumenDocs['requeridos_aprobados'] }}/{{ $resumenDocs['requeridos'] }} requeridos aprobados
                                    </small>
                                @else
                                    <div class="portal-doc-state-list">
                                        @if((int) $resumenDocs['pendientes'] > 0)
                                            <span class="ui yellow label">{{ $resumenDocs['pendientes'] }} por revisar</span>
                                        @endif

                                        @if((int) $resumenDocs['rechazados'] > 0)
                                            <span class="ui red label">{{ $resumenDocs['rechazados'] }} por volver a subir</span>
                                        @endif

                                        @if((int) $resumenDocs['sin_cargar'] > 0)
                                            <span class="ui orange label">{{ $resumenDocs['sin_cargar'] }} sin cargar</span>
                                        @endif
                                    </div>
                                    <small class="text-muted">
                                        {{ $resumenDocs['requeridos_aprobados'] }}/{{ $resumenDocs['requeridos'] }} requeridos aprobados
                                    </small>
                                @endif
                            </td>

                            <td class="portal-validacion-actions text-center">
                                <div class="ui tiny icon buttons">
                                    <a href="{{ route('portal.validacion.usuarios.solicitudes.show', ['id' => $registro->id, 'tipo_empresa' => $registro->tipo_empresa]) }}" class="ui button orange" title="Ver detalle">
                                        <i class="arrow circle right icon"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted">
                                No hay empresas para mostrar.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($solicitudes->lastPage() > 1)
            <div class="d-flex justify-content-between align-items-center mt-3">
                <div class="text-muted small">
                    Mostrando {{ $solicitudes->firstItem() }} a {{ $solicitudes->lastItem() }}
                    de {{ $solicitudes->total() }} registros
                </div>

                <div class="ui pagination menu">
                    @if ($solicitudes->onFirstPage())
                        <div class="disabled item">&laquo;</div>
                    @else
                        <a class="item" href="{{ $solicitudes->appends(request()->query())->previousPageUrl() }}">&laquo;</a>
                    @endif

                    @foreach ($solicitudes->appends(request()->query())->getUrlRange(1, $solicitudes->lastPage()) as $page => $url)
                        @if ($page == $solicitudes->currentPage())
                            <div class="active item">{{ $page }}</div>
                        @else
                            <a class="item" href="{{ $url }}">{{ $page }}</a>
                        @endif
                    @endforeach

                    @if ($solicitudes->hasMorePages())
                        <a class="item" href="{{ $solicitudes->appends(request()->query())->nextPageUrl() }}">&raquo;</a>
                    @else
                        <div class="disabled item">&raquo;</div>
                    @endif
                </div>
            </div>
        @endif
    </div>

</div>

@endsection