@extends('admin.layouts.layout')

@section('content')

<div class="container-fluid">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h5 class="m-0 font-weight-bold text-primary">Benefícios</h5>
            <small>Cadastro de Benefícios no Sistema</small>
            <a class="btn btn-outline-primary btn-block d-grid gap-2" type="button"
                href="{{ route('beneficios.create') }}" role="button">Novo benefício</a>
            <br>
            <!-- Adicione um campo de busca na sua view -->
            <input type="text" class="form-control" id="searchInput"
                placeholder="Buscar por código ou Benefício">
            <a class="btn btn-outline-primary btn-block d-grid gap-2" type="button" id="searchButton">Buscar</a>
        </div>

        <div class="card">
            <div class="card-body">
                <!-- Table -->
                <div class="table-responsive">
                    <table class="table table-sm table-hover" id="dataTable">
                        <thead>
                            <tr>
                                <th scope="col">Código</th>
                                <th scope="col">Nome do Benefício</th>
                                <th scope="col">Secretaria</th>
                                <th scope="col">Programa</th>
                                <th scope="col">Ações</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <form class="d-inline" action="">
                                        <button class="btn btn-outline-warning btn-sm">Editar</button>
                                    </form>
                                    <form class="d-inline" method="POST" action=""
                                        onSubmit="return confirm('Tem certeza que deseja excluir?')">
                                        @method('DELETE')
                                        @csrf
                                        <button class="btn btn-sm btn-outline-danger">Excluir</button>
                                    </form>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection
