@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">Grupos</span> </h1>

        <div class="">
            <a href="" target="_blank">
                <button class="mx-3 rounded-md px-2 py-1 mr-2 bg-blueblack hover:to-blueb text-white font-semibold"
                >Cadastrar Grupo</button>
            </a>
        </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="bg-gray-50 border  border-gray-300 text-blueblack text-sm rounded-lg focus:ring-gray-50 sm:w-5/6 lg:w-auto w-11/12 p-2 m-2">
                    <option value="">Nome</option>
                    @foreach ($grupos as $grupo)
                        <option value="{{$grupo->id}}">{{ucfirst($grupo->nome)}}</option>
                    @endforeach
                </select>
                <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">
                            Nome
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Status
                        </th>
                        
                    </tr>
                </thead>
                <tbody>
                @foreach ($grupos as $grupo)
                    <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 ">
                            {{ $grupo->id }}
                        </th>
                        <td class="px-6 py-4 text-center">
                            {{ucfirst($grupo->nome) }}
                        </td>
                        <td class="px-6 py-4 text-center">
                          {{$grupo->status == 1 ? "Ativo" : "Inativo";}}
                        </td>
                    </tr>
                @endforeach 
                </tbody>
            </table>
        </div>
     
    </div>
</div>
        </div>
</div> 





@endsection