@extends('layouts._includes.admin.Header')
@section('titulo', 'Detalhes do Pagamento 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">
                    <div class="ibox">
                        <div class="ibox-head">
                            <div class="ibox-title">
                                Detalhes do Pagamento RUPE #{{ $rupe_pagamento->id }}
                                @if($rupe_pagamento->status === 'aguardando_pagamento')
                                    @if($rupe_pagamento->isExpirado())
                                        <span class="badge badge-danger ml-2">EXPIRADO</span>
                                    @else
                                        <span class="badge badge-warning ml-2">AGUARDANDO</span>
                                    @endif
                                @elseif($rupe_pagamento->status === 'pago')
                                    <span class="badge badge-success ml-2">PAGO</span>
                                @elseif($rupe_pagamento->status === 'expirado')
                                    <span class="badge badge-danger ml-2">EXPIRADO</span>
                                @elseif($rupe_pagamento->status === 'cancelado')
                                    <span class="badge badge-secondary ml-2">CANCELADO</span>
                                @endif
                            </div>
                            <div class="ibox-tools">
                                <a class="ibox-collapse"><i class="fa fa-minus"></i></a>
                            </div>
                        </div>
                        <div class="ibox-body">
                            <div class="row">
                                <!-- Payment Information -->
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5><i class="fa fa-money"></i> Informações do Pagamento</h5>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-borderless">
                                                <tr>
                                                    <td><strong>ID:</strong></td>
                                                    <td>{{ $rupe_pagamento->id }}</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Número RUPE:</strong></td>
                                                    <td>
                                                        <strong class="text-primary">{{ $rupe_pagamento->numeroRUPE }}</strong>
                                                        <button class="btn btn-sm btn-outline-secondary ml-2"
                                                                onclick="copyToClipboard('{{ $rupe_pagamento->numeroRUPE }}')">
                                                            <i class="fa fa-copy"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Número DC:</strong></td>
                                                    <td>{{ $rupe_pagamento->numeroDC }}</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Valor:</strong></td>
                                                    <td>
                                                        <strong class="text-success">
                                                            {{ number_format($rupe_pagamento->valor, 2, ',', '.') }} AOA
                                                        </strong>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Status RUPE:</strong></td>
                                                    <td>
                                                        <span class="badge badge-info">{{ $rupe_pagamento->status_rupe }}</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <!-- Student and Course Information -->
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5><i class="fa fa-user"></i> Aluno e Turma</h5>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-borderless">
                                                <tr>
                                                    <td><strong>Aluno:</strong></td>
                                                    <td>
                                                        <strong>{{ $rupe_pagamento->aluno->vc_aluno_nome ?? 'N/A' }}</strong>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><strong>BI:</strong></td>
                                                    <td>{{ $rupe_pagamento->aluno->vc_num_bi ?? 'N/A' }}</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Turma:</strong></td>
                                                    <td>
                                                        <strong>{{ $rupe_pagamento->turma->vc_turma ?? 'N/A' }}</strong>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><strong>ID Aluno:</strong></td>
                                                    <td>{{ $rupe_pagamento->id_aluno }}</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>ID Turma:</strong></td>
                                                    <td>{{ $rupe_pagamento->id_turma }}</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Timing Information -->
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5><i class="fa fa-clock-o"></i> Informações de Tempo</h5>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <strong>Data de Emissão:</strong><br>
                                                    <span class="text-info">{{ $rupe_pagamento->data_emissao->format('d/m/Y H:i:s') }}</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <strong>Data Limite:</strong><br>
                                                    <span class="text-warning">{{ $rupe_pagamento->data_limite->format('d/m/Y H:i:s') }}</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <strong>Limite (Horas):</strong><br>
                                                    <span class="badge badge-primary">{{ $rupe_pagamento->tempo_limite_horas }}h</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <strong>Tempo Restante:</strong><br>
                                                    @if($rupe_pagamento->status === 'aguardando_pagamento')
                                                        @if($rupe_pagamento->isExpirado())
                                                            <span class="text-danger"><strong>EXPIRADO</strong></span>
                                                        @else
                                                            <span class="text-warning">
                                                                <strong>{{ $rupe_pagamento->getTempoRestante() }}</strong>
                                                            </span>
                                                        @endif
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </div>
                                            </div>

                                            @if($rupe_pagamento->data_pagamento)
                                                <hr>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <strong>Data de Pagamento:</strong><br>
                                                        <span class="text-success">{{ $rupe_pagamento->data_pagamento->format('d/m/Y H:i:s') }}</span>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <strong>Tempo até Pagamento:</strong><br>
                                                        <span class="text-success">{{ $rupe_pagamento->data_emissao->diffForHumans($rupe_pagamento->data_pagamento) }}</span>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Status and Actions -->
                            <div class="row mt-4">
                                <div class="col-md-8">
                                    @if($rupe_pagamento->observacoes)
                                        <div class="card">
                                            <div class="card-header">
                                                <h5><i class="fa fa-comment"></i> Observações</h5>
                                            </div>
                                            <div class="card-body">
                                                <p class="mb-0">{{ $rupe_pagamento->observacoes }}</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>

                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5><i class="fa fa-cogs"></i> Ações</h5>
                                        </div>
                                        <div class="card-body">
                                            <div class="btn-group-vertical w-100" role="group">
                                                <a href="{{ route('admin.rupe_pagamento.listar') }}" class="btn btn-secondary">
                                                    <i class="fa fa-list"></i> Lista de Pagamentos
                                                </a>

                                                @if($rupe_pagamento->status === 'aguardando_pagamento')
                                                    <a href="{{ route('admin.rupe_pagamento.verificar_status', $rupe_pagamento->id) }}"
                                                       class="btn btn-info">
                                                        <i class="fa fa-refresh"></i> Verificar Status
                                                    </a>
                                                    <a href="{{ route('admin.rupe_pagamento.marcar_pago', $rupe_pagamento->id) }}"
                                                       class="btn btn-success"
                                                       onclick="return confirm('Tem certeza que deseja marcar como pago?')">
                                                        <i class="fa fa-check"></i> Marcar como Pago
                                                    </a>
                                                    @if($rupe_pagamento->isExpirado())
                                                        <a href="{{ route('admin.rupe_pagamento.marcar_expirado', $rupe_pagamento->id) }}"
                                                           class="btn btn-danger"
                                                           onclick="return confirm('Tem certeza que deseja marcar como expirado?')">
                                                            <i class="fa fa-clock-o"></i> Marcar como Expirado
                                                        </a>
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Creation/Update History -->
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <div class="alert alert-light">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <strong>Criado:</strong><br>
                                                {{ $rupe_pagamento->created_at->format('d/m/Y H:i:s') }}<br>
                                                <small class="text-muted">{{ $rupe_pagamento->created_at->diffForHumans() }}</small>
                                            </div>
                                            <div class="col-md-4">
                                                <strong>Última Atualização:</strong><br>
                                                {{ $rupe_pagamento->updated_at->format('d/m/Y H:i:s') }}<br>
                                                <small class="text-muted">{{ $rupe_pagamento->updated_at->diffForHumans() }}</small>
                                            </div>
                                            <div class="col-md-4">
                                                <strong>ID Origem:</strong><br>
                                                <code>{{ $rupe_pagamento->idOrigem ?? 'N/A' }}</code>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

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

    @if (session('rupe_pagamento.expirado.true'))
        <script>
            Swal.fire(
                'Pagamento marcado como EXPIRADO!',
                'O status foi atualizado.',
                'warning'
            )
        </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
                });
            });
        }
    </script>

@endsection