@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">Cubadora x Brudam</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="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="">
                    <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="flex flex-row w-full h-full">

            {{-- Cubadora --}}
            <div class="relative w-[50%] overflow-x-auto shadow-md rounded m-3">
                <h2 class="text-center text-[20px] text-orangeblack" >Dados da Cubadora</h2>
                <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">
                                Etiqueta
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Peso
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Altura
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Largura
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Comprimento
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                m3
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                Peso Cubado
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                Peso Taxado
                            </th>
                          {{--   <th scope="col" class="px-1 py-1 text-center">
                                Data
                            </th> --}}
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($volumes 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-6 py-4 text-center text-base  font-bold">
                                    {{ $item->x_etiqueta}}
    
                                </td>
                                <td class="px-2 py-4 text-center">
                                    {{$item->n_peso}}
                                </td>
                                <td class="relative px-6 py-4 text-center group">
                                    {{$item->n_alt}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->n_larg}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->n_comp}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->m3}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->p_cub}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->p_tax}}
                                </td>
                              {{--   <td class="px-6 py-4 text-center">
                                    {{$item->created_at}}
                                </td> --}}
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>



            {{-- Brudam --}}
            <div class="relative w-[50%] overflow-x-auto shadow-md rounded m-3">
                <h2 class="text-center text-[20px] text-orangeblack" >Dados da API Brudam</h2>
                <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">
                                Etiqueta
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Peso
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Altura
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Largura
                            </th>
                            <th scope="col" class="px-1 py-3 text-center">
                                Comprimento
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                m3
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                Peso Cubado
                            </th>
                            <th scope="col" class="px-1 py-1 text-center">
                                Peso Taxado
                            </th>
                           {{--  <th scope="col" class="px-1 py-1 text-center">
                                Data
                            </th> --}}
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($volumebrudam 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->n_peso}}
                                </td>
                                <td class="relative px-6 py-4 text-center group">
                                    {{$item->n_alt}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->n_larg}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->n_comp}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{' X '}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{$item->p_cub}}
                                </td>
                                <td class="px-6 py-4 text-center">
                                    {{ ' X '}}
                                </td>
                                {{-- <td class="px-6 py-4 text-center">
                                    {{$item->created_at}}
                                </td> --}}
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        
    </div>
@endsection