@extends('sistema.sistema')
@section('content')
    <div class="bg-white max-w-screen max-h-auto max-w-auto mx-auto sm:w-full xl:w-11/12  rounded-lg mt-16 mb-16 pb-8 pt-8">
        <h1 class="text-orangeblack text-lg font-bold flex text-center justify-center m-3 mt-3 mb-3 p-3">Sistema - <span class="text-lg"> Atalhos e Recursos</span> </h1>

        <div class="">
         
        </div>
        <div class="rounded-lg mb-10 m-3 sm:p-2 p-1 lg:m-3 flex justify-center ">
                  
            <form method="GET" action="" class=" bg-gray-200 rounded-md p-3 max-w-full mx-auto m-0 mt-5 mb-3 sm:grid grid-flow-col">
                <select id="selectNome" name="nome" class="inputModal">
                    <option value="">Modulo</option>
                </select>
                <input type="text" name="atalho" class="inputModal" placeholder="Atalho">
                <button type="submit" class="text-white bg-blueblack hover:bg-orangeblack
                    text-base lg:rounded-lg rounded-md p-1 sm:w-5/6 m-2 lg:max-w-28 ">Pesquisar
                </button>
            </form>
        </div>
        <div class="relative overflow-x-auto shadow-md rounded m-3">
            <table class="w-full text-sm text-left rtl:text-right text-blueblack">
                <thead class="text-xs text-white  uppercase bg-blueblack rounded-lg">
                    <tr>
                        <th scope="col" class="px-4 py-3 text-center">
                            Cod
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Descrição
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Modulo
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Status
                        </th>
                        <th scope="col" class="px-4 py-3  text-center">
                            Criado
                        </th>
                        
                    </tr>
                </thead>
                <tbody>
                @foreach ($resources as $item)
                    <tr class="bg-white border-b  hover:bg-gray-200 text-blueblack  ">
                        <th scope="row" class="px-2 py-2 text-center font-bold whitespace-nowrap ">
                            {{ $item->id }}
                        </th>
                        <td class="px-6 py-4 text-center">
                            {{ ucfirst($item->name) }}
                        </td>
                        <td class="px-6 py-4 text-center">
                            {{ strtoupper($item->module) }}
                        </td>
                        <td class="px-6 py-4 text-center">
                            {{$item->is_active == 1 ? 'Ativo' : 'Inativo'}}
                        </td>
                        <td class="px-6 py-4 text-center">
                            {{ $item->created_at->format('d/m/Y H:i:s')}}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
     
    </div>
</div>
        </div>
</div> 





@endsection