@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        
                        <div class="page-title text-primary">Listado a Conciliar - {{$data->cobro_planilla_nombre}}</div>
                        
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-users"></i>&nbsp;<a class="parent-item" href="{{ url('pagos/debito_automatico/listado_no_conciliados') }}">Listado a Conciliar</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                    </ol>
                    
                </div>
                
            </div>
            <div class="row">
              <div class="col-md-12 mb-3">
                <div class="float-right">
                  <a onclick="conciliacion_definitiva('{{$data->cobro_planilla_id}}')" class="btn bg-success text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Concilia definitivamente el listado. Despues de la conciliacion definitiva no se pueden realizar cambios."><i class="fa fa-handshake-o"></i> Conciliación Definitiva</a>
                  <a onclick="cancelar_conciliacion('{{$data->cobro_planilla_id}}')" class="btn bg-danger text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Cancela la conciliacion y la deja en estado generada para que se pueda realizar de nuevo la conciliación."><i class="fa fa-ban"></i>Cancelar Conciliación</a>
                  <a href="{{url('pagos/asociacion/historico/lista')}}" class="btn btn-warning"><i class="fa fa-chevron-left"></i>Volver a Lista</a>
                </div>
              </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
               <div class="col-md-12">
                 <div class="card">
                   <div class="card-body">

                    <div class="row">
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                             <b>Código</b><br>
                              <a>
                                {{$data->cobro_planilla_codigo}}
                              </a>
                          </li>
                           <li class="list-group-item">
                             <b>Valor enviado a cobrar</b><br>
                              <a>
                                {{$data->cobro_planilla_valor}}
                              </a>
                          </li>
                          <li class="list-group-item">
                             <b>Valor Registros no Identificados (0 Registros)</b><br>
                              <a></a><br>
                          </li>
                          <li class="list-group-item">
                             <b>Estado</b><br>
                              <a>
                                {{$model->estados($data->cobro_planilla_estado)}}
                              </a>
                          </li>
                        </ul>
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                               <b>¿Banco Popular?</b><br>
                              <a>
                                @if($data->cobro_planilla_banco_popular)
                                  SI
                                @else
                                  NO
                                @endif
                              </a><br>
                          </li>
                          <li class="list-group-item">
                             <b>Valor a Conciliar (1 Registros)</b><br>
                              <a>
                                
                              </a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Total Cargado (1 Registros) <i class="fa fa-info-circle" data-bs-toggle="tooltip" data-bs-placement="top" title="Es la suma del Valor a Conciliar mas el Valor Transacciones Fallidas mas el Valor Registros no Identificados."></i></b><br>
                            <a>
                              
                            </a>
                          </li>
                        </ul>                       
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                             <b>Fecha Inicial</b><br>
                              <a>{{$data->cobro_planilla_periodo}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Actual Impuesto</b><br>
                            <a></a><br>
                          </li>
                          <li class="list-group-item">
                              <b>Fecha Inicio Proceso</b><br>
                              <a></a>
                          </li>
                        </ul>
                      </div>
                      <div class="col-3">
                        <ul class="list-group list-group-unbordered mb-3">
                          <li class="list-group-item">
                            <b>Fecha Final</b><br>
                            <a>{{$data->cobro_planilla_periodofin}}</a><br>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Transacciones Fallidas (0 Registros)</b><br>
                            <a>
                              
                            </a>
                          </li>
                          <li class="list-group-item">
                            <b>Fecha Creacion</b><br>
                            <a>
                              
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>                     
                   </div>
                 </div>
               </div>

               <div class="col-md-12">
                    <div class="card">
                      <div class="card-header p-2">
                        <ul class="nav nav-pills">
                          <li class="nav-item"><a class="nav-link active" href="#pagos_exitosos" data-toggle="tab"><i class="fa fa-handshake-o"></i> Pagos Exitosos</a></li>
                          <li class="nav-item"><a class="nav-link" href="#transacciones_fallidas" data-toggle="tab"><i class="fa fa-ban"></i> Transacciones fallidas</a></li>
                          <li class="nav-item"><a class="nav-link" href="#registros_no_identificados" data-toggle="tab"><i class="fa fa-times"></i> Registros No Identificados</a></li>
                          <li class="nav-item"><a class="nav-link" href="#adjuntos_listado" data-toggle="tab"><i class="fa fa-paperclip"></i> Adjuntos Listado</a></li>
                        </ul>
                      </div><!-- /.card-header -->
                      <div class="card-body">
                        <div class="tab-content">
                          <div class="active tab-pane" id="pagos_exitosos">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>#</th>
                                        <th>Contrato # / id FM</th>
                                        <th>Fecha Inicio Contrato</th>
                                        <th>Documento Cliente</th>
                                        <th>Cliente</th>
                                        <th>Número Tarjeta</th>
                                        <th>Servicio</th>
                                        <th>Cuota</th>
                                        <th>Fecha Aplicación</th>
                                        <th>Limite</th>
                                        <th>Transacción</th>
                                        <th>Valor a Cobrar</th>
                                        <th>Valor a Conciliar(Sin Impuesto)</th>
                                        <th>Valor Impuesto</th>
                                        <th>Valor a Conciliar + Impuesto</th>
                                        <th>Valor Adicional</th>
                                        <th>Total a Conciliar</th>
                                        <th>Total a Conciliar</th>
                                        <th>Observacion Pago</th>
                                        <th></th>
                                      </tr>
                                      <tr>
                                        <th></th><!--#-->
                                        <th>
                                           {!! Form::text('codigo',null,['placeholder'=>'codigo','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'codigo')"]) !!}
                                        </th><!--Contrato # / id FM<-->
                                        <th>
                                          {!! Form::date('fecha_contrato',null,['id'=>'fecha_contrato','class'=>'form-control','onkeyup'=>"buscar(event,'fecha_contrato')",'placeholder'=>'']) !!}
                                        </th><!--Fecha Inicio Contrato-->
                                        <th></th><!--Documento Cliente-->
                                        <th>
                                          {!! Form::select('cliente', [], null, ['id'=>'cliente','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'cliente')"])  !!}
                                        </th><!--Cliente-->
                                        <th>
                                           {!! Form::text('numero_tarjeta',null,['placeholder'=>'numero_tarjeta','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'numero_tarjeta')"]) !!}
                                        </th><!--Número Tarjeta-->
                                        <th>
                                          {!! Form::select('servicio', [], null, ['id'=>'servicio','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'servicio')"])  !!}
                                        </th><!--Servicio-->
                                        <th></th><!--Cuota-->
                                        <th></th><!--Fecha Aplicación-->
                                        <th></th><!--Limite-->
                                        <th>
                                          {!! Form::text('transaccion',null,['placeholder'=>'transaccion','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'transaccion')"]) !!}
                                        </th><!--Transacción-->
                                        <th>
                                          {!! Form::text('valor_cobrar',null,['placeholder'=>'valor_cobrar','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'valor_cobrar')"]) !!}
                                        </th><!--Valor a Cobrar-->
                                        <th></th><!--Valor a Conciliar(Sin Impuesto)-->
                                        <th>
                                           {!! Form::text('valor_impuesto',null,['placeholder'=>'valor_impuesto','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'valor_impuesto')"]) !!}
                                        </th><!--Valor Impuesto-->
                                        <th>
                                          {!! Form::text('valor_conciliar_impuestos',null,['placeholder'=>'valor_conciliar_impuestos','id'=>'codigo','class'=>'form-control','onkeyup'=>"buscar(event,'valor_conciliar_impuestos')"]) !!}
                                        </th><!--Valor a Conciliar + Impuesto-->
                                        <th></th><!--Valor Adicional-->
                                        <th></th><!--Total a Conciliar-->
                                        <th></th><!--Observacion Pago-->
                                        <th></th><!--Acciones-->
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                        <td colspan="19" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                      
                                    </tbody>
                                  </table>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                          <div class="tab-pane" id="transacciones_fallidas">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <td>Forma de Pago</td>
                                        <td>Fecha</td>
                                        <td>Referencia</td>
                                        <td>Valor</td>
                                        <td>Concepto</td>
                                        <td>Observaciones</td>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                        <td colspan="6" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                          <div class="tab-pane" id="registros_no_identificados">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>Fecha de Pago</th>
                                        <th># Contrato Cargado</th>
                                        <th>Referencia</th>
                                        <th>Nombre Cargado</th>
                                        <th># Factura Cargada</th>
                                        <th>Transacción</th>
                                        <th>Valor Pagado</th>
                                        <th>Valor Comisión</th>
                                        <th>Concepto</th>
                                        <th>Observaciones</th>
                                        <th>Acciones</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                        <td colspan="11" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                           <div class="tab-pane" id="adjuntos_listado">
                            <div class="row">
                              <div class="col-md-12">
                                <div class="tools float-right">
                                  <a class="btn bg-success text-white mb-3" data-toggle="modal" data-target="#agregar_adjunto" ><i class="fa fa-plus"></i>Agregar Adjunto</a>
                                </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-12">
                                <div class="table-responsive">
                                  <table class="table table-wrap">
                                    <thead>
                                      <tr>
                                        <th>#</th>
                                        <th>Nombre Adjunto</th>
                                        <th>Observación</th>
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                        <td colspan="7" class="text-center">No se encontraron resultados.</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.tab-pane -->
                        </div>
                        <!-- /.tab-content -->
                      </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
                <!-- /.col -->  
            </div>
        </div>
    </div>
<!----Enlazar pagos------>
<div class="modal fade" id="modal_enlazar_pago" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="exampleModalLabel">Enlazar Pago</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_cliente">Cliente</label>
            {!! Form::select('m_cliente',[],null,['class'=>'form-control','id'=>'m_cliente','placeholder'=>'Seleccionar','onchange'=>'buscar_contratos()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_contrato">Contrato</label>
            {!! Form::select('m_contrato',[],null,['class'=>'form-control','id'=>'m_contrato','placeholder'=>'Seleccionar','onchange'=>'buscar_servicio()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_servicio">Servicio</label>
            {!! Form::select('m_servicio',[],null,['class'=>'form-control','id'=>'m_servicio','placeholder'=>'Seleccionar','onchange'=>'buscar_cobros()']) !!}  
          </div>
        </div>
        <div class="row col-md-12">
          <div class="col-sm-12">
            <label class="form-label text-color-dark text-3" for="m_cobro">Cobro</label>
            {!! Form::select('m_cobro',[],null,['class'=>'form-control','id'=>'m_cobro','placeholder'=>'Seleccionar']) !!}  
            <input type="hidden" id="con_pend_id" value="0">
          </div>
        </div>
         <div class="row col-md-12">
            {!! Form::mtextAr('motivo',null,'Observaciones',$errors,12,false) !!}
        </div>
      </div>
      <div class="modal-footer text-center">
        <input type="hidden" name="id_registro" id="id_registro" value="0">
        <button onclick="generar_cobros()" type="button" class="btn bg-success text-white"><i class="fa fa-save"></i> Guardar</button>
        <button type="button" class="btn btn-warning" data-dismiss="modal"><i class="fa fa-ban"></i> Cancelar</button>
      </div>
    </div>
  </div>
</div>
<!----Modal Agregar Adjunto------>
<div class="modal fade" id="agregar_adjunto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="exampleModalLabel">Agregar Adjunto</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
      </div>
      {!! Form::open(['url' => 'pagos/debito_automatico/listado_no_conciliados/adjuntos','method'=>'POST','role'=>'form','id'=>'frmContratos','enctype'=>'multipart/form-data']) !!}
      <div class="modal-body">
        <div class="row col-md-12">
          {!! Form::mtext('nombre',null,'Nombre Adjunto',$errors,12,true,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
        </div>
        <div class="row col-md-12">
          <div class="row col-md-12">
            <label for="foto" class="form-label">Archivo</label>
            <input type="file" class="form-control" name="archivo" id="archivo">
          </div>
        </div>
        <div class="row col-md-12">
          {!! Form::mtextAr('observaciones',null,'Observaciones',$errors,12) !!}
        </div>
      </div>
      <div class="modal-footer text-center">
        <input type="hidden" name="id_registro" id="id_registro" value="{{$data->cobro_planilla_id}}">
        <button type="submit" class="btn btn-primary"><!--<i class="fa fa-times"></i>--> Guardar</button>
        <button type="button" class="btn btn-warning" data-dismiss="modal"><!--<i class="fa fa-times"></i>--> Cancelar</button>
      </div>
      {!! Form::close() !!}
    </div>
  </div>
</div>
@endsection
@section('script')
    <script type="text/javascript">
      function conciliacion_definitiva(id){
        Swal.fire({
              title: 'Confirmar',
              text: '¿Está seguro de realizar la conciliación definitiva?',
              icon: 'question',
              showCancelButton: true,
              confirmButtonText:`<i class="fa fa-check"></i> De Acuerdo`,
              cancelButtonText:'<i class="fa fa-ban"></i> Cancelar',
              confirmButtonColor: '#3085d6'
            }).then((result) => {
              if (result.isConfirmed){
                   $.ajax({
                        type: "POST",
                        url: "{{asset('').'pagos/debito_automatico/registros_conciliados/ajax'}}",
                        data: { "_token": "{{ csrf_token() }}", opcion: 'conciliacion_definitiva', id : id },
                        success: function (res) {
                            console.log(res);
                          if(res){
                             Swal.fire({
                              icon: 'success',
                              title: 'Éxito.',
                              text: 'Registro actualizado correctamente.',
                            });
                          }
                        },
                        dataType: "json"
                    });
              }
            });
        console.log('conciliacion_definitiva'+id);
      }
      function cancelar_conciliacion(id){
        Swal.fire({
              title: 'Confirmar',
              text: '¿Esta seguro que desea cancelar el proceso de conciliación?',
              icon: 'question',
              showCancelButton: true,
              confirmButtonText:`<i class="fa fa-check"></i> De Acuerdo`,
              cancelButtonText:'<i class="fa fa-ban"></i> Cancelar',
              confirmButtonColor: '#3085d6'
            }).then((result) => {
              if (result.isConfirmed){
                   $.ajax({
                        type: "POST",
                        url: "{{asset('').'pagos/debito_automatico/registros_conciliados/ajax'}}",
                        data: { "_token": "{{ csrf_token() }}", opcion: 'cancelar_conciliacion', id : id },
                        success: function (res) {
                            console.log(res);
                          if(res){
                             Swal.fire({
                              icon: 'success',
                              title: 'Éxito.',
                              text: 'Cancelación realizada correctamente.',
                            }).isConfirmed.then((result) => {
                              window.location.reload();
                            })
                          }
                        },
                        dataType: "json"
                    });
              }
            });
        console.log('conciliacion_definitiva'+id);
      }
    </script>
@endsection