@extends('fragments.fullTemplate')

@section('titulo')
Cuentas bancos maqueta
@endsection

@section('estilos')
@include('Bancos.Maqueta.partials._styles')
@endsection

@section('contenido')
@php
    $activePage = 'cuentas';
    $highlight = request()->get('highlight');
    $money = function ($amount, $currency = 'MXN') {
        return ($currency === 'USD' ? 'US$' : '$') . number_format($amount, 2, '.', ',');
    };
    $formatDate = function ($date) {
        return $date ? date('d/m/Y H:i:s', strtotime($date)) : '-';
    };
@endphp

<div class="bancos-maqueta">
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Bancos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Cuentas maqueta</div>
    </div>

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

    <div data-module-notifications-anchor></div>
    @include('Bancos.Maqueta.partials._toolbar')
    @include('Bancos.Maqueta.partials._notificaciones')
    @include('Bancos.Maqueta.partials._resumen')

    <div class="ui segment">
        <button type="button" class="ui button fluid primary" data-toggle="modal" data-target="#modal_cuenta_maqueta">
            <i class="pencil alternate icon"></i>Nueva cuenta
        </button>
    </div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <table id="lang-dt" class="ui celled table unstackable structured">
                    <thead>
                        <tr>
                            <th>Banco</th>
                            <th>Fecha de creación</th>
                            <th>Nombre de cuenta</th>
                            <th>Cuenta enmascarada</th>
                            <th>Moneda</th>
                            <th>Tipo de cuenta</th>
                            <th>Uso sugerido</th>
                            <th>Abonos aplicados del mes actual</th>
                            <th>Cargos aplicados del mes actual</th>
                            <th>Abonos pendientes</th>
                            <th>Cargos pendientes</th>
                            <th>Saldo actual</th>
                            <th>Saldo proyectado</th>
                            <th>Indicador de saldo</th>
                            <th>Estatus de cuenta</th>
                            <th>Autorizaciones</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($cuentas as $cuenta)
                            @php
                                $rowId = 'cuenta-' . $cuenta['id'];
                                $estatusClass = $cuenta['estatus'] === 'Activa' ? 'status-ok' : ($cuenta['estatus'] === 'Inactiva' ? 'status-danger' : ($cuenta['estatus'] === 'Bloqueada' ? 'status-bloqueada' : 'status-warn'));
                                $indicadorClass = $cuenta['indicador_saldo'] === 'Normal' ? 'status-ok' : ($cuenta['indicador_saldo'] === 'Bajo' ? 'status-warn' : 'status-danger');
                            @endphp
                            <tr id="{{ $rowId }}" class="{{ $highlight === $rowId ? 'row-highlight' : '' }} {{ in_array($cuenta['estatus'], ['Bloqueada', 'Inactiva']) ? 'disabled-row' : '' }}">
                                <td>{{ $cuenta['banco'] }}</td>
                                <td>{{ $formatDate($cuenta['fecha_creacion']) }}</td>
                                <td>{{ $cuenta['nombre_cuenta'] }}</td>
                                <td>{{ $cuenta['cuenta_enmascarada'] }}</td>
                                <td>{{ $cuenta['moneda_texto'] }}</td>
                                <td>{{ $cuenta['tipo_cuenta'] }}</td>
                                <td>{{ $cuenta['uso_sugerido'] }}</td>
                                <td>{{ $money($cuenta['abonos_mes'], $cuenta['moneda']) }}</td>
                                <td>{{ $money($cuenta['cargos_mes'], $cuenta['moneda']) }}</td>
                                <td>{{ $cuenta['abonos_pendientes'] > 0 ? $money($cuenta['abonos_pendientes'], $cuenta['moneda']) : '-' }}</td>
                                <td>{{ $cuenta['cargos_pendientes'] > 0 ? $money($cuenta['cargos_pendientes'], $cuenta['moneda']) : '-' }}</td>
                                <td>{{ $money($cuenta['saldo_actual'], $cuenta['moneda']) }}</td>
                                <td>{{ $money($cuenta['saldo_proyectado'], $cuenta['moneda']) }}</td>
                                <td><span class="status-pill {{ $indicadorClass }}">{{ $cuenta['indicador_saldo'] }}</span></td>
                                <td>
                                    <span class="status-pill {{ $estatusClass }}">{{ $cuenta['estatus'] }}</span>
                                    @if($cuenta['estatus'] === 'Bloqueada')
                                        <br><small>{{ $cuenta['motivo_bloqueo'] }}</small>
                                    @elseif($cuenta['estatus'] === 'Inactiva')
                                        <br><small>No se puede reactivar.</small>
                                    @endif
                                </td>
                                <td>
                                    @if($cuenta['autorizacion_pendiente'] === 'Sin autorizacion pendiente')
                                        <span class="status-pill status-muted">Sin autorización pendiente</span>
                                    @else
                                        <span class="status-pill status-warn">{{ $cuenta['autorizacion_pendiente'] }}</span>
                                        <br><small>{{ $cuenta['motivo_estatus'] }}</small>
                                    @endif
                                </td>
                                <td>
                                    <div class="ui tiny icon buttons btn-icon-grid">
                                        <a class="ui button orange" title="Ver movimientos" href="{{ route('bancos.demo.movimientos', ['idCuenta' => $cuenta['id']]) }}">
                                            <i class="arrow right icon"></i>
                                        </a>
                                        <button type="button" class="ui button green" title="Editar o consultar" data-toggle="modal" data-target="#modal_cuenta_maqueta">
                                            <i class="pencil alternate icon"></i>
                                        </button>
                                        @if($cuenta['estatus'] === 'Activa')
                                            <button type="button" class="ui button yellow" title="Solicitar inactivacion">
                                                <i class="pause icon"></i>
                                            </button>
                                            <button type="button" class="ui button black" title="Solicitar bloqueo">
                                                <i class="lock icon"></i>
                                            </button>
                                        @elseif($cuenta['estatus'] === 'Bloqueada')
                                            <button type="button" class="ui button blue" title="Solicitar desbloqueo">
                                                <i class="unlock icon"></i>
                                            </button>
                                            <button type="button" class="ui button yellow" title="Solicitar inactivacion">
                                                <i class="pause icon"></i>
                                            </button>
                                        @else
                                            <button type="button" class="ui button disabled" title="Sin movimientos permitidos">
                                                <i class="ban icon"></i>
                                            </button>
                                        @endif
                                        @if($cuenta['movimientos_aplicados'] === 0)
                                            <button type="button" class="ui button red" title="Eliminar solo sin movimientos aplicados">
                                                <i class="trash alternate icon"></i>
                                            </button>
                                        @else
                                            <button type="button" class="ui button disabled" title="No se puede eliminar con movimientos aplicados">
                                                <i class="trash alternate icon"></i>
                                            </button>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="ui segment mt-3">
        <h4 class="ui dividing header">Reglas de autorización por estatus</h4>
        <div class="dt-responsive table-responsive">
            <table class="ui celled table unstackable structured account-rule-table">
                <thead>
                    <tr>
                        <th>Estatus de cuenta</th>
                        <th>Autorizaciones</th>
                        <th>Detalle funcional</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td><span class="status-pill status-warn">Creada</span></td><td><span class="status-pill status-warn">Autorizar activacion</span></td><td>Recien creada; genera notificación automática para alta de cuenta.</td></tr>
                    <tr><td><span class="status-pill status-ok">Activa</span></td><td><span class="status-pill status-muted">Sin pendiente</span></td><td>Se puede usar normalmente.</td></tr>
                    <tr><td><span class="status-pill status-ok">Activa</span></td><td><span class="status-pill status-warn">Autorizar bloqueo</span></td><td>No cambia inmediatamente; solicita motivo de bloqueo y notifica al gerente.</td></tr>
                    <tr><td><span class="status-pill status-bloqueada">Bloqueada</span></td><td><span class="status-pill status-warn">Autorizar desbloqueo</span></td><td>No permite movimientos hasta que se autorice volver a Activa.</td></tr>
                    <tr><td><span class="status-pill status-bloqueada">Bloqueada</span></td><td><span class="status-pill status-warn">Autorizar inactivacion</span></td><td>Al autorizar queda Inactiva y no se puede revertir.</td></tr>
                    <tr><td><span class="status-pill status-ok">Activa</span></td><td><span class="status-pill status-warn">Autorizar inactivacion</span></td><td>Al autorizar queda Inactiva y no se puede revertir.</td></tr>
                    <tr><td><span class="status-pill status-danger">Inactiva</span></td><td><span class="status-pill status-muted">Sin reactivacion</span></td><td>Conserva historial; ya no puede activarse ni hacer movimientos.</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    @include('Bancos.Maqueta.partials._modal_cuenta')
    @include('Bancos.Maqueta.partials._modal_codigo_seguridad')
    @include('Bancos.Maqueta.partials._security_gate')
</div>
@endsection