@extends('app')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <h1 class="dashboard-heading">
                Corp Disp Men
            </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') ]) !!}
            <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('incentivosreportcorpdispmen')
    ]) !!}
    <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-responsive">
            <table class="table big-table table-striped table-hover big-table table_gas">
                <thead>
                    <tr>
                        <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@fondeo")) !!}
      <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>
      var seen = {};
$('table tr').each(function() {
  var txt = $(this).text();
  if (seen[txt])
    $(this).remove();
  else
    seen[txt] = true;
});
    </script>

@endsection