@extends('layouts.planti')
@section('contenido')
@if(Session::has('success'))
<div class="alert alert-info">
    {{Session::get('success')}}
</div>
@endif
@php $oculto = true @endphp
<div class="row">
    <div class="col-md-12 col-sm-12 ">
        <!-- INICIO ENCABEZADO ------------------------------------------------------ -->
        {{-- @if(count($query)>0 )
            @foreach($query as $fil) --}}
                <h4 >Importaciones pagos realizados por Adama al exterior<br>
            {{-- @endforeach
         @endif --}}
        <!-- FIN ENCABEZADO ------------------------------------------------------ -->
        <br>
        <div id = "" class="col-md-12 col-sm-12" role="tabpanel" aria-labelledby="headingOne">
            <Form action = "{{ asset('rcalculonumeralesrh') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                @csrf
                <div class="panel-body negro">
                    <table style = "width: 100%">
                        <tr>
                            <td class="abajo">
                                <input type = "text" id="txtBuscar" name="txtBuscar" class="form-control" value="" placeholder="Numero de Factura" required>
                            </td>
                            <td class="abajo">
                                <button class="btn btn-success sinm"><span class="fa fa-search"></span>&nbsp;Buscar</button>
                            </td>
                        </tr>
                        <tr> <td> <br></td></tr>
                    </table>
                </div>
            </form>
        </div>
        <div class="x_panel">
            <div class="x_title">
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box table-responsive">
                             <table id = "datatable" class="tabla table table-hover" style="color:dimgray">
                                <thead>
                                     <th> <center>Nro Factura</center></th>
                                      <th> <center>Fecha Fecha Estracto</center></th>
                                     <th> <center>Fecha Documento Transporte</center></th>
                                     <th><center>Días Extracto vs Doc Embarque</center></th>
                                     <th><center>Numeral</center></th> 
                                     <th><center>Calcular</center></th> 
                                     


                                </thead>
                                <tbody>
                                    @if(count($SQL)>0 )
                                        @foreach($SQL As $fil)
                                            <tr>
                                                <td align ="center">{{ $fil->nro_factura }}</td>
                                                <td align ="center"> <input type = "date" id="dtpFechaExtracto" name="dtpFechaExtracto"></td>
                                                <td align ="center"> <input type = "date" id="dtpFechaBL" name="dtpFechaBL"></td>
                                                <td align ="center"><input type="text"   id="dias" name="dias" readonly="readonly" value=""></td>
                                                {{-- @if () --}}
                                                <td align ="center"></td>
                                                {{-- @endif --}}
                                                <td align ="center">
                                                   
                                                    <input type="submit" onclick="javascript:Calcular()" class="btn btn-success btn-xs">
                                                </td>
                                               
                                                
                                            </tr>
                                        @endforeach
                                    @else
                                          <tr>
                                              <td colspan = "8">No hay registro !!</td>
                                          </tr>
                                    @endif
                                </tbody>
                            </table> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
function Calcular(){
    //alert("entra");
    var fechaextracto = $('#dtpFechaExtracto').val();
    var fechabl = $('#dtpFechaBL').val();
    var fechadesde = new Date(fechaextracto).getTime();
    var fechahasta = new Date(fechabl).getTime();
    var diff = fechadesde - fechahasta;
    var dias =diff/(1000 * 60 * 60 * 24);
    
    console.log(dias);



}
</script>
@endsection