@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">Log 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="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="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">
                            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">
                            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->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">
                                {{number_format($item->n_alt, 2)}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{number_format($item->n_larg, 2)}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{number_format($item->n_comp, 2)}}
                            </td>
                         
                            <td class="px-6 py-4 text-center">
                                {{$item->peso_cubado}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->peso_taxado}}
                            </td>
                            <td class="px-6 py-4 text-center">
                                {{$item->created_at}}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection