@extends('portaria.portaria')



@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  m-3 mt-3 mb-3 p-3">Portaria - <span class="text-lg">Registro</span> </h1>
        <div class="bg-blueb rounded-lg mb-10 m-3 sm:p-2 p-1 max-w-full lg:w-8/12 lg:flex-center lg:mx-auto">
            <form class="max-w-full mx-auto m-0 mt-5 mb-3 sm:grid grid-flow-col">
                <select id="countries" class="bg-gray-50 border border-gray-50 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 selected>Empresa</option>
                        </select>
                        <select id="countries" class="bg-gray-50 border border-gray-50 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 selected>Placa</option>
                        </select>
                        <select id="countries" class="bg-gray-50 border border-gray-50 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 selected>Data Inicial</option>
                        </select>
                        <select id="countries" class="bg-gray-50 border border-gray-50 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 selected>Data Final</option>
                        </select>
                    <select id="countries" class="bg-gray-50 border border-gray-50 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 selected>Status</option>
                    </select>
                <button type="button" class="text-white bg-orangeblack hover:bg-orange-600
                 text-base lg:rounded-lg rounded-md p-1 sm:w-5/6 m-2  ">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-blueb rounded-lg">
                    <tr>
                        <th scope="col" class="px-4 py-3 text-center">
                            Senha
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Nome
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            CPF
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Empresa
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Placa
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Entrada
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Hora
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Informação
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Saída
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Hora
                        </th>
                        <th scope="col" class="px-4 py-3 text-center">
                            Status
                        </th>
                        <th scope="col" class="px-4 py-3  text-center">

                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="bg-white border-b  hover:bg-orangeblack text-blueblack hover:text-white ">
                        <th scope="row" class="px-2 py-2 text-center font-bold whitespace-nowrap hover:text-white">
                            34
                        </th>
                        <td class="px-6 py-4 text-center">
                           Nome
                        </td>
                        <td class="px-6 py-4 text-center">
                            000.000.000-01
                        </td>
                        <td class="px-6 py-4 text-center">
                            Assis Transportes
                        </td>
                        <td class="px-6 py-4 text-center">
                            PDC-001D
                        </td>
                        <td class="px-6 py-4 text-center">
                            23-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            13:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Em atendimento
                        </td>
                        <td class="px-6 py-4 text-center">
                            27-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            14:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Aberto
                        </td>
                        <td class="px-6 py-2 text-center">
                            <a href=""><svg class="w-6 h-6  text-right text-blueblack hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
                                <path fill-rule="evenodd" d="M12 2c-.791 0-1.55.314-2.11.874l-.893.893a.985.985 0 0 1-.696.288H7.04A2.984 2.984 0 0 0 4.055 7.04v1.262a.986.986 0 0 1-.288.696l-.893.893a2.984 2.984 0 0 0 0 4.22l.893.893a.985.985 0 0 1 .288.696v1.262a2.984 2.984 0 0 0 2.984 2.984h1.262c.261 0 .512.104.696.288l.893.893a2.984 2.984 0 0 0 4.22 0l.893-.893a.985.985 0 0 1 .696-.288h1.262a2.984 2.984 0 0 0 2.984-2.984V15.7c0-.261.104-.512.288-.696l.893-.893a2.984 2.984 0 0 0 0-4.22l-.893-.893a.985.985 0 0 1-.288-.696V7.04a2.984 2.984 0 0 0-2.984-2.984h-1.262a.985.985 0 0 1-.696-.288l-.893-.893A2.984 2.984 0 0 0 12 2Zm3.683 7.73a1 1 0 1 0-1.414-1.413l-4.253 4.253-1.277-1.277a1 1 0 0 0-1.415 1.414l1.985 1.984a1 1 0 0 0 1.414 0l4.96-4.96Z" clip-rule="evenodd"/>
                              </svg></a>
                        </td>
                    </tr>

                    <tr class="bg-white border-b  hover:bg-orangeblack text-blueblack hover:text-white ">
                        <th scope="row" class="px-2 py-2 text-center font-bold whitespace-nowrap hover:text-white">
                            34
                        </th>
                        <td class="px-6 py-4 text-center">
                           Nome
                        </td>
                        <td class="px-6 py-4 text-center">
                            000.000.000-01
                        </td>
                        <td class="px-6 py-4 text-center">
                            Assis Transportes
                        </td>
                        <td class="px-6 py-4 text-center">
                            PDC-001D
                        </td>
                        <td class="px-6 py-4 text-center">
                            23-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            13:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Em atendimento
                        </td>
                        <td class="px-6 py-4 text-center">
                            27-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            14:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Aberto
                        </td>
                        <td class="px-6 py-2 text-center">
                            <a href=""><svg class="w-6 h-6  text-right text-blueblack hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
                                <path fill-rule="evenodd" d="M12 2c-.791 0-1.55.314-2.11.874l-.893.893a.985.985 0 0 1-.696.288H7.04A2.984 2.984 0 0 0 4.055 7.04v1.262a.986.986 0 0 1-.288.696l-.893.893a2.984 2.984 0 0 0 0 4.22l.893.893a.985.985 0 0 1 .288.696v1.262a2.984 2.984 0 0 0 2.984 2.984h1.262c.261 0 .512.104.696.288l.893.893a2.984 2.984 0 0 0 4.22 0l.893-.893a.985.985 0 0 1 .696-.288h1.262a2.984 2.984 0 0 0 2.984-2.984V15.7c0-.261.104-.512.288-.696l.893-.893a2.984 2.984 0 0 0 0-4.22l-.893-.893a.985.985 0 0 1-.288-.696V7.04a2.984 2.984 0 0 0-2.984-2.984h-1.262a.985.985 0 0 1-.696-.288l-.893-.893A2.984 2.984 0 0 0 12 2Zm3.683 7.73a1 1 0 1 0-1.414-1.413l-4.253 4.253-1.277-1.277a1 1 0 0 0-1.415 1.414l1.985 1.984a1 1 0 0 0 1.414 0l4.96-4.96Z" clip-rule="evenodd"/>
                              </svg></a>
                        </td>
                    </tr>

                    <tr class="bg-white border-b  hover:bg-orangeblack text-blueblack hover:text-white ">
                        <th scope="row" class="px-2 py-2 text-center font-bold whitespace-nowrap hover:text-white">
                            34
                        </th>
                        <td class="px-6 py-4 text-center">
                           Nome
                        </td>
                        <td class="px-6 py-4 text-center">
                            000.000.000-01
                        </td>
                        <td class="px-6 py-4 text-center">
                            Assis Transportes
                        </td>
                        <td class="px-6 py-4 text-center">
                            PDC-001D
                        </td>
                        <td class="px-6 py-4 text-center">
                            23-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            13:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Em atendimento
                        </td>
                        <td class="px-6 py-4 text-center">
                            27-03-2024
                        </td>
                        <td class="px-6 py-4 text-center">
                            14:00
                        </td>
                        <td class="px-6 py-4 text-center">
                            Aberto
                        </td>
                        <td class="px-6 py-2 text-center">
                            <a href=""><svg class="w-6 h-6  text-right text-blueblack hover:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
                                <path fill-rule="evenodd" d="M12 2c-.791 0-1.55.314-2.11.874l-.893.893a.985.985 0 0 1-.696.288H7.04A2.984 2.984 0 0 0 4.055 7.04v1.262a.986.986 0 0 1-.288.696l-.893.893a2.984 2.984 0 0 0 0 4.22l.893.893a.985.985 0 0 1 .288.696v1.262a2.984 2.984 0 0 0 2.984 2.984h1.262c.261 0 .512.104.696.288l.893.893a2.984 2.984 0 0 0 4.22 0l.893-.893a.985.985 0 0 1 .696-.288h1.262a2.984 2.984 0 0 0 2.984-2.984V15.7c0-.261.104-.512.288-.696l.893-.893a2.984 2.984 0 0 0 0-4.22l-.893-.893a.985.985 0 0 1-.288-.696V7.04a2.984 2.984 0 0 0-2.984-2.984h-1.262a.985.985 0 0 1-.696-.288l-.893-.893A2.984 2.984 0 0 0 12 2Zm3.683 7.73a1 1 0 1 0-1.414-1.413l-4.253 4.253-1.277-1.277a1 1 0 0 0-1.415 1.414l1.985 1.984a1 1 0 0 0 1.414 0l4.96-4.96Z" clip-rule="evenodd"/>
                              </svg></a>
                        </td>
                    </tr>


                </tbody>
            </table>
        </div>
    </div>


</div>
@endsection