@extends('app')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
@section('content')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css">


<div class="container-fluid">
  <div class="row">
    <div class="col-md-6">
      <h1 class="dashboard-heading">
        Asesores Mensual
      </h1>
      <h2 class="dashboard-heading">
        Incentivos
      </h2>
    </div>
    @if ($report_fondeo->count() > 0)
    <div class="col-md-3 text-right" style="padding-top: 29px">
      {!! Form::open(['method' => 'POST','url' => url('excelincentivos_report_fondeo_asesores_mensual') ]) !!}
      <div class="form-group">
        <button class="btn btn-primary export-button" type="submit">
          Exportar Reporte <i class="fa fa-file-excel"></i>
        </button>
      </div>
      <input type="hidden" name="report_fondeo" >
      {!! Form::close() !!}
    </div>
    <div class="col-md-3 text-right">
      <button type="button" class="btn btn-primary btn-header" data-toggle="modal" data-target="#pay-manual">
        Fondeo <i class="fa fa-plus" aria-hidden="true"></i>
      </button>
    </div>
    @else
    @endif
  </div>
  @if ($report_fondeo->count() > 0)
  {!! Form::open([
    'method' => 'POST',
    'url' => url('incentivosreportasesoresmensual')
    ]) !!}
    <div class="row">
      <div class="col-sm-2">
        <div class="form-group">
          {!! Form::label('fecha', 'Fecha') !!}
          {!! Form::date('fecha', \Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control'],request()->input('fecha')) !!}
        </div>
      </div>
<!--             <div class="filter-nombre">
                <div class="col-sm-2">
                    <div class="form-group ">
                        <label for="filter-name">Filtrar por Nombre</label>
                        {!! Form::text('name_trabajador', request()->input('name_trabajador'), ['class' => 'form-control', 'id' => 'filter-name']) !!}
                    </div>
                </div>
            </div>
            <div class="filter-identificador">
                <div class="col-sm-2">
                    <div class="form-group">
                        <label for="filter_identificador">Filtrar por Identificador</label>
                        {!! Form::text('identificador_filter', request()->input('identificador_filter'), ['class' => 'form-control', 'id' => 'filter_identificador']) !!}
                    </div>
                </div>
              </div> -->
              <div class="col-sm-4">
                <div class="row">
                  <div class="col-xs-6">
                    <div class="form-group">
                      <label for="">&nbsp;</label>
                      <button id="filter-btn" type="submit" class="btn btn-primary btn-block">
                        <i class="fa fa-fw fa-search"></i> Filtrar
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            {!! Form::close() !!}

            <div class="">
              <table class="table big-table table-striped table-hover big-table table_gas asesoresDatatable">
                <thead>
                  <tr>
                        <!-- <th>DATA</th>
                        <th>NOMBRE DEL TRABAJADOR</th>
                        <th>REGION</th>
                        <th>FECHA</th> -->
                        <th>NOMBRE DEL TRABAJADOR</th>
                        <th>ID TGS SI VALE</th>
                        <th>IDENTIFICADOR</th>
                        <th>NO. TARJETA</th>
                        <th>REGIONES</th>
                        <th>ESTATUS</th>
                        <th>FECHA DE ENVIO</th>
                        <th>MONTO DE FONDEO</th>
                        <th>FECHA DE FONDEO</th>
                        <th>NOMBRE EMPLEADO</th>
                        <th>MES</th>
                        <th>AÑO</th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach($report_fondeo as $report)  
                      <tr>
                        <td><span>{{ json_decode($report->data)->nombre_trabajador }}</span></td>
                        <td><span>{{ json_decode($report->data)->id_tgs_si_vale }}</span></td>
                        <td><span>{{ json_decode($report->data)->identificador }}</span></td>
                        <td><span>{{ json_decode($report->data)->no_tarjeta }}</span></td>
                        <td><span>{{ json_decode($report->data)->region }}</span></td>
                        <td><span>{{ json_decode($report->data)->estatus }}</span></td>
                        <td><span>{{ json_decode($report->data)->fecha_de_envio }}</span></td>
                        <td><span>$</span><span>{{ number_format(json_decode($report->data)->monto_de_fondeo,2) }}</span></td>
                        <td><span>{{ json_decode($report->data)->fecha_de_fondeo }}</span></td>
                        <td><span>{{ json_decode($report->data)->nombre_empleado }}</span></td>
                        <td><span>{{ json_decode($report->data)->mes }}</span></td>
                        <td><span>{{ json_decode($report->data)->anio }}</span></td>
                      </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
                @else
                <div class="alert alert-info">
                  No hay registros que mostrar
                </div>
                @endif
              </div>

              @endsection
              @section('modals')
              <div class="modal fade" id="pay-manual" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <!-- Empieza Formulario --> 
                    {!! Form::open(array('action'=>"reports\IncentivosReportsController@fondeo2")) !!}
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                      <h4 class="modal-title">Fondeo</h4>
                    </div>
                    <div class="modal-body">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            {!! Form::label('no_tarjeta', 'NO. TARJETA:')!!}
                            <select class="form-control select-tarjetas" name="no_tarjeta" id="tarjetas_update">
                              <option selected="true" value="null">Seleccionar tarjeta</option>
                              @foreach($tarjetas as $tarjeta)
                              <option value="{{$tarjeta->no_tarjeta}}">{{$tarjeta->no_tarjeta}}</option>
                              @endforeach
                            </select>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                       <div class="col-md-6">
                        <div class="form-group">
                          {!! Form::label('nombre_trabajador_fondeo', 'NOMBRE DEL TRABAJADOR:')!!}
                          {!! Form::text('nombre_trabajador_fondeo', null, ['class' => 'form-control', 'required' => 'required']) !!}
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          {!! Form::label('identificador', 'IDENTIFICADOR:')!!}
                          {!! Form::text('identificador', null, ['class' => 'form-control','readonly' => 'readonly', 'required' => 'required']) !!}
                        </div>
                      </div>
                    </div>
                    <div class="row">
                     <div class="col-md-6">
                      <div class="form-group">
                        {!! Form::label('id_tgs_si_vale', 'ID TGS SI VALE:')!!}
                        {!! Form::text('id_tgs_si_vale', null, ['class' => 'form-control','readonly' => 'readonly', 'required' => 'required']) !!}
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        {!! Form::label('region_fondeo', 'REGIÓN:')!!}
                        {!! Form::text('region_fondeo', null, ['class' => 'form-control', 'autofocus' => 'autofocus', 'required' => 'required','readonly' => 'readonly']) !!}
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        {!! Form::label('monto_de_fondeo', 'MONTO DE FONDEO:')!!}
                        <div class="input-group">
                          <div class="input-group-addon">$</div>
                          <!-- {!! Form::text('monto_de_fondeo', null, ['class' => 'form-control','clevar']) !!} -->
                          <input type="text" name="monto_de_fondeo" class="form-control clevar" required="true" >
                        </div>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        {!! Form::label('fecha_de_fondeo', 'FECHA DE FONDEO', ['class' => 'control-label']) !!}
                        {!! Form::date('fecha_de_fondeo', Carbon\Carbon::today()->format('Y-m-d'), ['class' => 'form-control', 'required' => 'required', 'autofocus' => 'autofocus']) !!}
                      </div>
                    </div>
                  </div>
                  <input type="hidden" id="id" name="id">
                </div>
                <div class="modal-footer">
                  <button class="btn btn-default" data-dismiss="modal">Cancelar</button>
                  <button class="btn btn-primary" type="submit">Enviar</button>
                </div>
              </div>
              <!-- Termina Formulario -->
              {!! Form::close() !!}
              <!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->
          @endsection
          @section('script')
          <script>
            $(function() {
              var tarjeta;
              $('[name=no_tarjeta]').change(function() {
                tarjeta = $('#tarjetas_update').val();
                axios.get('/fondeo_tarjetas_incentivos', {
                  params: {
                    tarjeta: tarjeta
                  }
                })
                .then(function (response) {
                  console.log(response.data);
                  $('[name=nombre_trabajador_fondeo]').val(response.data.nombre_trabajador);    
                  $('[name=identificador]').val(response.data.identificador);
                  $('[name=id_tgs_si_vale]').val(response.data.id_tgs_si_vale);
                  $('[name=id]').val(response.data.id);
                  $('[name=region_fondeo]').val(response.data.region);
                })
                .catch(function (error) {
                  console.log(error);
                });
              });

            });
          </script>
          <script type="text/javascript">
            $('.clevar').each(function (i, v) {
              new Cleave(v, {
                numeral: true,
                numeralThousandsGroupStyle: 'thousand'
              });
            });

          </script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
          <script>
            $(document).ready(function(){
              $('.select-tarjetas').select2({
                placeholder: 'Select Option',
              });
            });
          </script>
          <script>
            $(document).ready(function(){
              $('.select-tarjetas').select2({
                placeholder: 'Select Option',
              });
            });
          </script>
          <script>
            var seen = {};
            $('table tr').each(function() {
              var txt = $(this).text();
              if (seen[txt])
                $(this).remove();
              else
                seen[txt] = true;
            });
          </script>
          <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
          <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js">    
          </script>
          <script>
            $(document).ready(function() {
              /* Inicializar el dataTable con los datos del reporte de incentivos */

              $(".asesoresDatatable").DataTable({
                language: {
                  "sProcessing":    "Procesando...",
                  "sLengthMenu":    "Mostrar _MENU_ registros",
                  "sZeroRecords":   "No se encontraron resultados",
                  "sEmptyTable":    "Ningún dato disponible en esta tabla",
                  "sInfo":          "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                  "sInfoEmpty":     "Mostrando registros del 0 al 0 de un total de 0 registros",
                  "sInfoFiltered":  "(filtrado de un total de _MAX_ registros)",
                  "sInfoPostFix":   "",
                  "sSearch":        "Buscar:",
                  "sUrl":           "",
                  "sInfoThousands":  ",",
                  "sLoadingRecords": "Cargando...",
                  "oPaginate": {
                    "sFirst":    "Primero",
                    "sLast":    "Último",
                    "sNext":    "Siguiente",
                    "sPrevious": "Anterior"
                  },
                  "oAria": {
                    "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                  }
                },
                processing: true,
                serverSide: true,
                ajax:{
                  'url': "{{ url('getReportAsesores') }}",
        //     "dataSrc" : function(json) {
        //       console.log(JSON.stringify(json.data).replace(/&quot;/g,'"'));
        //     return JSON.stringify(json.data).replace(/&quot;/g,'"');
        // }
      },
      columns: [
      {data: 'data', name: "data"},
      {data: 'nombre_trabajador', name: 'nombre_trabajador'},
            // {data: 'id_tgs_si_vale', name: 'id_tgs_si_vale'},
            // {data: 'identificador', name: 'identificador'},
            // {data: 'no_tarjeta', name: 'no_tarjeta'},
            // {data: 'concepto', name: 'concepto'},
            // {data: 'region', name: 'region'},
            // {data: 'estatus', name: 'estatus'},
            // {data: 'fecha_de_envio', name: 'fecha_de_envio'},
            // {data: 'monto_de_fondeo', name: 'monto_de_fondeo'},
            // {data: 'fecha_de_fondeo', name: 'fecha_de_fondeo'},
            // {data: 'empleado', name: 'empleado'},
            // {data: 'month', name: 'month'},
            // {data: 'year', name: 'year'},

            ]
          });


            });
          </script>

          @endsection