@extends('layouts.alone-window')

@section('contenido')

<main>
    <div class="mx-auto max-w-12xl px-4 py-8 sm:px-6 lg:px-8">
      <div class="mx-auto grid max-w-2xl grid-cols-1 grid-rows-1 items-start gap-x-8 gap-y-8 lg:mx-0 lg:max-w-none lg:grid-cols-3">  
        <!-- Componente con la lista de las tarifas vigentes -->
        <div class="lg:col-start-3">
          {{-- @livewire('transportadores.tarifas-lista') --}}
          
          
          Gestion Documental
        </div>
        <!-- Panel donde se ubican todos los pedidos entrantes de importaciones -->
        <div class="-mx-4 px-4 py-8 shadow-sm ring-1 ring-gray-900/5 sm:mx-0 sm:rounded-lg sm:px-8 sm:pb-14 lg:col-span-2 lg:row-span-2 lg:row-end-2 xl:px-16 xl:pb-20 xl:pt-16">
            
            @livewire('po.seguimiento-orden-compra',['idOrden' => $idOrden]) 
        </div>
  
        <div class="lg:col-start-3 lg:row-end-1 md:col-start-3 md:row-end-1  mb-4">
          <!-- Panel de mensajes o notificaciones enviadas por DAN -->
          {{-- @livewire('transportadores.notificacion-dan-dos-pl')          --}}
          
          @livewire('po.feed-orden-compra',['idOrden' => $idOrden]) 
        </div>
      </div>
    </div>
  </main>
    
@endsection