@extends('layouts._includes.admin.Header')
@section('titulo', 'Configurações 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_config.cadastrar') }}" class="btn btn-primary">Adicionar</a>
                    <a href="{{ route('admin.rupe_pagamento.listar') }}" class="btn btn-info ml-2">
                        <i class="fa fa-list"></i> Ver Pagamentos
                    </a>
                </div>

                <div class="col-md-12 mt-3">
                    <div class="ibox">
                        <div class="ibox-head">
                            <div class="ibox-title">Lista de Configurações RUPE ({{ count($rupe_configs) }} registros)</div>
                        </div>
                        <div class="ibox-body">
                            <table class="table table-striped table-bordered table-hover" id="rupe-configs-table" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Limite (Horas)</th>
                                        <th>Status</th>
                                        <th>Data Criação</th>
                                        <th>Opções</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($rupe_configs as $config)
                                        <tr class="text-center {{ $config->ativo ? 'table-success' : '' }}">
                                            <td>{{ $config->id }}</td>
                                            <td>
                                                <strong class="text-primary">{{ $config->limite_horas_pagamento }}h</strong>
                                            </td>
                                            <td>
                                                @if($config->ativo)
                                                    <span class="badge badge-success">
                                                        <i class="fa"></i> ATIVO
                                                    </span>
                                                @else
                                                    <span class="badge badge-secondary">INATIVO</span>
                                                @endif
                                            </td>
                                            <td>{{ $config->created_at->format('d/m/Y H:i') }}</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_config.ver', $config->id) }}"
                                                            class="dropdown-item">
                                                            <i class="fa"></i> Visualizar
                                                        </a>
                                                        <a href="{{ route('admin.rupe_config.editar', $config->id) }}"
                                                            class="dropdown-item">
                                                            <i class="fa fa-edit"></i> Editar
                                                        </a>

                                                        @if(!$config->ativo)
                                                            <div class="dropdown-divider"></div>
                                                            <a href="{{ route('admin.rupe_config.ativar', $config->id) }}"
                                                                class="dropdown-item text-success">
                                                                <i class="fa fa-check-circle"></i> Ativar
                                                            </a>
                                                        @endif

                                                        @if (Auth::user()->id_nivel_usuario == 1)
                                                            <div class="dropdown-divider"></div>
                                                            <a href="{{ route('admin.rupe_config.eliminar', $config->id) }}"
                                                                class="dropdown-item text-danger">
                                                                <i class="fa fa-trash"></i> Eliminar
                                                            </a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center">
                                                <div class="alert alert-info">
                                                    <i class="fa fa-info-circle"></i>
                                                    Nenhuma configuração encontrada.
                                                </div>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- Configuration Info -->
                <div class="col-md-12 mt-3">
                    <div class="alert alert-info">
                        <h5><i class="fa fa-info-circle"></i> Informações sobre Configurações RUPE</h5>
                        <p><strong>Limite de Horas:</strong> Define por quanto tempo uma vaga fica reservada após gerar o RUPE.</p>
                        <p><strong>Configuração Ativa:</strong> Apenas uma configuração pode estar ativa por vez.</p>
                        <p><strong>Impacto:</strong> Novas inscrições usarão o limite da configuração ativa no momento.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

    @if (session('rupe_config.eliminar.true'))
        <script>
            Swal.fire(
                'Configuração RUPE Eliminada com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_config.cadastrar.true'))
        <script>
            Swal.fire(
                'Configuração RUPE Cadastrada com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_config.editar.true'))
        <script>
            Swal.fire(
                'Configuração RUPE Atualizada com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('rupe_config.ativar.true'))
        <script>
            Swal.fire(
                'Configuração ativada com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

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

@endsection