@php
    $titulo = 'Regras - SW';    
    use Faker\Factory as Faker;
    $faker = Faker::create();
@endphp
@include('components.head')

<div class="container">
    <h5>Regras</h5>
    <div class="row align-items-center">
        <div class="col-lg-12">
        <form action="" class="d-flex">

            <input
            type="text"
            name="search"
            class="form-control me-2"
            placeholder="Pesquisa de regra"
            value="{{ request('search') }}">
        <!-- Botão para limpar a pesquisa -->
        @if(request('search'))
            <a href="" class="btn btn-danger me-2">Limpar</a>
        @endif
        <button type="submit" class="btn btn-primary">Pesquisar</button>
        <button type="button" onclick="window.location.href='{{route('gestaorisco.regrascriar')}}'" class="btn btn-success ml-2">Cadastrar</button>

            </form>
        </div>
    </div>
    <div class="row mt-2">
        @foreach ($regras as $regra)
        <div class="col-mg-12 mb-1">

            <div class="card">
                <div class="card-header">Regra Nº{{$regra['id']}} {{$regra['nome']}}</div>
                <div class="card-body">
                    {{ $faker->sentence(100) }}
                </div>
            </div>
        </div>
        @endforeach
        @php
        $totalItems = count($regras);
        $perPage = 3; // Quantidade de itens por página
        $currentPage = request()->get('pagina', 1); // Obtém a página da query string
        $totalPages = ceil($totalItems / $perPage); // Calcula o total de páginas
        $start = ($currentPage - 1) * $perPage; // Índice inicial para fatiar o array
        $currentItems = array_slice($regras, $start, $perPage); // Pega os itens da "página atual"
    @endphp
    
    </div>
    <nav class="mt-3 d-flex justify-content-end" aria-label="Navegação de página">
        <ul class="pagination">
            {{-- Botão "Anterior" --}}
            <li class="page-item {{ $currentPage == 1 ? 'disabled' : '' }}">
                <a class="page-link" href="?pagina={{ $currentPage - 1 }}" aria-label="Anterior">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
    
            {{-- Números das páginas --}}
            @for ($i = 1; $i <= $totalPages; $i++)
                <li class="page-item {{ $i == $currentPage ? 'active' : '' }}">
                    <a class="page-link" href="?pagina={{ $i }}">{{ $i }}</a>
                </li>
            @endfor
    
            {{-- Botão "Próximo" --}}
            <li class="page-item {{ $currentPage == $totalPages ? 'disabled' : '' }}">
                <a class="page-link" href="?pagina={{ $currentPage + 1 }}" aria-label="Próximo">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>
</div>

@include('components.footer')