@extends('navbar.default-navbar')
<div class="container" style="margin-top: 80px;">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <div class="container">
        <div class="card shadow mb-4">
            <div style="background-color:#1d68a7;" class="card-header py-3">
                <h4 style="color:white;">
                    <center>Quantidade de Inscritos<br></center>
                </h4>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="10px" cellspacing="0">
                        <form method="POST" action="{{ route('storeNumInscritos') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <thead>
                                <tr>
                                    <td align="center">
                                        <input style="margin-top:10px;margin-left:10px;font-family:arial;" type="date" id="data_inicio" name="data_inicio" class="form-control" required />
                                    </td>
                                    <td align="center">
                                        <input style="margin-top:10px;margin-left:10px;font-family:arial;" type="date" id="data_fim" name="data_fim" value="2026-04-17" class="form-control" required />
                                    </td>
                                    <td align="center">  
                                        <input type="submit" style="margin-top: 10px;margin-left: 15px;background-color:#1d68a7;" class="btn btn-info btn-sm" value="Pesquisar">
                                    </td>
                                    <td align="center" colspan="0" border="0">
                                        <a href="{{route('home')}}" id="Voltar" name="Voltar" type="button" style="margin-top: 10px;margin-left: 15px; color: #FFFFFF; background-color:#e06500;" class="btn btn-warning btn-sm"> Voltar <i class="fas fa-undo-alt"></i> </a>
                                    </td>
                                </tr>
                            </thead>
                        </form>
                    </table> <br>
                    <table class="table table-bordered" style="margin-top:-40px;" id="dataTable" width="10px" cellspacing="0">
                        <thead class="thead-dark">
                            <tr>
                                <th style="width: 200px;"> <center> Número de Inscritos: </center> </th>
                            </tr>
                        </thead>
                          <tfoot style="font-size:18px">
                            <tr>
                                <th> {{ $qtdInscritos }} </th> 
                            </tr>
                         </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>