@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <style>
        span.select2-container {
            z-index: 10050;
        }
    </style>
    <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">
                        @if ($data->cobro_planilla_estado == 4)
                            @if (auth()->user()->hasPermissionTo('conciliacion_pagoDebito'))
                                <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>
                            @endif
                            @if (auth()->user()->hasPermissionTo('cancelar-conciliacionPago'))
                                <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>
                            @endif
                        @endif
                        <a href="{{ url('pagos/debito_automatico/listado_no_conciliados') }}" 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>
                                                ₡ {{ number_format($data->cobro_planilla_valor, 2, ',', '.') }}
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <b>Valor Registros no Identificados ({{ $sin_identificar }})</b><br>
                                            <a>
                                                {{ $simbolo_moneda }}
                                                {{ number_format($valor_sin_identificar, 2, ',', '.') }}

                                            </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 ( {{ $conciliados }} )</b><br>
                                            <a>
                                                {{ $simbolo_moneda }} {{ number_format($valor_pagado, 2, ',', '.') }}
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <b>Valor Total Cargado ( {{ $getTransaccionesFallidasCount + $sin_identificar + $conciliados }} ) <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>
                                                @php
                                                    $valor_total_cargado = $valor_sin_identificar + $valor_fallidas + $valor_pagado;
                                                @endphp
                                                {{ $simbolo_moneda }}
                                                {{ number_format($valor_total_cargado, 2, ',', '.') }}
                                            </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>
                                                {{ $simbolo_moneda }} {{ number_format($valor_impuesto, 2, ',', '.') }}
                                            </a><br>
                                        </li>
                                        <li class="list-group-item">
                                            <b>Fecha Inicio Proceso</b><br>
                                            <a>
                                                {{ $data->cobro_planilla_periodo }}
                                            </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 ({{ $getTransaccionesFallidasCount }})</b><br>
                                            <a>
                                                {{ $simbolo_moneda }} {{ number_format($valor_fallidas, 2, ',', '.') }}
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <b>Fecha Creacion</b><br>
                                            <a>
                                                {{ $data->cobro_planilla_fechacreacion }}
                                            </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>
                                                        @if (count($pagos_exitosos) > 0)
                                                            @foreach ($pagos_exitosos as $item)
                                                                <tr>
                                                                    <td>
                                                                        @php
                                                                        $aux = $aux ?? 0;
                                                                            $aux++;
                                                                            echo $aux;
                                                                        @endphp
                                                                    </td>
                                                                    @if ($item->contrato_codigo_fm)
                                                                        <td> {{ $item->contrato_codigo_fm }}</td>
                                                                    @else
                                                                        <td> {{ $item->contrato_codigo }} </td>
                                                                    @endif
                                                                    <td>{{ $item->contrato_fecha_inicial }}</td>
                                                                    <td>{{ $item->cliente_documento }}</td>
                                                                    <td>{{ $item->cliente_apellido1 }}
                                                                        {{ $item->cliente_nombres }}</td>
                                                                    <td>
                                                                        @if (auth()->user()->hasPermissionTo('verInfoCliente-tarjeta'))
                                                                        {{ $item->cliente_tarjeta_numero }}
                                                                        @else
                                                                        {{ '******' }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ $item->servicio_nombre }}</td>
                                                                    <td>{{ $item->cobro_concepto }}</td>
                                                                    <td>{{ $item->cobro_fecha_aplicacion }}</td>
                                                                    <td>{{ $item->cobro_fechalimite }}</td>
                                                                    <td>{{ $item->con_pen_transaccion }}</td>
                                                                    <td>
                                                                        ₡
                                                                        {{ number_format($item->con_pen_valor, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>₡
                                                                        {{ number_format($item->con_pen_valor - $item->con_pen_valor_impuesto, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>₡
                                                                        {{ number_format($item->con_pen_valor_impuesto, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>₡
                                                                        {{ number_format($item->con_pen_valor, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>₡
                                                                        {{ number_format($item->con_pen_valor_adicional, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>₡
                                                                        {{ number_format($item->con_pen_valor + $item->con_pen_valor_adicional, 2, ',', '.') }}
                                                                    </td>
                                                                    <td>
                                                                        {{ $item->con_pen_observaciones }}
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="19" class="text-center">No se encontraron
                                                                    resultados.</td>
                                                            </tr>
                                                        @endif

                                                    </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><strong>Forma de Pago</strong></td>
                                                            <td><strong>Fecha</strong></td>
                                                            <td><strong>Referencia</strong></td>
                                                            <td><strong>Valor</strong></td>
                                                            <td><strong>Concepto</strong></td>
                                                            <td><strong>Observaciones</strong></td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($fallidas as $item)
                                                            <tr>
                                                                <td>{{ $item->forma_pago_nombre }}</td>
                                                                <td>{{ $item->tra_fal_fechacreacion }}</td>
                                                                <td>{{ $item->tra_fal_referencia }}</td>
                                                                <td>₡
                                                                    {{ number_format($item->tra_fal_valor, 2, ',', '.') }}
                                                                </td>
                                                                <td>{{ $item->tra_fal_concepto }}</td>
                                                                <td>{{ $item->tra_fal_observaciones }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                {{ $fallidas->links() }}
                                            </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>
                                                        @if ($sin_identificar > 0)
                                                            @foreach ($sin_identificar_get as $item)
                                                                <tr>

                                                                    <td>{{ gmdate('d-m-Y', $item->con_pen_fecha) }}</td>
                                                                    <td>
                                                                        @if ($item->con_pen_numero_contrato)
                                                                            {{ $item->con_pen_numero_contrato }}
                                                                        @else
                                                                            <p class="text-danger">No definido</p>
                                                                        @endif

                                                                    </td>
                                                                    <td>{{ $item->con_pen_referencia }}</td>
                                                                    <td>
                                                                        @if ($item->con_pen_nombre_cliente)
                                                                            {{ $item->con_pen_nombre_cliente }}
                                                                        @else
                                                                            <p class="text-danger">No definido</p>
                                                                        @endif

                                                                    </td>
                                                                    <td>
                                                                        @if ($item->con_pen_numero_recibo)
                                                                            {{ $item->con_pen_numero_recibo }}
                                                                        @else
                                                                            <p class="text-danger">No definido</p>
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ $item->con_pen_transaccion }}</td>
                                                                    <td>{{ $item->con_pen_valor }}</td>
                                                                    <td>{{ $item->con_pen_valor_comision }}</td>
                                                                    <td>{{ $item->con_pen_concepto }}</td>
                                                                    <td>{{ $item->con_pen_observaciones }}</td>
                                                                    <input type="hidden" name=""
                                                                        id="con_pen_observaciones"
                                                                        value="{{ $item->con_pen_observaciones }}">
                                                                    <td>
                                                                        <a data-toggle="modal" data-target="#exampleModal"
                                                                            data-title="Enlazar Pago con Cobro"><span
                                                                                class="fa fa-link"></span></a>
                                                                    </td>
                                                                </tr>
                                                                <input type="hidden" name="" id="con_pen_id"
                                                                    value="{{ $item->con_pen_id }}">
                                                                <div class="modal fade" id="exampleModal" tabindex="-1"
                                                                    aria-labelledby="exampleModalLabel"
                                                                    aria-hidden="true">
                                                                    <div class="modal-dialog modal-lg">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h5 class="modal-title"
                                                                                    id="exampleModalLabel">Enlazar Pago
                                                                                </h5>
                                                                                <button type="button" class="close"
                                                                                    data-dismiss="modal"
                                                                                    aria-label="Close">
                                                                                    <span aria-hidden="true">&times;</span>
                                                                                </button>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                {{-- how create form form cliente name contract and service? --}}
                                                                                {!! Form::open([
                                                                                    'url' => ['pagos/debito-automatico/enlazar-manual/' . $item->con_pen_id],
                                                                                    'method' => 'POST',
                                                                                    'role' => 'form',
                                                                                    'id' => 'frmContratos',
                                                                                ]) !!}

                                                                                <div class="card-body">
                                                                                    <div class="row col-md-12">

                                                                                        {!! Form::mselect('clienteR', [], null, 'Cliente', $errors, 6, false, true, false, 'consultar_contrato()') !!}

                                                                                        {!! Form::mselect('contrato', [], null, 'Contrato', $errors, 6, false, true, false, 'consultar_servicios()') !!}
                                                                                    </div>
                                                                                    <div class="row col-md-12">
                                                                                        {!! Form::mselect('servicioR', [], null, 'Servicio', $errors, 6, false, true, false, 'consultar_valor()') !!}

                                                                                        {{--  {!! Form::mMonedaFormato('valor',null,'Valor',$errors,6) !!}  --}}

                                                                                        {!! Form::mselect('valor', [], null, 'Valor', $errors, 6, false, true, false) !!}

                                                                                        {!! Form::mtextAr('motivo', null, 'Observaciones', $errors, 12, false) !!}

                                                                                    </div>
                                                                                </div>
                                                                                <div class="modal-footer">

                                                                                    <button type="submit"
                                                                                        class="btn btn-primary">Guardar</button>
                                                                                </div>
                                                                                {!! Form::close() !!}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="11" class="text-center">No se encontraron
                                                                    resultadosa.</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                                {{ $sin_identificar_get->links() }}
                                            </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>
                                                        @if (count($adjuntos) > 0)
                                                            @foreach ($adjuntos as $item)
                                                                <tr>
                                                                    <td>{{ $item->cobro_planilla_adjunto_id }}</td>
                                                                    <td>
                                                                        @if ($item->cobro_planilla_adjunto_id)
                                                                            {{--  --}}
                                                                            <a href="{{ url('pagos/asociaciones/planilla/adjunto/download/' . $item->cobro_planilla_adjunto_id) }}"
                                                                                class="btn btn-primary"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title="Descargar">
                                                                                <i class="fa fa-download"></i>
                                                                                {{ $item->cobro_planilla_adjunto_nombre }}
                                                                            </a>
                                                                        @else
                                                                            {{ $item->cobro_planilla_adjunto_nombre }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ $item->cobro_planilla_adjunto_observacion }}
                                                                    </td>
                                                                    <td>
                                                                        <div class="btn-group">

                                                                            <a onclick="delete_adjunto({{ $item->cobro_planilla_adjunto_id }})"
                                                                                class="btn btn-tbl-delete btn-xs"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title="Eliminar">
                                                                                <i class="fa fa-trash"></i>
                                                                            </a>
                                                                        </div>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="3" class="text-center">No se encontraron
                                                                    resultados.</td>
                                                            </tr>
                                                        @endif
                                                    </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">
        document.getElementById('motivo').value = document.getElementById('con_pen_observaciones').value;
        consultar_valor();
        consultar_contrato();
        $('.select2').select2()
        $(document).ready(function() {

            /*   $('#clienteR').select2({
                dropdownParent: $(`#exampleModalLabel`)
              }) */
            $('#clienteR').select2({

                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                            page: params.page || 1
                        }
                        console.log(query);
                        return query;
                    },
                    processResults: function(data, page) {
                        console.log(data);
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });







        })

        function consultar_contrato() {
            data_servicios = [];
            var id_cliente = $('#clienteR').val(); //'1';//$('#cliente').val();
            if (id_cliente != '') {
                var url = "{{ URL::asset('pagos/asociacion/manual/contratos/ajax') }}" + "/" + id_cliente;
                console.log(url);
                $.get(url, function(res) {
                    var obj = $.parseJSON(res);


                    document.getElementById('contrato').innerHTML = "";
                    document.getElementById("contrato").options[document.getElementById("contrato").options
                        .length] = new Option('Seleccionar', ' ');
                    for (var i = 0; i < obj.length; i++) {
                        document.getElementById("contrato").options[document.getElementById("contrato").options
                            .length] = new Option(('Contrato Nro.:' + obj[i].contrato_codigo), obj[i]
                            .contrato_id);

                    }
                });

            }
            //$('#contrato').select2();
        }

        function delete_adjunto(id) {

            Swal.fire({
                title: '¿Estas seguro?',
                text: "¡No podrás revertir esto!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
            }).then((result) => {
                if (result.isConfirmed) {

                    $.ajax({
                        url: "{{ url('pagos/asociaciones/planilla/adjunto/delete') }}/" + id,
                        type: 'DELETE',
                        data: {
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response) {
                            if (response) {
                                Swal.fire(
                                    'Eliminado!',
                                    'El registro ha sido eliminado.',
                                    'success'
                                )
                                window.location.reload();
                            }
                        }
                    });
                }

            })


        }

        function consultar_valor() {
            var id_contrato = $('#contrato').val(); //'105200';//$('#contrato').val();
            var id_servicio = $('#servicioR').val(); //'198752';//$('#servicio').val();

            /*   $('#valor').val('₡ '+servicio.valor); */
            var url = "{{ URL::asset('cobros/no_identificados/ajax') }}" + "/" + id_contrato + '/' + id_servicio;

            /* evaluar respuesta y si data > 0 y el mensaje es nulo muestro cobros sino muestra otra mensaje */


            $.get(url, function(res) {

                /* if (res.data.length > 0 && res.mensaje == null) {
                  console.log(res.data[0].cobro_valor);
                  $('#valor').val() = '₡ '+res.data[0].cobro_valor;
                }else{
                  $('#cobros').hide();
                  $('#mensaje').show();
                  $('#mensaje').html(res.mensaje);
                } */
                /*  var obj = $.parseJSON(res);
                 console.log(obj[0].cobro_valor);
                 let cobro = '₡ '+obj[0].cobro_valor;
                 $('#valor').val(cobro) */

                /* set value cobro in id cobroR */

                console.log(res)

                var obj = $.parseJSON(res);
                document.getElementById('valor').innerHTML = "";
                document.getElementById("valor").options[document.getElementById("valor").options.length] =
                    new Option('Seleccionar', ' ');
                for (var i = 0; i < obj.length; i++) {
                    document.getElementById("valor").options[document.getElementById("valor").options.length] =
                        new Option(obj[i].cobro_concepto + '-' + (obj[i].cobro_concepto, obj[i].cobro_valor));

                    data_servicios.push({
                        'id': obj[i].cobro_id,
                        'nombre': obj[i].cobro_concepto,
                        'valor': obj[i].cobro_valor,
                        /* 'valor':obj[i].contrato_servicio_saldo_actual */
                        'observacion': obj[i].con_pen_observaciones
                    });
                }

            });
        }


        function consultar_servicios() {
            var id_contrato = $('#contrato').val();
            console.log(id_contrato);
            if (id_contrato != '') {
                var url = "{{ URL::asset('pagos/asociacion/manual/servicios/ajax') }}" + "/" + id_contrato;
                $.get(url, function(res) {
                    var obj = $.parseJSON(res);
                    document.getElementById('servicioR').innerHTML = "";
                    document.getElementById("servicioR").options[document.getElementById("servicioR").options
                        .length] = new Option('Seleccionar', ' ');
                    for (var i = 0; i < obj.length; i++) {
                        document.getElementById("servicioR").options[document.getElementById("servicioR").options
                            .length] = new Option(obj[i].servicio_nombre + '-' + (obj[i]
                                .contrato_servicio_estado == 1 ? '(Activo)' : '(Inactivo)'), obj[i]
                            .contrato_servicio_id);
                        data_servicios.push({
                            'id': obj[i].contrato_servicio_id,
                            'nombre': obj[i].servicio_nombre,
                            'estado': obj[i].contrato_servicio_estado,
                            'valor': obj[i].contrato_servicio_saldo_actual
                        });
                    }
                });

            }
        }

        function showLoadingAlert() {
            Swal.fire({
                    title: 'Cargando!',
                    text: 'Espere un momento...',// add html attribute if you want or remove
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    },
                });
        }

    function conciliacion_definitiva(id){
      
      
        Swal.fire({
        icon: 'warning',
        title: 'Confirmar',
        html: `¿Está seguro de realizar la conciliación definitiva?`,
        showCloseButton: true,
        showCancelButton: true,
        confirmButtonText:'Aceptar',
        customClass: {
            confirmButton: 'btn btn-primary',
            cancelButton: 'btn btn-warning'
        },
        }).then((result) => { 
            if (result.isConfirmed){
                console.log(id)
                $.ajax({
                    type: "POST",
                    url: "{{asset('').'pagos/conciliacion/registros_conciliados/ajax'}}",
                    data: { 
                            "_token": "{{ csrf_token() }}", 
                            //opcion: 'conciliacion_definitiva', 
                            id : id 
                        },
                    beforeSend: function(xhr) {
                        showLoadingAlert();
                    },
                    success: function (res) {
                        console.log(res);
                        //$('#modal_enlazar_pago').modal('hide');
                        if(res.error==0){
                        Swal.fire({
                            icon: 'success',
                            title: 'Exito',
                            html: res.mensaje,
                            showConfirmButton: true,
                            
                        }).then((result) => {
                            if(result.isConfirmed){
                            window.location.reload();
                            }
                        
                        })
                        }else{
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            html: res.mensaje,
                            showConfirmButton: true,
                            
                        })
                        }
                    },
                    dataType: "json"
                });
            }
        });
      }

        function conciliacion_definitiva2(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
                        },
                        beforeSend: function(xhr) {
                        showLoadingAlert();
                    },
                        success: function(res) {
                            console.log(res);
                            if (res) {
                                Swal.fire({
                                    /*   title: 'Generar Cobro',
                                      text: "Se genero el cobro satisfactoriamente.", */
                                    icon: 'success',
                                    showCancelButton: false,
                                    confirmButtonColor: '#3085d6'
                                }).then((result) => {
                                    // Reload the Page
                                    location.reload();
                                });
                            }
                        },
                        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' }}",
                        beforeSend: function(xhr) {
                            showLoadingAlert();
                        },
                        data: {
                            "_token": "{{ csrf_token() }}",
                            opcion: 'cancelar_conciliacion',
                            id: id
                        },
                        success: function(res) {
                            console.log(res);
                            if (res) {
                                Swal.fire({
                                    /*  title: 'Generar Cobro',
                                     text: "Se genero el cobro satisfactoriamente.", */
                                    icon: 'success',
                                    showCancelButton: false,
                                    confirmButtonColor: '#3085d6'
                                }).then((result) => {
                                    // Reload the Page
                                    location.reload();

                                });
                            }
                        },
                        dataType: "json"
                    });
                }
            });
           // console.log('conciliacion_definitiva' + id);
        }
    </script>
@endsection