@extends('menu/menu')

{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js%22%3E</script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
{{-- <link  href="{{ asset('css/a&a_style.css') }}" href="a&a_style.css" rel="stylesheet" type="text/css"> --}}

@section('content')

@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif

<form action="{{route('go.filtrar_pdf_instalacion')}}" method="post">
    @csrf
  <div class="container-fluid">
    <div class="container">
    <!-- BARRA DE BUSQUEDA -->
      <h1 style="margin-top: 50px">Instalación</h1>
    <div class="row reex" style="height: auto">
        <div class="container col-12" style="margin-top: 10px">
            <h2><strong>Filtrar por</strong></h2>
          </div>
          <!-- Fecha Instalación-->
            <div class="container col-sm form-group" style="padding-right: 2px;">
              <label for="datepicker"><h2>Fecha inicio</h2></label>
              <input type="date" class="form-control" id="datepicker" name="datepicker">
          </div>
            <div class="container col-sm form-group " style="padding-right: 5px;">
              <label for="datepicker2"><h2>Fecha fin</h2></label>
              <input type="date" class="form-control" id="datepicker2" name="datepicker2">
          </div>

            <!--AQUI SE CARGA EL SELECT DE PROYECTO-->
            <div class="container col-sm form-group"  style="padding-right: 2px;">
                <label for="clientes"><h2>Clientes</h2></label>
                {{-- <select id="proyectos" name="proyectos"   class="custom-select col-mb-3">
                    <option value="" selected>seleccionar</option>
                            @if(!empty($proyectos))
                        @foreach ($proyectos  as $los_datos3)
                            <option value="{{$los_datos3->id_proyecto}}">{{$los_datos3->nombre." (".$los_datos3->razon_social.")" }}  </option>
                        @endforeach

                    @endif

            </select> --}}
                    <select  class="custom-select mb-3" id="clientes" name="clientes">
                        <option  selected disabled>seleccionar</option>
                        @foreach ($carga_selectClientes as $clientes)
                        <option  value="{{ $clientes->sCliente }}">{{ $clientes->sCliente }}
                        </option>
                        @endforeach
                    </select>
            </div>
            <!--FIN SELECT DE PROYECTO-->


            <!--AQUI SE CARGA EL SELECT DE REGION-->
            <div class="container col-sm form-group"  style="padding-right: 2px;">
                <label for="region"><h2>Region</h2></label>
                <select  id="region" name="region" class="custom-select mb-3">
                    <option  selected disabled>seleccionar</option>
                    @foreach ($regiones as $region)
                    <option  value="{{ $region->sRegion }}">{{ $region->sRegion }}
                    </option>
                    @endforeach
                </select>
            </div>
            <!--FIN SELECT DE REGION-->


            <!--AQUI SE CARGA EL SELECT DE COMUNA-->
            <div class="container col-sm form-group"  style="padding-right: 2px;">
                <label for="comuna"><h2>Comuna</h2></label>
                <select id="comuna" name="comuna" class="custom-select mb-3">
                    <option  selected disabled>seleccionar</option>
                    @foreach ($comunas as $comuna)
                    <option  value="{{ $comuna->sComuna }}">{{ $comuna->sComuna  }}
                    </option>
                    @endforeach
                </select>
            </div>


            <!--AQUI SE CARGA EL SELECT DE direccion-->
            <div class="container col-sm form-group"  style="padding-right: 2px;">
                <label for="direccion"><h2>Direccion</h2></label>
                <select  class="custom-select mb-3" id="direccion" name="direccion">
                    <option  selected disabled>seleccionar</option>
                    @foreach ($direccion as $direcc)
                    <option  value="{{ $direcc->sDireccion }}">{{ $direcc->sDireccion }}
                    </option>
                    @endforeach
                </select>
            </div>
            <!--FIN SELECT DE direccion-->


            <div class="container col-sm form-group" style="padding-right: 2px;">
              <label for="sc"><h2>CUI</h2></label>
              <input type="" class="form-control" id="sc" placeholder="Código Sucursal" name="sc">
          </div>
          <div class="container col-sm form-group"  style="padding-right: 5px;">
            <label for="Serie"><h2>Serie</h2></label>
            <input type="" class="form-control" id="Serie" name="Serie" placeholder="Nº de Serie">
        </div>
    </div>
    <!-- FIN BARRA DE BUSQUEDA -->
  </div>

      <div class="container" style="margin-top: 20px">
        <button type="submit" class="btn buscar float-sm-right">
    <h3 style="color:#FFFFFF; margin-top: 5px; width: 104px">Buscar</h3>
    </button>
      </div>
  </div>
  </form>

<div class="container" style="margin-top: 100px;margin-bottom:20px  " >
  <a style="color: #00A06F"  target="_blank" href="{{route('go.excel_instalacion') ?? ''}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</a>
</div>


<!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container reex" >
 
  	<div class="conteiner row rein table-responsive-lg" style="border: 5px solid #e8f5fe">
    <table class="table table-bordered table-responsive-lg table-striped table-hover" style="margin: 0" id="gridData">
    <!-- ENCABEZADO -->
            <thead>
              <tr>
                <th ><h3>Fecha instalación</h3></th>
                <th ><h3>Cliente</h3></th>
                <th ><h3>Región</h3></th>
                <th ><h3>Comuna</h3></th>
                <th ><h3>Dirección</h3></th>
                <th ><h3>CUI</h3></th>
                <th ><h3>Serie</h3></th>
                <th ><h3>Estado</h3></th>
                <th ><h3>PDF</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->

    <!-- RESULTADOS -->
            <tbody>
                @if(!empty($rutapdf))
                    @foreach ($rutapdf as $datos)
                    <tr>
                        <td> {{Carbon\Carbon::createFromDate($datos->fecha_instalacion)->format('d-m-Y')}}</td>
                        <td>{{$datos->sCliente}}</td>
                        <td>{{$datos->sRegion}}</td>
                        <td>{{$datos->sComuna}}</td>
                        <td> {{$datos->sDireccion}}</td>
                        <td> {{$datos->sCui}}</td>
                        <td>{{$datos->sSerie}}</td>
                        <td>Finalizado</td>
                        <td style="text-align: center">
                            <a  href="{{route('go.donwload',$datos->url_pdf)}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        </td>
                    </tr>
                    @endforeach
                @endif



            </tbody>
            <!-- FIN RESULTADOS -->
    </table>
    @if(!empty($retiros))
    {{-- {{$solicitudes->Links()}} --}}
    {{ $retiros->appends(request()->query())->links() }}
    @endif

  </div>
    </div>
  <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>
  @endsection