@extends('layouts.admin')

@section('title', 'Sistema de Aprovações')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-check-circle"></i>
                        Sistema de Aprovações
                    </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-sm btn-primary" onclick="location.reload()">
                            <i class="fas fa-sync-alt"></i> Atualizar
                        </button>
                    </div>
                </div>

                <div class="card-body">
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <i class="fas fa-check"></i> {{ session('success') }}
                        </div>
                    @endif

                    @if(session('error') || isset($error))
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <i class="fas fa-exclamation-triangle"></i> {{ session('error') ?? $error }}
                        </div>
                    @endif

                    @if(isset($codusuarioLogado))
                        <div class="alert alert-info">
                            <i class="fas fa-user"></i> 
                            <strong>Usuário RM:</strong> {{ $codusuarioLogado }}
                        </div>

                        @if(isset($estatisticas))
                            <!-- Estatísticas -->
                            <div class="row mb-3">
                                <div class="col-lg-3 col-6">
                                    <div class="small-box bg-info">
                                        <div class="inner">
                                            <h3>{{ $estatisticas['total'] }}</h3>
                                            <p>Total de Aprovações</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-list"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-6">
                                    <div class="small-box bg-warning">
                                        <div class="inner">
                                            <h3>{{ $estatisticas['pendentes'] }}</h3>
                                            <p>Pendentes</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-clock"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-6">
                                    <div class="small-box bg-success">
                                        <div class="inner">
                                            <h3>{{ $estatisticas['assinadas'] }}</h3>
                                            <p>Assinadas</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-check"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-6">
                                    <div class="small-box bg-primary">
                                        <div class="inner">
                                            <h3>{{ $estatisticas['liberadas'] }}</h3>
                                            <p>Liberadas</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-unlock"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if(isset($todasAprovacoes) && $todasAprovacoes->count() > 0)
                            <!-- Tabela de Aprovações -->
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped table-hover" id="aprovacoesTable">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>ID Mov</th>
                                            <th>Fornecedor</th>
                                            <th>Número</th>
                                            <th>Emissão</th>
                                            <th>Vencimento</th>
                                            <th>Valor</th>
                                            <th>Nível</th>
                                            <th>Responsável</th>
                                            <th>Status</th>
                                            <th>Liberado</th>
                                            <th>Assinatura</th>
                                            <th>Tipo Mov</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($todasAprovacoes as $aprovacao)
                                            <tr>
                                                <td>
                                                    <strong>{{ $aprovacao->IDMOV }}</strong>
                                                </td>
                                                <td>
                                                    <span class="text-truncate" style="max-width: 150px; display: inline-block;" title="{{ $aprovacao->FORNECEDOR }}">
                                                        {{ $aprovacao->FORNECEDOR }}
                                                    </span>
                                                </td>
                                                <td>{{ $aprovacao->NUMERO }}</td>
                                                <td>
                                                    <small>{{ $aprovacao->EMISSAO ? date('d/m/Y', strtotime($aprovacao->EMISSAO)) : '-' }}</small>
                                                </td>
                                                <td>
                                                    <small>{{ $aprovacao->VENCTO ? date('d/m/Y', strtotime($aprovacao->VENCTO)) : '-' }}</small>
                                                </td>
                                                <td>
                                                    <span class="badge badge-info">
                                                        R$ {{ number_format($aprovacao->VLRPARCELA ?? 0, 2, ',', '.') }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <span class="badge badge-secondary">{{ $aprovacao->NIVEL }}</span>
                                                </td>
                                                <td>
                                                    <small>{{ $aprovacao->RESPONSAVEL }}</small>
                                                </td>
                                                <td>
                                                    @if($aprovacao->STATUS == 0)
                                                        <span class="badge badge-warning">Pendente</span>
                                                    @elseif($aprovacao->STATUS == 1)
                                                        <span class="badge badge-success">Aprovado</span>
                                                    @elseif($aprovacao->STATUS == 2)
                                                        <span class="badge badge-danger">Rejeitado</span>
                                                    @else
                                                        <span class="badge badge-secondary">{{ $aprovacao->STATUS }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($aprovacao->LIBERADO == 'SIM')
                                                        <span class="badge badge-success">
                                                            <i class="fas fa-unlock"></i> Sim
                                                        </span>
                                                    @else
                                                        <span class="badge badge-danger">
                                                            <i class="fas fa-lock"></i> Não
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($aprovacao->ASSINATURA == 'FALTA ASSINAR')
                                                        <span class="badge badge-warning">Falta Assinar</span>
                                                    @elseif($aprovacao->ASSINATURA == 'ASSINADO')
                                                        <span class="badge badge-success">Assinado</span>
                                                    @elseif($aprovacao->ASSINATURA == 'ASSINADO EXCEP')
                                                        <span class="badge badge-info">Assinado Excep.</span>
                                                    @else
                                                        <span class="badge badge-secondary">{{ $aprovacao->ASSINATURA }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <small>{{ $aprovacao->TIPOMOV }}</small>
                                                </td>
                                                <td>
                                                    <div class="btn-group btn-group-sm">
                                                        <a href="{{ route('admin.aprovacoes.show', $aprovacao->IDMOV) }}" 
                                                           class="btn btn-info btn-sm" 
                                                           title="Ver Detalhes">
                                                            <i class="fas fa-eye"></i>
                                                        </a>
                                                        
                                                        @if($aprovacao->STATUS == 0 && $aprovacao->RESPONSAVEL == $codusuarioLogado)
                                                            <form method="POST" action="{{ route('admin.aprovacoes.aprovar', $aprovacao->IDMOV) }}" style="display: inline;">
                                                                @csrf
                                                                <button type="submit" 
                                                                        class="btn btn-success btn-sm"
                                                                        title="Aprovar"
                                                                        onclick="return confirm('Confirma a aprovação deste movimento?')">
                                                                    <i class="fas fa-check"></i>
                                                                </button>
                                                            </form>
                                                            
                                                            <form method="POST" action="{{ route('admin.aprovacoes.rejeitar', $aprovacao->IDMOV) }}" style="display: inline;">
                                                                @csrf
                                                                <button type="submit" 
                                                                        class="btn btn-danger btn-sm"
                                                                        title="Rejeitar"
                                                                        onclick="return confirm('Confirma a rejeição deste movimento?')">
                                                                    <i class="fas fa-times"></i>
                                                                </button>
                                                            </form>
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="alert alert-info text-center">
                                <i class="fas fa-info-circle fa-2x mb-3"></i>
                                <h5>Nenhuma aprovação pendente encontrada</h5>
                                <p class="mb-0">Não há aprovações que requerem sua atenção no momento.</p>
                            </div>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Inicializar DataTable se existir
    if ($.fn.DataTable && $('#aprovacoesTable').length) {
        $('#aprovacoesTable').DataTable({
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.10.25/i18n/Portuguese-Brasil.json"
            },
            "pageLength": 25,
            "order": [[ 3, "desc" ]], // Ordenar por data de emissão
            "columnDefs": [
                { "orderable": false, "targets": -1 } // Desabilitar ordenação na coluna de ações
            ],
            "responsive": true,
            "autoWidth": false
        });
    }
    
    // Auto-refresh a cada 5 minutos
    setTimeout(function() {
        location.reload();
    }, 300000);
});
</script>
@endpush

@push('styles')
<style>
.table td {
    vertical-align: middle;
}

.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.small-box > .inner {
    padding: 10px;
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,.1);
    text-decoration: none;
}

.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0,0,0,.15);
}

.small-box .icon {
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,.15);
}

.small-box .icon > i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .3s linear;
}

.small-box:hover {
    text-decoration: none;
    color: #f4f4f4;
}

.small-box:hover .icon > i {
    font-size: 95px;
}

@media (max-width: 767.98px) {
    .small-box .icon {
        display: none;
    }
    
    .small-box > .inner {
        text-align: center;
    }
}
</style>
@endpush