@extends('entidade.admin.layouts.layout')

@section('content')
    <main class="content">
        <div class="container-fluid p-0">
            <h1 class="h3 mb-3">Tipos de Protocolos</h1>
            <div class="card">
                <div class="card-header d-flex flex-wrap gap-2">
                    <a href="{{ route('protocolotipos.create', $tenant_id) }}" class="btn btn-outline-primary btn-sm flex-grow-1">
                        Novo Tipo de Protocolo
                    </a>
                    <button class="btn btn-outline-secondary btn-sm flex-grow-1" data-bs-toggle="modal"
                        data-bs-target="#modalFilter">
                        <i class="fa-solid fa-magnifying-glass"></i> Filtrar
                    </button>
                </div>

                <div class="card-body pt-0">
                    <div class="table-responsive-xl">
                        <table class="table text-nowrap mb-0 align-middle">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Descrição</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($protocolotipos as $tipos)
                                    <tr>
                                        <td>{{ $tipos->id }}</td>
                                        <td>{{ $tipos->descricao }}</td>
                                        <td>
                                            <a href="{{ route('protocolotipos.show', ['tenant_id' => $tenant_id, $tipos->id]) }}"
                                                class="btn btn-sm btn-primary" title="Visualizar">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                            <a href="{{ route('protocolotipos.edit', ['tenant_id' => $tenant_id, $tipos->id]) }}"
                                                class="btn btn-sm btn-warning" title="Editar">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <nav class="mt-3" aria-label="Navegação de página">
                        <ul class="pagination justify-content-center">
                            {{ $protocolotipos->links() }}
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="modal fade" id="modalFilter" tabindex="-1" aria-labelledby="modalFilterLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <form method="GET" action="{{ route('protocolotipos.index', $tenant_id) }}">
                            <div class="modal-header">
                                <h5 class="modal-title"><i class="fa fa-filter"></i> Filtrar Tipos de Protocolo</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Fechar"></button>
                            </div>
                            <div class="modal-body">
                                <div class="mb-3">
                                    <label for="id" class="form-label">Id</label>
                                    <input type="text" class="form-control" id="id" name="id"
                                        value="{{ request('id') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="descricao" class="form-label">Descrição</label>
                                    <input type="text" class="form-control" id="descricao" name="descricao"
                                        value="{{ request('descricao') }}">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> Aplicar
                                    Filtro</button>
                                <a href="{{ route('protocolotipos.index', $tenant_id) }}" class="btn btn-secondary">Limpar</a>
                                <button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal">Fechar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection