@extends('layouts.planti')
@section('contenido')

@php
  $prueba = "10";
  $num = 0;
@endphp

    <div class="card-body">
      @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
      @endif
    </div>

<form method="post" action="{{ route('rexpedido.update',$cargue->id) }}" role="form">
    @csrf
    @method('PUT')
    <div class="x_panel" style="">
        <div class="x_title">
            <h2>Editar Orden de Pedido </h2><h2> # {{ $cargue->consecutivo }}</h2>
            <ul class="nav navbar-center panel_toolbox">
                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">

            <div class="container">{{--  inicio encabezado--}}      
                <div class="row">
                        <div class="row">
                            <div class="col-md-12 col-md-push-5">
                                <div class="gifCarga">
                                    <img id="loading_spinner1" style="display:none" src="{{ asset('images/loading.gif') }}">
                                    <div id="lblInfo">...</div> 
                                </div>                    
                            </div> 
                        </div>
                
                        <div class='col-sm-3'>
                            Cliente
                            <div class="form-group">
                                <div class='input-group date'>
                                    <select name="cboCompania" id="cboCompania" class="form-control" required>
                                        <option value="0">Seleccione una Opcion</option>
                                        @foreach($provee as $fil)
                                        <option value="{{$fil->id}}" @if($fil->id==$cargue->id_excliente) selected="selected" @endif>{{$fil->nombre}}</option>
                                        @endforeach
                                    </select>
                                    <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                </div>
                            </div>
                        </div> 

                        <div class='col-sm-3'> 
                            Número de Pedido
                            <div class="form-group">
                                <div class='input-group'>
                                    <input type='text' name="txtPedido" id='txtPedido'  class="form-control" value="{{ $cargue->numero_pedido }}"  />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                    
                                </div>
                            </div>
                        </div>
        
                        
                        <div class='col-sm-3'>
                            Fecha Pedido
                            <div class="form-group">
                                <div class='input-group date'>
                                    <input type='date' name="txtFecha_pedido" id="txtFecha_pedido" class="form-control" value="{{ $cargue->fecha_pedido }}"  />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>

                      <div class='col-sm-3'>
                            Clase de Pedido
                            <div class="form-group">
                                <div class='input-group date'>
                                    <select name="cboPedido" id="cboPedido" class="form-control">
                                        <option value="0">Seleccione una Opcion</option>
                                     @foreach($clasepedido as $fil)
                                        <option value="{{$fil->id}}" @if($fil->id==$cargue->id_clase_pedido) selected="selected" @endif>{{$fil->descripcion}}</option>
                                        @endforeach 
                                    </select>
                                    <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                </div>
                            </div>
                        </div> 
                        <div class='col-sm-3'> 
                            Pedido SAP
                            <div class="form-group">
                                <div class='input-group'>
                                    <input type='text' name="txtPedidoSap" id='txtPedidoSap'  class="form-control" value="{{ $cargue->pedido_sap }}"  />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                    
                                </div>
                            </div>
                        </div>

                        <div class='col-sm-3'>
                            Comentarios
                            <div class="form-group">
                                <div class='input-group'>
                                    <textarea type='text' name="txtComentario" id='txtComentario' class="form-control" size="30" style="height: 100px !important;" >{{ $cargue->comentario }}</textarea>
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-edit"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                </div>
                
                        <!--  fin -->
                    <p><br></p><br />
                    <div class="row">
                        <div class="col-md-12 col-md-push-5">
                            <div class="gifCarga">
                                <img id="loading_spinner2" style="display:none" src="{{ asset('images/loading.gif') }}">
                                <div id="lblError">...</div>
                            </div>    
                        </div> 
                    </div>

                    @php
                    $i = 1;
                    $nomTab="t".$i;
                    @endphp 

                    <h2><br>Productos</h2>
                    <style>
                        .dProductos {
                            width: 100%;
                            overflow-x: scroll;
                            
                        }
                    </style>
                    <div class='dProductos'>
                        <table id="MyTable" class="table-striped table-bordered" border="1" cellpadding="1" cellspacing="1" >
                            <thead>
                            <tr>
                                <th style="width:175px;">#</th>
                                <th>Material</th>
                                <th style="width:115px; text-align:center;">Unidades</th>
                                <th style="width:115px; text-align:center;">Presentación</th>
                                <th style="width:115px; height:26px; text-align:center;">Volumen</th>
                              {{--  <th style="width:115px; height:26px; text-align:center;">Mes ETD</th>  --}}
                                <th style="width:115px; height:26px; text-align:center;">ETD Cliente</th>
                                <th style="width:115px; height:26px; text-align:center;">ETD Programada</th>                          
                                <th style="width:115px; height:26px; text-align:center;">ETD ReProgramada</th>
                                <th style="width:115px; height:26px; text-align:center;">ETD</th>
                                <th style="width:115px; height:26px; text-align:center;">ETA</th>
                                <th style="width:115px; height:26px; text-align:center;">Factura</th>
                                <th style="width:115px; height:26px; text-align:center;">Observación </th>                    
                            </tr>
                            </thead>

                            <tbody>
                                @foreach($det as $dt)
                                <tr>
                                @php( $num =$num +1 )
                                    {{-- Se elimina del nombre de los campos te la tabla de productos {{ $nomTab }} --}}
                                    <td><input style="width:250%; height:34px" name="txtN1" id="txtN1" type="text" value="{{$num}}" readonly> 
                                    <input type="hidden" name="txtId{{ $num }}" value="{{ $dt->id }}"></td>
                                    <td>
                                        <select name="cboMaterial{{$num}}" id="cboMaterial{{$num}}" style="width:200px; height:35px"  class="form-control"> 
                                            @foreach( $materi as $fil )
                                            <option value="{{$fil->id}}" @if($fil->id==$dt->id_material ) selected="selected" @endif >{{ $fil->codigo ." - ".  $fil->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    
                                    
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtU{{$num}}"     id="txtU{{$num}}"   type="text"   step="0.01" onBlur = "PerderFoco(this);" value="{{ $dt->unidades }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtP{{$num}}"     id="txtP{{$num}}"   type="text"   onBlur = "PerderFoco(this);" value="{{ $dt->presentacion }}"> </td>
                                    <td><input class="form-control" style="width:110px; height:34px" name="txtV{{$num}}"     id="txtV{{$num}}"   type="text"   onBlur = "PerderFoco(this);" value="{{ $dt->volumen }}"> </td>
                                   {{--<td>
                                        <select name="{{$nomTab}}cboMETD{{$num}}" id="{{$nomTab}}cboMETD{{$num}}" style="width:100px; height:34px"  class="form-control"> 
                                          
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==1 ) selected="selected" @endif>{{ str_replace(1,"Enero", "Enero") }} </option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==2 ) selected="selected" @endif>{{ str_replace(2,"Febrero", "Febrero") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==3 ) selected="selected" @endif>{{ str_replace(3,"Marzo", "Marzo") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==4 ) selected="selected" @endif>{{ str_replace(4,"Abril", "Abril") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==5 ) selected="selected" @endif>{{ str_replace(5,"Mayo", "Mayo") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==6 ) selected="selected" @endif>{{ str_replace(6,"Junio","Junio") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==7 ) selected="selected" @endif>{{ str_replace(7,"Julio","Julio") }}</option>    
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==8 ) selected="selected" @endif>{{ str_replace(8,"Agosto", "Agosto") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==9 ) selected="selected" @endif>{{ str_replace(9,"Septiembre", "Septiembre") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==10) selected="selected" @endif>{{ str_replace(10,"Octubre", "Octubre") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==11) selected="selected" @endif>{{ str_replace(11,"Noviembre","Noviembre") }}</option>
                                            <option value="{{$dt->id}}"  @if($dt->mes_etd==12) selected="selected" @endif>{{ str_replace(12,"Diciembre", "Diciembre") }}</option>
                                                                             
                                        </select>
                                    </td>--}}
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtETDC{{$num}}"         id="txtETDC{{$num}}"          type="date"  value="{{ $dt->etd_cliente }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETDP{{$num}}"         id="txtETDP{{$num}}"          type="date" value="{{ $dt->etd_programada }}"> </td>                        
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETDR{{$num}}"         id="txtETDR{{$num}}"          type="date" value="{{ $dt->etd_reprogramada }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:35px"  name="txtETD{{$num}}"          id="txtETD{{$num}}"           type="date" value="{{ $dt->etd }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtETA{{$num}}"          id="txtETA{{$num}}"           type="date" value="{{ $dt->eta }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtFactura{{$num}}"      id="txtFactura{{$num}}"       type="text" value="{{ $dt->factura }}"> </td>
                                    <td><input class="form-control" style="width:100%; height:34px"  name="txtObservacion{{$num}}"  id="txtObservacion{{$num}}"   type="text" value="{{ $dt->observacion }}"> </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <table  border="0"  class="table-striped table-bordered" cellpadding="0" cellspacing="0" style="width:100%; border-left:0px; box-shadow:none">
                        <tr>
                            <td align="right" style="text-align:right"><input style="width:30px;" id="txtCanti" name="txtCanti" type="text" value="{{$num}}"></td>
                            
                        </tr>
                    </table>
        

                    <table  border="1" cellpadding="0" cellspacing="0" style="border:1px solid #d3dfef; width:100%">
                        <tr valign="top">
                            <td valign="top">
                            @if(Auth::user()->operacion_ex=="E") 
                            <a style="margin: 10px 0;" href="javascript:AgregarActividad();"><img src="{{ asset('images/add.png') }}" title="Agregar Registro" width="25" height="25" />Agregar Registro</a>
                            <a style="margin: 10px 0;" href="javascript:DuplicarRegistro();"><img src="{{ asset('images/add.png') }}" title="Duplicar Registro" width="25" height="25" />Duplicar Registro</a>
                            <a style="margin: 10px 0;" href="javascript:EliminarActividad();"><img src="{{ asset('images/delete.png') }}" title="Eliminar Registro" width="25" height="25" />Eliminar Registro</a>
                            @endif 
                           </td>
                            <td>
                            <button class="btn btn-success" type="reset">Limpiar</button>
                            @if(Auth::user()->operacion_ex=="E") 
                             <button type="submit" class="btn btn-primary shadow-sm">Guardar</button>
                            @endif
                            <a href="{{ route('rexpedido.index') }}" class="btn btn-warning shadow-sm" >Cancelar</a>
                            </td>
                        </tr>
                    </table>
                    
                {{--  fin encabezado--}}               
            </div>
        </div>
    </div>
</form>

<script>
    // In your Javascript (external .js resource or <script> tag)
    $(document).ready(function() {
    });
</script>

<style>
  .dataTables_filter {
    display: none;
  }
  .datatables_length {
    display: none;
  }
  #datatable_length {
    display: none;
  }
  .dataTables_paginate{
    display: none;
  } /*paging_simple_numbers*/
  .dataTables_info{
    display: none;
  }
</style>

<script>

    var i = '{{ $num }}';
    var newaddress;
  
     function AgregarActividad() {
        // alert('agrega' + i);

         $("#lblError").text("");     
         if (i < 151) {
             i++;  
             var nom = "cboMaterial" + i            
             $("#txtCanti").val(i);  
             var newaddress = $("#MyTable tbody tr:first").eq(0).clone();
             newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId1',             'txtId' + i);
                this.name = this.name.replace('txtN1',              'txtN' + i);
                 this.name = this.name.replace('txtU1',             'txtU' + i);
                 this.name = this.name.replace('txtP1',             'txtP' + i);
                 this.name = this.name.replace('txtV1',             'txtV' + i);
                // this.name = this.name.replace('cboMETD1',          'cboMETD' + i);
                 this.name = this.name.replace('txtETDC1',          'txtETDC' + i);
                 this.name = this.name.replace('txtETDP1',          'txtETDP' + i);
                 this.name = this.name.replace('txtETDR1',          'txtETDR' + i);
                 this.name = this.name.replace('txtETD1',           'txtETD' + i);
                 this.name = this.name.replace('txtETA1',           'txtETA' + i);
                 this.name = this.name.replace('txtFactura1',        'txtFactura' + i);
                 this.name = this.name.replace('txtObservacion1',   'txtObservacion' + i); 

                 this.id = this.id.replace('txtId1',                'txtId' + i);
                 this.id = this.id.replace('txtN1',                 'txtN' + i);
                 this.id = this.id.replace('txtU1',                 'txtU' + i);
                 this.id = this.id.replace('txtP1',                 'txtP' + i);
                 this.id = this.id.replace('txtV1',                 'txtV' + i);
                 this.id = this.id.replace('txtETDC1',              'txtETDC' + i);
                 this.id = this.id.replace('txtETDP1',              'txtETDP' + i);
                 this.id = this.id.replace('txtETDR1',              'txtETDR' + i);
                 this.id = this.id.replace('txtETD1',               'txtETD' + i);
                 this.id = this.id.replace('txtETA1',               'txtETA' + i);
                 this.id = this.id.replace('txtFactura1',           'txtFactura' + i);
                 this.id = this.id.replace('txtObservacion1',       'txtObservacion' + i);           
                 if (this.name == 'txtN' + i) {
                     $(this).val(i);
                 } else {
                     $(this).val(0);
                 }
             }); 
             newaddress.find("select#cboMETD1").each(function () {
                nom = "cboMETD" + i
                $(this).val(0);
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable"); 

             newaddress.find("select#cboMaterial1").each(function () {
                 nom = "cboMaterial" + i
                 $(this).val(0);
             }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");          
         }
     }
 
     function DuplicarRegistro() {
       // alert('duplica' + i);
      
       $("#lblError").text("");
        if (i < 151) { 
            ant = i; 
            i++;
            var nom = "cboMaterial" + ant
            $("#txtCanti").val(i);
            var newaddress = $("#MyTable tbody tr:last").eq(0).clone();
            newaddress.find('input').each(function () {
                this.name = this.name.replace('txtId'+ant,                'txtId' + i);
                this.name = this.name.replace('txtN'+ant,                 'txtN' + i);
                this.name = this.name.replace('txtU'+ant,                 'txtU' + i);
				this.name = this.name.replace('txtP'+ant,                 'txtP' + i);
                this.name = this.name.replace('txtV'+ant,                 'txtV' + i);
                this.name = this.name.replace('txtETDC'+ant,              'txtETDC' + i);
                this.name = this.name.replace('txtETDP'+ant,              'txtETDP' + i);
                this.name = this.name.replace('txtETDR'+ant,              'txtETDR' + i);
                this.name = this.name.replace('txtETD'+ant,               'txtETD' + i);
                this.name = this.name.replace('txtETA'+ant,               'txtETA' + i);
                this.name = this.name.replace('txtFactura'+ant,           'txtFactura' + i);
                this.name = this.name.replace('txtObservacion'+ant,       'txtObservacion' + i);

                this.id = this.id.replace('txtId'+ant,                'txtId' + i);              
				this.id = this.id.replace('txtN'+ant,                 'txtN' + i);
                this.id = this.id.replace('txtU'+ant,                 'txtU' + i);
				this.id = this.id.replace('txtP'+ant,                 'txtP' + i);
                this.id = this.id.replace('txtV'+ant,                 'txtV' + i);
                this.id = this.id.replace('txtETDC'+ant,              'txtETDC' + i);
                this.id = this.id.replace('txtETDP'+ant,              'txtETDP' + i);
                this.id = this.id.replace('txtETDR'+ant,              'txtETDR' + i);
                this.id = this.id.replace('txtETD'+ant,               'txtIMO' + i);
                this.id = this.id.replace('txtETA'+ant,               'txtETA' + i);
                this.id = this.id.replace('txtFactura'+ant,           'txtFactura' + i);
                this.id = this.id.replace('txtObservacion'+ant,       'txtObservacion' + i);         
                if (this.name =='txtN' + i) {                
                    $(this).val(i);
                }else if (this.name == 'txtId' + i) {                   
                    $(this).val(0);
                }
            });  
            newaddress.find("select#cboMETD"+ ant).each(function () {
                nom = "cboMETD" + i             
                $(this).val( $('#cboMETD'+ant).val());
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");

            newaddress.find("select#cboMaterial"+ ant).each(function () {
                nom = "cboMaterial" + i             
                $(this).val( $('#cboMaterial'+ant).val());
            }).attr({ name: nom, id: nom }).end().appendTo("#MyTable");
        } 
    } 

    function EliminarActividad() {
        //alert('hola' + i);
        $("#lblError").text("");
        if (i > 1) {
            var id= $('#txtId' + i).val();
            $("#MyTable tr:last").remove();
            i--;
            $("#txtCanti").val(i);
            if(id>0 && confirm("Desea eliminar este registro")) {
                realizaProceso(id);
            }
           
        }
    }

 
 

 </script>

@endsection