@extends('operacional.operacional')


@section('content')
<div>
    <h1 class="text-white text-lg font-bold  m-3 mp-3 text-center">OPERACIONAL</h1>
</div>
    <div class="bg-white max-w-screen max-h-auto max-w-auto mx-auto sm:w-full xl:w-11/12 flex flex-col 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 text-center"><span class="text-lg">Minutas Cubadora</span> </h1>
 
        <div class="rounded-lg mb-10 m-3 sm:p-2 p-1 lg:m-3 flex justify-center ">
            <div class="rounded-lg mb-10 m-3 sm:p-2 p-1 lg:m-3 flex justify-center ">
                <form method="GET" action="{{ route('cubadora.lista') }}" class="bg-gray-200 rounded-lg p-3 max-w-full mx-auto m-0 mt-5 mb-3 sm:grid grid-flow-col">
                    <input id="inputInicio" name="inputInicio" type="date" class="bg-gray-50 border  border-gray-500 text-blueblack text-sm rounded-lg focus:ring-gray-50 sm:w-5/6 lg:w-auto w-1/2 p-2 m-2" placeholder="">
                    <input id="inputFim" name="inputFim" type="date" class="xbg-gray-50 border  border-gray-500 text-blueblack text-sm rounded-lg focus:ring-gray-50 sm:w-5/6 lg:w-auto w-1/2 p-2 m-2" placeholder="">
                    <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>
        <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-1 py-3 text-center">
                            Minuta
                        </th>
                        <th scope="col" class="px-1 py-3 text-center">
                            Pagador
                        </th>
                        <th scope="col" class="px-1 py-3 text-center">
                            Origem
                        </th>
                        <th scope="col" class="px-1 py-3 text-center">
                            Destino
                        </th>
                        <th scope="col" class="px-1 py-3 text-center">
                            Serviço
                        </th>
                        <th scope="col" class="px-1 py-1 text-center">
                            Peso Bruto
                        </th>
                        <th scope="col" class="px-1 py-1 text-center">
                            Peso Cubado
                        </th>
                        <th scope="col" class="px-1 py-1 text-center">
                            Volumes
                        </th>
                        <th scope="col" class="px-1 py-1 text-center">
                            *
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($minuta as $item)
                        <tr class="bg-white border-b  hover:bg-gray-200 text-blueblack  ">
                            <td class="px-6 py-4 text-center text-base  font-bold">
                                {{ $item->minuta}}

                            </td>
                            <td class="px-2 py-4 text-center">
                                {{$item->doc_cliente}}
                            </td>
                            <td class="relative px-6 py-4 text-center group">
                                {{$item->cod_origem}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->cod_destino}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->cod_servico}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->pbruto}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->pcub}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->qvol}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                @csrf
                                <button type="button" id="AtzCubadoraEt" class="AtzCubadoraEt" data-id="{{$item->minuta}}" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-orangeblack">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75v6.75m0 0-3-3m3 3 3-3m-8.25 6a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z" />
                                  </svg>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <script src="{{asset('js/formularios/operacional/minuta.js')}}"></script>

@endsection