|
|
|
<x-app-layout>
|
|
|
|
<div class="py-8 px-8">
|
|
|
|
|
|
|
|
@if(session('status'))
|
|
|
|
<div class="w-full p-5 bg-blue-600 mb-5 text-white rounded uppercase font-bold text-lg">
|
|
|
|
{{session('status')}}
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
|
|
|
|
<div class="header flex flex-col items-center gap-4 ">
|
|
|
|
<div class="flex justify-between items-center w-full mb-5">
|
|
|
|
<h1 class=" text-gray-900 dark:text-gray-100 text-3xl font-bold text-center">
|
|
|
|
Filas
|
|
|
|
</h1>
|
|
|
|
<button class="bg-blue-500 hover:bg-opacity-90 transition-all text-white py-2 px-6 rounded text-base overflow-hidden" @click="modal = !modal" type="button">Cadastrar Fila</button>
|
|
|
|
</div>
|
|
|
|
<form action="{{route('filas')}}" method="GET" class="flex w-full gap-3 flex-col lg:flex-row ">
|
|
|
|
|
|
|
|
<div class="search bg-white dark:bg-gray-800 rounded px-3 py-1 overflow-hidden">
|
|
|
|
<i class="fas fa-search dark:text-gray-100"></i>
|
|
|
|
<input type="text" name="pesquisa" class="border-none bg-transparent focus:ring-transparent placeholder:text-gray-800 dark:placeholder:text-gray-100 dark:text-gray-100 " placeholder="Pesquise filas">
|
|
|
|
</div>
|
|
|
|
<select class="border-none rounded overflow-hidden dark:bg-gray-800 dark:text-gray-100" name="status">
|
|
|
|
@if($selected->isSelected)
|
|
|
|
@if($selected->isAtivo == 'ativo')
|
|
|
|
<option value="ativo" selected>Ativos</option>
|
|
|
|
<option value="desativado">Desativados</option>
|
|
|
|
@else
|
|
|
|
<option value="ativo">Ativos</option>
|
|
|
|
<option value="desativado" selected>Desativados</option>
|
|
|
|
@endif
|
|
|
|
@else
|
|
|
|
<option value="ativo">Ativos</option>
|
|
|
|
<option value="desativado">Desativados</option>
|
|
|
|
@endif
|
|
|
|
</select>
|
|
|
|
<button class="lg:ml-auto ml-0 bg-blue-900 hover:bg-opacity-90 transition-all text-white py-2 px-6 rounded text-lg overflow-hidden">Pesquisar</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="body mt-4 overflow-auto rounded-lg shadow">
|
|
|
|
<table class="w-full">
|
|
|
|
<thead class="bg-gray-50 dark:bg-gray-700 dark:text-gray-100">
|
|
|
|
<tr>
|
|
|
|
<th class="p-3 text-sm font-semibold tracking-wide text-left">ID</th>
|
|
|
|
<th class="p-3 text-sm font-semibold tracking-wide text-left">Nome</th>
|
|
|
|
<th class="p-3 text-sm font-semibold tracking-wide text-left">Status</th>
|
|
|
|
<th class="p-3 text-sm font-semibold tracking-wide text-left">Ações</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
|
|
|
|
@foreach($filas as $fila)
|
|
|
|
<tr class="bg-white dark:bg-gray-800 dark:border-gray-600 border-b-2">
|
|
|
|
<td class="p-3 text-sm text-gray-700 dark:text-gray-100">{{$fila->id}}</td>
|
|
|
|
<td class="p-3 text-sm text-gray-700 dark:text-gray-100">{{$fila->nome}}</td>
|
|
|
|
|
|
|
|
@if($fila->is_ativa)
|
|
|
|
<td class="p-3 text-sm text-green-500 font-bold">ATIVO</td>
|
|
|
|
|
|
|
|
@else
|
|
|
|
|
|
|
|
<td class="p-3 text-sm text-red-500 font-bold">DESATIVADO</td>
|
|
|
|
@endif
|
|
|
|
|
|
|
|
<td class="p-3 text-sm font-bold w-28">
|
|
|
|
<button class="bg-blue-600 text-white p-2 rounded text-lg text-center w-full mb-2" onclick="atualizarFila(<?= $fila->id ?>)"><i class="fas fa-edit"></i></button>
|
|
|
|
@if($fila->is_ativa)
|
|
|
|
<form method="POST" action="filas/deletar/{{$fila->id}}" title="desativar fila?" onclick="javascript: if(!confirm('Deseja desativar essa fila?')) return false;">
|
|
|
|
@csrf
|
|
|
|
@method('delete')
|
|
|
|
<button class="bg-red-600 dark:bg-red-700 text-white p-2 rounded text-lg w-full">
|
|
|
|
<i class="fas fa-ban"></i>
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
@endif
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
@endforeach
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="{{ asset('js/views/fila/atualizaFila.js') }}"></script>
|
|
|
|
|
|
|
|
<x-modal.insert.modalFila></x-modalFila>
|
|
|
|
<x-modal.edit.modalEditFila></x-modalEditFila>
|
|
|
|
</x-app-layout>
|