@extends('masushuaia.plantilla')

@section('titulo', "$titulo")

@section('scripts')
<link href=https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css rel="stylesheet">
<script src=https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js></script>
@endsection
@section('breadcrumb')
<div class="text-right inline pr-0">
    @if(Patente::autorizarOperacion("EXPORTARSOLICITUDES"))
    <a class="btn-blue py-1 px-4" href="/solicitud/exportarSolicitudes">Exportar Excel</a>
    @endif
    <a class="btn-blue py-1 px-4" href="/solicitudes">Recargar</a>
</div>
@endsection
@section('breadcrumb-list')
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Inicio</a></li>
  <li class="breadcrumb-item active">Solicitudes</li>
</ol>
@endsection
@section('contenido')
<div class="row mb-3 indicadores my-3">
  <div class="col-12">
    <a title="Pendientes" onclick="cargarGrilla(1);" class="btn contenedor pendientes box-shadow mx-2">
      <div class="cantidad">
        {{$cantidad_pendientes->cantidad_pendientes}}
      </div>
      <div class="text-uppercase texto">
        Pendientes totales
      </div>
    </a>
    @if(Patente::autorizarOperacion("BENEFICIARIOCONSULTA"))
    <a title="Pendientes Beneficiarios" onclick="cargarGrilla(1, 1);" class="btn contenedor pendientes box-shadow mx-2">
      <div class="cantidad">
        {{$cantidad_pendientes_beneficiarios->cantidad_pendientes_beneficiarios}}
      </div>
      <div class="text-uppercase texto">
        Pendientes Beneficiarios
      </div>
    </a>
    @endif
    @if(Patente::autorizarOperacion("COMERCIOCONSULTA"))
    <a title="Pendientes Comercios" onclick="cargarGrilla(1, 2);" class="btn contenedor pendientes box-shadow mx-2">
      <div class="cantidad">
        {{$cantidad_pendientes_comercios->cantidad_pendientes_comercios}}
      </div>
      <div class="text-uppercase texto">
        Pendientes Comercios
      </div>
    </a>
    @endif
    @if(Patente::autorizarOperacion("CUPONCONSULTA"))
    <a title="Pendientes Cupones" onclick="cargarGrilla(1, 3);" class="btn contenedor pendientes box-shadow mx-2">
      <div class="cantidad">
        {{$cantidad_pendientes_cupones->cantidad_pendientes_cupones}}
      </div>
      <div class="text-uppercase texto">
        Pendientes Cupones
      </div>
    </a>
    @endif
    <a title="Todos" onclick="cargarGrilla(0);" class="btn contenedor todos pendientes  box-shadow text-center">
      <div class="cantidad">
        {{$cantidad_todos->cantidad_todos}}
      </div>
      <div class="text-uppercase texto">
        Todos
      </div>
    </a>
    <a title="Rechazados" onclick="cargarGrilla(3);" class="btn contenedor rechazados box-shadow mx-2">
      <div class="cantidad">
        {{$cantidad_rechazados->cantidad_rechazados}}
      </div>
      <div class="text-uppercase texto">
        Rechazados
      </div>
    </a>
  </div>
</div>
<div class="row">
    <div class="col-12">
        <div id = "msg"></div>
            </div>
</div>
<table id="grilla" class="display">
    <thead>
        <tr> 
            <th>ID</th>
            <th>Fecha</th>
            <th>Tipo</th>
            <th>Nombre</th>
            <th>Email</th>
            <th>Estado</th>
            <th>País</th>
            <th>Acci&oacute;n</th>
        </tr>
    </thead>
</table> 
<div class="modal fade" id="modalMotivoRechazo" tabindex="-1" role="dialog" aria-labelledby="modalMotivoRechazoLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalMotivoRechazoLabel">Rechazo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="formModal" method="POST">
            <div class="row">
                <div class="col-12 form-group my-3">
                    <label>Motivo rechazo</label>
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                    <textarea name="txtMotivoRechazo" id="txtMotivoRechazo" class="form-control"></textarea>
                    <input id="txtIdSolicitud" type="hidden" name="txtIdSolicitud">
                </div>
            </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        <button type="button" class="btn btn-primary" onclick="fEnviarFormularioRechazo()">Enviar</button>
      </div>
    </div>
  </div>
</div>
<script>

    window.onload= cargarGrilla(1);

    function cargarGrilla(idEstado, tipoSolicitud){
      var estado = idEstado;
      $("#grilla").dataTable().fnClearTable();
      $("#grilla").dataTable().fnDestroy();
      var dataTable = $('#grilla').DataTable({
              "processing": true,
              "serverSide": true,
              "bFilter": true,
              "bInfo": true,
              "bSearchable": true,
              "pageLength": 25,
              "order": [[ 0, "desc" ]],
              "ajax": "{{ route('Solicitudes.cargarGrilla') }}?estado=" + estado + "&tipoSolicitud=" + tipoSolicitud
          });
    }

    function fAccion(idSolicitud){
        accion = $("#lstEstado_" + idSolicitud + " option:selected").val();
        if(accion == "Aprobado"){
          $.ajax({
          type: "GET",
          url: "/solicitud/accion",
          data: { idSolicitud:idSolicitud,
                  accion:accion },
          async: true,
          dataType: "json",
          success: function (data) {
              if(data.accion == "aprobar"){
                  location.reload();
                  $("#grilla").DataTable().ajax.reload();
              }
            }
          });
        }else if(accion == "Rechazado"){
            $('#modalMotivoRechazo').modal('toggle');
            $("#txtIdSolicitud").val(idSolicitud);
            $("#grilla").DataTable().ajax.reload();
        } else if (accion == "Eliminar"){
          fEliminarSolicitud(idSolicitud);
        }
    }

    function fEnviarFormularioRechazo(){
        $("#formModal").submit();
        $('#modalMotivoRechazo').modal('toggle');
    }

    function fEliminarSolicitud(idSolicitud){
      $.ajax({
        type: "GET",
        url: "/solicitud/eliminar",
        data: {idSolicitud: idSolicitud},
        async: true,
        dataType: "json",
        success: function(data){
          console.log(data);
          msgShow(data.MSG, data.ESTADO);
          $("#grilla").DataTable().ajax.reload();
        }
      })
    }

</script>
@endsection