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

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

            .nav-md, .container {
                width:1500px !important;
            }
        </style> --}}
    
    <center>
    
        <h2 class="h2 ">Reportes Personalizados</h1>
    </center>
     
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
              
                <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 class="row">
            <div class="col-md-12 col-xs-12"> 
                              
                    @php $opcion = 0; $desde = null; $hasta = null; $verfecha = "none"; @endphp           
                    @php if(isset($idrepo)) $opcion = $idrepo; @endphp
                    @php if(isset($fini))   $desde = $fini;  $verfecha="";  @endphp
                    @php if(isset($ffin))   $hasta = $ffin;    @endphp
                
                    <form class="form-horizontal" method="post" action="{{action('ExReportesController@search') }}">   
                        @csrf
                        <div class="form-group"> 
                               <label class="col-lg-4 control-label" for="codigo"></label>
                                <div class="col-lg-5">      
                                <select name="cboReport" id="cboReport" class="form-control"  class="col-lg-3 control-label" required>  
                                   <option value="0">Seleccione una Opcion</option> 
                                    @foreach ($report as $fil)
                                        <option {{($opcion == $fil->id)?'selected':''}} value="{{$fil->id}}">{{$fil->nombre}}</option>
                                    @endforeach
                                    
                                </select> 
                               
                                <br>
                                {{-- @if(session('GrupoEmpresarial') ==2 or session('GrupoEmpresarial')==6 )  --}} 
                                <div id="pnlFiltro" style="display: none">
                                    <label  for="dtpFechaIni" id="FechaIni">Fecha</label>                              
                                    <input type='date' name="dtpFechaIni" id="dtpFechaIni" class="control-label" value="{{$desde}}" required/> 
                                    
                                    <label for="dtpFechaFin" id="FechaFin">Hasta</label> 
                                    <input type='date' name="dtpFechaFin" id="dtpFechaFin" class="control-label" value="{{$hasta}}" required/> 
                                </div>
                                {{-- @endif --}}  
                                 <br>
                                <br>
                                <button type="submit"class="col-lg-12 btn btn-sm btn btn-primary shadow-sm">Generar Reporte</button>
                                
                            </div>
                        </div>
                        
                </form>
            
            </div>
        </div>
        
                    </div>
                </div>
            </div>
        </div>
    </div><br>
    @if(count($tabla) >0)
    <a href="/exportExReporte/{{$idrepo}}" class="d-none d-sm-inline-block btn btn-sm btn-success shadow-sm"><i class="fa fa-download fa-sm text-white-3"></i> Exportar Reporte</a>
    <h2>{{ $titulo }}</h2>
      
    
    
    <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
             <div class="x_title">
               <h2>Orden de Compra<small>....</small></h2>
               <ul class="nav navbar-right panel_toolbox">

                 <li class="dropdown">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>

                 </li>
                 <!-- <li><a class="close-link"><i class="fa fa-close"></i></a>
                 </li> -->
                 <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="table-container">
                              <table id="datatable" class="table table-bordred table-striped table-sm" >
                                <thead>
                                    @if(count($columname))                                    
                                        @foreach($columname as $fil)                                          
                                            <th align="center"><center><strong>{{ $fil }}</strong></center></th>                                          
                                        @endforeach                             
                                     @endif
                                </thead>
                                <tbody> 
                                @if(count($tabla))
                                    @foreach($tabla as $fil)  
                                        <tr >                                              
                                            @foreach($fil as $nombre  => $key )  
                                                <td align="center">{{ $key }}</td>          
                                            @endforeach   
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="8">No hay registro !!</td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>        
            </div>
             
   @endif

   <script type="text/javascript">
       $(document).ready(function(){ 
        $.ajax({
                 url:'/rexvalidar/', //RUTA
                 data:'id='+$("#cboReport").val(), //ENVIAR ID
                 beforeSend: function () {
                 },
                 success:function(res){
                     if(res =="Si"){ //VALIDACION
                         $("#pnlFiltro").show();
                         $('#dtpFechaIni').prop('required',true);
                         $('#dtpFechaFin').prop('required',true);
                     }else{
                         $("#pnlFiltro").hide();
                         $('#dtpFechaIni').prop('required',false);
                         $('#dtpFechaFin').prop('required',false);
                     }
                 }
             });
       })

    $(function() 
     {
     $("#cboReport").change(function() 
         {
             $.ajax({
                 url:'/rexvalidar/', //RUTA
                 data:'id='+$("#cboReport").val(), //ENVIAR ID
                 beforeSend: function () {
                 },
                 success:function(res){
                     if(res =="Si"){ //VALIDACION
                         $("#pnlFiltro").show();
                         $('#dtpFechaIni').prop('required',true);
                         $('#dtpFechaFin').prop('required',true);
                     }else{
                         $("#pnlFiltro").hide();
                         $('#dtpFechaIni').prop('required',false);
                         $('#dtpFechaFin').prop('required',false);
                     }
                 }
             });
         });
 }); 

</script>
@endsection