@extends('fragments.fullTemplate')

@section('titulo')
Autorizaciones Bancos
@endsection

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

@section('contenido')
@php
    $activePage = 'autorizaciones';
    $money = function ($amount, $currency = 'MXN') { return ($currency === 'USD' ? 'US$' : '$') . number_format($amount, 2, '.', ','); };
    $fmt = function ($date) { return \App\Services\BancoFechaService::formatoVista($date); };
    $usuario = function ($usuario) { return $usuario ? $usuario->nombre_completo : 'Usuario no disponible'; };
$puedeAutorizarBancos = $usuarioBancos && $rolBancos === 'Gerente';
@endphp
<div class="bancos-real">
    <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">Autorizaciones gerente</div></div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @include('Bancos.Real.partials._notificaciones')

    <!-- Eliminamos la linea anterior hasta que se integre notificaciones a producción -->
    
    <div class="ui divider"></div>
    @include('Bancos.Real.partials._toolbar')

    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

    <div class="dt-responsive table-responsive">
        <table class="ui celled table unstackable structured lang-dt">
            <thead><tr><th>Folio</th><th>Tipo</th><th>Tipo autorización</th><th>Cuenta</th><th>Referencia</th><th>Monto</th><th>Solicitado por</th><th>Fecha solicitud</th><th>Motivo</th><th>Estatus</th><th>Acciones</th></tr></thead>
            <tbody>
                @foreach($autorizaciones as $autorizacion)
                    <tr id="autorizacion-{{ $autorizacion->id_banco_autorizacion }}">
                        @php $statusClass = $autorizacion->estatus === 'Autorizado' ? 'status-ok' : ($autorizacion->estatus === 'Rechazado' ? 'status-danger' : 'status-warn'); @endphp
                        <td>{{ $autorizacion->folio }}</td><td>{{ $autorizacion->tipo }}</td><td>{{ $autorizacion->tipo_autorizacion }}</td><td>{{ $autorizacion->cuenta ? $autorizacion->cuenta->nombre_cuenta : '-' }}</td><td>{{ $autorizacion->referencia }}</td><td>{{ $autorizacion->monto > 0 ? $money($autorizacion->monto, $autorizacion->moneda) : '-' }}</td><td>{{ $usuario($autorizacion->solicitante) }}</td><td>{{ $fmt($autorizacion->fecha_solicitud) }}</td><td>{{ $autorizacion->motivo }}</td><td><span class="status-pill {{ $statusClass }}">{{ $autorizacion->estatus }}</span></td>
                        <td>
                            <div class="ui tiny icon buttons btn-icon-grid">
                            <button type="button" class="ui button blue" title="Ver detalle" data-toggle="modal" data-target="#modal_aut_detalle_{{ $autorizacion->id_banco_autorizacion }}"><i class="eye icon"></i></button>
                            @if($autorizacion->estatus === 'Pendiente' && $puedeAutorizarBancos)
                                <button type="button" class="ui button green" title="Autorizar" data-toggle="modal" data-target="#modal_autorizar_{{ $autorizacion->id_banco_autorizacion }}"><i class="check icon"></i></button>
                                <button type="button" class="ui button red" title="Rechazar" data-toggle="modal" data-target="#modal_rechazar_{{ $autorizacion->id_banco_autorizacion }}"><i class="times icon"></i></button>
                            @elseif($autorizacion->estatus === 'Pendiente')
                                <span class="status-pill status-muted">Solo Gerencia autoriza</span>
                            @else
                                <span class="status-pill status-muted">Atendida por {{ $usuario($autorizacion->gerente) }}</span>
                            @endif
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @foreach($autorizaciones as $autorizacion)
        <div class="modal fade" id="modal_aut_detalle_{{ $autorizacion->id_banco_autorizacion }}" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header"><h5 class="modal-title">Detalle de autorización {{ $autorizacion->folio }}</h5><button type="button" class="close" data-dismiss="modal"><span>&times;</span></button></div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-4"><strong>Folio:</strong><br>{{ $autorizacion->folio }}</div>
                            <div class="col-md-4"><strong>Tipo:</strong><br>{{ $autorizacion->tipo }}</div>
                            <div class="col-md-4"><strong>Estatus actual:</strong><br>{{ $autorizacion->estatus }}</div>
                            <div class="col-md-6 mt-2"><strong>Motivo:</strong><br>{{ $autorizacion->motivo }}</div>
                            <div class="col-md-6 mt-2"><strong>Registro relacionado:</strong><br>{{ $autorizacion->referencia }}</div>
                            <div class="col-md-6 mt-2"><strong>Solicitante:</strong><br>{{ $usuario($autorizacion->solicitante) }}</div>
                            <div class="col-md-6 mt-2"><strong>Fecha solicitud:</strong><br>{{ $fmt($autorizacion->fecha_solicitud) }}</div>
                            <div class="col-md-6 mt-2"><strong>Cuenta:</strong><br>{{ $autorizacion->cuenta ? $autorizacion->cuenta->nombre_cuenta : '-' }}</div>
                            <div class="col-md-6 mt-2"><strong>Monto:</strong><br>{{ $autorizacion->monto > 0 ? $money($autorizacion->monto, $autorizacion->moneda) : '-' }}</div>
                            <div class="col-md-6 mt-2"><strong>Movimiento:</strong><br>{{ $autorizacion->movimiento ? $autorizacion->movimiento->folio . ' / ' . $autorizacion->movimiento->tipo_movimiento : '-' }}</div>
                            <div class="col-md-6 mt-2"><strong>Pago programado:</strong><br>{{ $autorizacion->pagoProgramado ? $autorizacion->pagoProgramado->folio . ' / ' . $autorizacion->pagoProgramado->nombre_programacion : '-' }}</div>
                        </div>
                    </div>
                    <div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button></div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="modal_autorizar_{{ $autorizacion->id_banco_autorizacion }}" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('bancos.real.autorizaciones.autorizar', $autorizacion->id_banco_autorizacion) }}">
                        {{ csrf_field() }}
                        <div class="modal-header"><h5 class="modal-title">Autorizar {{ $autorizacion->folio }}</h5><button type="button" class="close" data-dismiss="modal"><span>&times;</span></button></div>
                        <div class="modal-body">
                            <div class="form-group"><label>Folio</label><input class="form-control" value="{{ $autorizacion->folio }}" readonly></div>
                            <div class="form-group"><label>Comentario opcional</label><textarea class="form-control" name="comentario" rows="2"></textarea></div>
                            <div class="form-group"><label>Fecha de aprobación</label><input class="form-control" value="{{ \App\Services\BancoFechaService::ahoraVista() }}" readonly></div>
                            <div class="form-group"><label>Usuario gerente</label><input class="form-control" value="{{ $usuarioBancos ? $usuarioBancos->nombre_completo : 'Usuario no disponible' }}" readonly></div>
                        </div>
                        <div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button><button type="submit" class="btn btn-success bancos-confirm-action" data-confirm-title="Autorizar solicitud" data-confirm-message="¿Deseas autorizar esta solicitud?" data-confirm-text="Sí, autorizar" data-confirm-class="btn-success">Autorizar</button></div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="modal_rechazar_{{ $autorizacion->id_banco_autorizacion }}" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('bancos.real.autorizaciones.rechazar', $autorizacion->id_banco_autorizacion) }}">
                        {{ csrf_field() }}
                        <div class="modal-header"><h5 class="modal-title">Rechazar {{ $autorizacion->folio }}</h5><button type="button" class="close" data-dismiss="modal"><span>&times;</span></button></div>
                        <div class="modal-body">
                            <div class="form-group"><label>Folio</label><input class="form-control" value="{{ $autorizacion->folio }}" readonly></div>
                            <div class="form-group"><label>Motivo obligatorio</label><textarea class="form-control" name="motivo" rows="2" required></textarea></div>
                            <div class="form-group"><label>Comentario</label><textarea class="form-control" name="comentario" rows="2"></textarea></div>
                            <div class="form-group"><label>Fecha de rechazo</label><input class="form-control" value="{{ \App\Services\BancoFechaService::ahoraVista() }}" readonly></div>
                            <div class="form-group"><label>Usuario gerente</label><input class="form-control" value="{{ $usuarioBancos ? $usuarioBancos->nombre_completo : 'Usuario no disponible' }}" readonly></div>
                        </div>
                        <div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button><button type="submit" class="btn btn-danger bancos-confirm-action" data-confirm-title="Rechazar solicitud" data-confirm-message="¿Deseas rechazar esta solicitud?" data-confirm-text="Sí, rechazar" data-confirm-class="btn-danger">Rechazar</button></div>
                    </form>
                </div>
            </div>
        </div>
    @endforeach
    @include('Bancos.Real.partials._security_timer')
    @include('Bancos.Real.partials._highlight_row')
</div>
@endsection