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

<div class="container">
<h5>Alertas</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 alerta"
        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.alertacriar')}}'" class="btn btn-success ml-2">Cadastrar</button>

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

        <div class="card">
            <div class="card-header">Regra Nº{{$alerta['id']}} {{$alerta['nome']}}</div>
            <div class="card-body">
                {{ $faker->sentence(100) }}
            </div>
        </div>
    </div>
    @endforeach
    @php
    $totalItems = count($alertas);
    $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($alertas, $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')