@extends('layouts._includes.admin.Header')
@section('titulo', 'Lista de Pagamentos RUPE')

@section('conteudo')
    <div class="content-wrapper">
        <!-- START PAGE CONTENT-->
        <div class="page-content fade-in-up">
            <div class="row">
                <div class="col-md-12">
                    <a href="{{ route('admin.rupe_pagamento.processar_expirados') }}" class="btn btn-warning">
                        <i class="fa fa-clock-o"></i> Processar Expirados
                    </a>
                    <a href="{{ route('admin.rupe_config.listar') }}" class="btn btn-info ml-2">
                        <i class="fa fa-cog"></i> Configurações
                    </a>
                </div>

                <!-- Status Summary Cards -->
                <div class="col-md-12 mt-3">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="card bg-warning text-white">
                                <div class="card-body">
                                    <h5>Aguardando</h5>
                                    <h3>{{ $rupe_pagamentos->where('status', 'aguardando_pagamento')->count() }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-success text-white">
                                <div class="card-body">
                                    <h5>Pagos</h5>
                                    <h3>{{ $rupe_pagamentos->where('status', 'pago')->count() }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-danger text-white">
                                <div class="card-body">
                                    <h5>Expirados</h5>
                                    <h3>{{ $rupe_pagamentos->where('status', 'expirado')->count() }}</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card bg-secondary text-white">
                                <div class="card-body">
                                    <h5>Cancelados</h5>
                                    <h3>{{ $rupe_pagamentos->where('status', 'cancelado')->count() }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12 mt-3">
                    <div class="ibox">
                        <div class="ibox-head">
                            <div class="ibox-title">Lista de Pagamentos RUPE ({{ count($rupe_pagamentos) }} registros)</div>
                        </div>
                        <div class="ibox-body">
                            <table class="table table-striped table-bordered table-hover" id="rupe-pagamentos-table" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Aluno</th>
                                        <th>Turma</th>
                                        <th>RUPE</th>
                                        <th>DC</th>
                                        <th>Valor</th>
                                        <th>Status</th>
                                        <th>Tempo Restante</th>
                                        <th>Data Limite</th>
                                        <th>Opções</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($rupe_pagamentos as $pagamento)
                                        <tr class="text-center">
                                            <td>{{ $pagamento->id }}</td>
                                            <td>
                                                <strong>{{ $pagamento->aluno->vc_aluno_nome ?? 'N/A' }}</strong><br>
                                                <small class="text-muted">{{ $pagamento->aluno->vc_num_bi ?? 'N/A' }}</small>
                                            </td>
                                            <td>
                                                {{ $pagamento->turma->vc_turma ?? 'N/A' }}
                                            </td>
                                            <td>
                                                <strong class="text-primary">{{ $pagamento->numeroRUPE }}</strong>
                                            </td>
                                            <td>{{ $pagamento->numeroDC }}</td>
                                            <td>
                                                <strong>{{ number_format($pagamento->valor, 2, ',', '.') }} AOA</strong>
                                            </td>
                                            <td>
                                                @if($pagamento->status === 'aguardando_pagamento')
                                                    @if($pagamento->isExpirado())
                                                        <span class="badge badge-danger">EXPIRADO</span>
                                                    @else
                                                        <span class="badge badge-warning">AGUARDANDO</span>
                                                    @endif
                                                @elseif($pagamento->status === 'pago')
                                                    <span class="badge badge-success">PAGO</span>
                                                @elseif($pagamento->status === 'expirado')
                                                    <span class="badge badge-danger">EXPIRADO</span>
                                                @elseif($pagamento->status === 'cancelado')
                                                    <span class="badge badge-secondary">CANCELADO</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($pagamento->status === 'aguardando_pagamento')
                                                    @if($pagamento->isExpirado())
                                                        <span class="text-danger"><strong>EXPIRADO</strong></span>
                                                    @else
                                                        <span class="text-warning">
                                                            <strong>{{ $pagamento->getTempoRestante() }}</strong>
                                                        </span>
                                                    @endif
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                            <td>
                                                <small>{{ $pagamento->data_limite->format('d/m/Y H:i') }}</small>
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-dark btn-sm dropdown-toggle" type="button"
                                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false">
                                                        <i class="fa fa-clone fa-sm" aria-hidden="true"></i>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                        <a href="{{ route('admin.rupe_pagamento.ver', $pagamento->id) }}"
                                                            class="dropdown-item">
                                                            <i class="fa fa-eye"></i> Ver Detalhes
                                                        </a>
                                                        <div class="dropdown-divider"></div>

                                                        @if($pagamento->status === 'aguardando_pagamento')
                                                            <a href="{{ route('admin.rupe_pagamento.verificar_status', $pagamento->id) }}"
                                                                class="dropdown-item text-info">
                                                                <i class="fa fa-refresh"></i> Verificar Status
                                                            </a>
                                                            <a href="{{ route('admin.rupe_pagamento.marcar_pago', $pagamento->id) }}"
                                                                class="dropdown-item text-success">
                                                                <i class="fa fa-check"></i> Marcar como Pago
                                                            </a>
                                                            @if($pagamento->isExpirado())
                                                                <a href="{{ route('admin.rupe_pagamento.marcar_expirado', $pagamento->id) }}"
                                                                    class="dropdown-item text-danger">
                                                                    <i class="fa fa-clock-o"></i> Marcar como Expirado
                                                                </a>
                                                            @endif
                                                        @endif

                                                        <div class="dropdown-divider"></div>
                                                        <a href="#" class="dropdown-item text-info"
                                                           onclick="copyToClipboard('{{ $pagamento->numeroRUPE }}')">
                                                            <i class="fa fa-copy"></i> Copiar RUPE
                                                        </a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">
                                                <div class="alert alert-info">
                                                    <i class="fa fa-info-circle"></i>
                                                    Nenhum pagamento RUPE encontrado.
                                                </div>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>

    @if (session('rupe_pagamento.eliminar.true'))
        <script>
            Swal.fire(
                'Pagamento RUPE Eliminado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_pagamento.cadastrar.true'))
        <script>
            Swal.fire(
                'Pagamento RUPE Cadastrado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_pagamento.editar.true'))
        <script>
            Swal.fire(
                'Pagamento RUPE Atualizado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_pagamento.pago.true'))
        <script>
            Swal.fire(
                'Pagamento marcado como PAGO!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_pagamento.expirado.true'))
        <script>
            Swal.fire(
                'Pagamento marcado como EXPIRADO!',
                '',
                'warning'
            )
        </script>
    @endif

    @if (session('rupe_pagamento.processados.true'))
        <script>
            Swal.fire(
                'Processados {{ session("rupe_pagamento.processados.true") }} pagamentos expirados!',
                '',
                'info'
            )
        </script>
    @endif

    <script>
        function copyToClipboard(text) {
            navigator.clipboard.writeText(text).then(function() {
                Swal.fire({
                    title: 'Copiado!',
                    text: 'RUPE "' + text + '" copiado para a área de transferência',
                    icon: 'success',
                    timer: 2000,
                    showConfirmButton: false
                });
            }).catch(function(err) {
                console.error('Erro ao copiar: ', err);
                Swal.fire({
                    title: 'Erro!',
                    text: 'Não foi possível copiar o RUPE',
                    icon: 'error',
                    timer: 2000,
                    showConfirmButton: false
                });
            });
        }

        // Auto-refresh page every 5 minutes to update payment status
        setInterval(function() {
            location.reload();
        }, 300000); // 5 minutes

        // Initialize DataTable if available
        $(document).ready(function() {
            if ($.fn.DataTable) {
                // Check if DataTable is already initialized
                if (!$.fn.DataTable.isDataTable('#rupe-pagamentos-table')) {
                    $('#rupe-pagamentos-table').DataTable({
                        "language": {
                            "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/Portuguese-Brasil.json"
                        },
                        "order": [[ 0, "desc" ]], // Order by ID desc
                        "pageLength": 25,
                        "destroy": true
                    });
                }
            }
        });
    </script>

@endsection