You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

76 lines
4.2 KiB

<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">
Empresas
</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 Empresa</button>
</div>
<form action="{{route('users')}}" 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 empresas">
</div>
<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">Token</th>
<th class="p-3 text-sm font-semibold tracking-wide text-left">Email</th>
<th class="p-3 text-sm font-semibold tracking-wide text-left">CPNJ</th>
<th class="p-3 text-sm font-semibold tracking-wide text-left">Ações</th>
</tr>
</thead>
<tbody>
@foreach($empresas as $empresa)
<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">{{$empresa->id}}</td>
<td class="p-3 text-sm text-gray-700 dark:text-gray-100">{{$empresa->nome}}</td>
<td class="p-3 text-sm text-gray-700 dark:text-gray-100">{{$empresa->token}}</td>
<td class="p-3 text-sm text-gray-700 dark:text-gray-100">{{$empresa->email}}</td>
<td class="p-3 text-sm text-gray-700 dark:text-gray-100" data-mask="000.000.000-00">{{$empresa->cnpj}}</td>
<td class="p-3 text-sm font-bold flex items-center gap-2 flex-wrap">
<button class="bg-blue-600 text-white p-2 rounded flex-1 text-lg text-center" onclick="atualizaEmpresa(<?= $empresa->id ?>)"><i class="fas fa-edit"></i></button>
{{-- @if($empresa->status)
<form method="POST" id="formulario" action="users/deletar/{{$empresa->id}}" class="flex-1 flex" title="desativar conta?" onclick="javascript: if(!confirm('Deseja desativar esse usuário?')) return false;">
@csrf
@method('delete')
<button class="bg-red-600 dark:bg-red-700 text-white p-2 rounded flex-1 text-lg">
<i class="fas fa-ban"></i>
</button>
</form>
@endif --}}
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script src="{{ asset('js/views/empresa/atualizaEmpresa.js') }}"></script>
<x-modal.insert.modalEmpresa></x-modalEmpresa>
<x-modal.edit.modalEditEmpresa></x-modalEditEmpresa>
</x-app-layout>