@extends('layouts.planti')

@section('contenido')


@if(Session::has('success'))
<div class="alert alert-info">
    {!! Session::get('success') !!}
</div>
@endif
<center>
<style>
    body,html{
        margin: 0px !important;
        padding: 0px !important;

    }
    th {
        background-color: grey;
        color: white;
    }
</style>
<h2>Solicitud de Embarque</h2>
 <form class="navbar-form navbar-right" action="{{action('SolicitudController@search')}}" method="post" >  
    @csrf 
    <div class="form-group">
        <table border="0" style="padding: 2px !important; border-spacing: 2px; border-collapse: separate;" >
            <tr>
                <td align="left" width="20%">
                    <h2>Lista de Pedidos</h2>
                </td>
                <td style="width:50px;">
                    Cliente
                  </td>
                  <td>
                    <select name="cboCompania" id="cboCompania" class="form-control" >
                        <option value="0">Seleccione una Opcion</option>
                        @foreach($provee as $fil)
                        <option value="{{$fil->id}}">{{$fil->nombre}}</option>
                        @endforeach
                    </select>
                  </td>
                  <td>
                    <button type="submit"  class="btn btn-success btn" style='margin-top: -6px'><span class='fa fa-search'></span>&nbsp;&nbsp;Buscar</button>
                    <button type="button" data-toggle="modal" data-target="#controlSolicitudCargue" class="btn btn-primary shadow-sm" style='margin-top: -6px'><span style='color:white' class='fa fa-send'></span>&nbsp;&nbsp;Enviar Pedido(s)...</button>
                </td>
            </tr>   
        </table>
    </div>       
</form> 
<div class="row">
    <form method="post" id="solicitudEmbarque" action="{{ route('rexsolicitud.store') }}">
        @csrf
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">

                        <div class="table-container">
                        <table  class="table table-bordred table-striped table-hover" >
                            <thead>
                            
                          {{--  <th><center>Consecutivo</center></th>--}}
                            <th><center>Cliente</center></th>
                            <th><center>PO</center></th>
                            <th><center>PO Date</center></th>
                            <th><center>Pedido SAP</center></th>
                            <th><center>Material Descripción</center></th>
                            <th><center>Unidades</center></th>
                            <th><center>Pack Size</center></th>
                            <th><center>Volumen</center></th>
                          {{--   <th><center>Mes</center></th>--}}
                            <th><center>ETD Customer</center></th>
                            <th><center>ETD Programmed</center></th>
                            <th><center>ETD Rescheduled</center></th>
                            <th><center>ETD</center></th>
                            <th><center>ETA</center></th>
                            <th><center>Solicitar</center></th>
            
                        </thead>
                        <tbody>
                        @if(count($pedidos)) 
                            @foreach($pedidos as $fil)  
                            <tr>
                            
                                {{-- <td align="center">{{$fil->consecutivo}}</td> --}}
                                <td align="center">{{$fil->cliente}}</td>
                                <td align="center">{{$fil->numero_pedido}}</td>
                                <td align="center">{{$fil->fecha_pedido}}</td> 
                                <td align="center">{{$fil->pedido_sap}}</td>     
                                <td align="center">{{$fil->nombre_material}}</td>
                                <td align="center">{{$fil->unidades}}</td> 
                                <td align="center">{{$fil->presentacion}}</td>
                                <td align="center">{{$fil->volumen}}</td>
                               {{--    <td><option value="{{$fil->mes_etd}}">{{$fil->mes_etd}}</option></td>  --}}                                                      
                                <td align="center">{{$fil->etd_cliente}}</td>
                                <td align="center">{{$fil->etd_programada}}</td>
                                <td align="center">{{$fil->etd_reprogramada}}</td>
                                 <td align="center">{{$fil->etd}} </td>
                                <td align="center">{{$fil->etd}}</td>   
                                <td align="center"><input class="form-control check_pedidos" name="{{$fil->id}}"  id="chkPedido_{{$fil->id}}"  type="checkbox" ></td>
                               
                            </tr>
                            @endforeach 
                        @else
                            <tr>
                                <td colspan="8">No hay registro !!</td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                  </div>
                </div>
                 
            </div>
        </div>
    
    </div>

    <!-- Modal -->
    <div class="modal fade" id="controlSolicitudCargue" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" style="margin-top:200px">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
            <div class="modal-body">
                <table style='width:100%'>
                    <tr>
                        <td>Fecha y Hora</td><td><input disabled type="text" value="2026-10-30 10:03:21" class="form-control"></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <br>
                            Observaciones <br>
                            <textarea name="observacion" cols="30" rows="5" class="form-control"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="enviarPedidos">Guardar</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            </div>
            </div>
        </div>
    </div>
    <!-- Fin Modal -->

    </form>            
  </div>


<style>
.dataTables_filter {
display: block;
}

.datatables_length {
display: block;
}

#datatable_length {
display: block;
}

.dataTables_paginate{
display: block;
} /*paging_simple_numbers*/

.dataTables_info{
display: block;
}
</style>
</center>

<script>
    $("#enviarPedidos").click(function(){
        if(confirm("CONFIRMACION REQUERIDA\n\nSeguro de enviar los pedidos marcados y convertirlos en una solicitud de Embarque?"))         {
            $("#solicitudEmbarque").submit();
        }
    })
</script>
 
@endsection