@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-info">Caja Activa</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-shopping-cart"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Pago en Oficina</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Caja Activa</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            {!! Form::open(['method' => 'get', 'id' => 'frmFiltros']) !!}
            <div class="row">
                <input type="hidden" id="accion" name="accion" value="1">

                <div class="col-md-9">
                    @if ($data->caja_ingresos_estado != 'Activa')
                        <div class="card">
                            <div class="card-header p-2">
                                Detalle Cierre
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-wrap">
                                        <thead>
                                            <tr>
                                                <th>Cuenta Bancaria</th>
                                                <th>Número Comprobante</th>
                                                <th>Valor Depositado</th>
                                                <th>Adjunto</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($detalle_cierre as $item)
                                                <tr>
                                                    <td>{{ $item->cuenta_bancaria_nombre_cuenta . ' - ' . $item->cuenta_bancaria_numero_cuenta }}
                                                    </td>
                                                    <td>{{ $item->caja_ingresos_cierre_numero_de_comprobante }}</td>
                                                    <td>{{ $simbolo_moneda . number_format($item->caja_ingresos_cierre_valor_consignado, 2, '.', ',') }}
                                                    </td>
                                                    <td>
                                                        <a
                                                            href="{{ url('pagos/oficina/caja/activa/cierre/adjunto/' . $item->caja_ingresos_cierre_caja_ingresos_id) }}"
                                                            class="btn text-info">
                                                            <i class="fa fa-download"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif
                    <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_oficina" data-toggle="tab"><i
                                            class="fa fa-cart-plus"></i> Pagos en Oficina</a></li>
                                            {{-- view-pagoOrden-producto --}}

                                    @if ($data->caja_ingresos_estado_new == 'Activa')
                                    @if(auth()->user()->hasPermissionTo('view-pagoOrden-producto'))
                                            <li class="nav-item">
                                                <a class="nav-link"
                                                href="#orden_serv_funerario"
                                                data-toggle="tab"><i class="fa fa-bars">
                                                </i> Ordenes Servicio Funerario</a>
                                            </li>
                                    @endif
                                @endif
                            </ul>
                        </div><!-- /.card-header -->
                        <div class="card-body">
                            <div class="tab-content">
                                <div class="active tab-pane" id="pagos_oficina">
                                    <div class="row">
                                        <div class="float-right">
                                            @if ($data->caja_ingresos_estado_new == 'Activa')
                                            {{-- pago_manual --}}
                                                @if (auth()->user()->hasPermissionTo('pago-oficinaPago') || auth()->user()->hasPermissionTo('pago_manual'))
                                                    <a href="{{ url('pagos/oficina/caja/activa/pago/manual/' . $data->caja_ingresos_id) }}"
                                                        class="btn bg-success text-white"><i class="fa fa-money"></i> Registrar
                                                        Pago Contrato</a>
                                                    <a href="{{ url('pagos/oficina/caja/activa/pago/producto/' . $data->caja_ingresos_id) }}"
                                                        class="btn bg-info text-white "><i class="fa fa-cart-plus"></i>
                                                        Registrar Pago Producto</a>
                                                @endif
                                            @endif
                                            @if ($id != null)
                                                <a href="{{ url('pagos/oficina/caja/activa/' . $id ) }}" class="btn btn-warning"><i class="fa fa-filter"></i> Limpiar Filtro</a>
                                            @else
                                                <a href="{{ url('pagos/oficina/caja/activa') }}" class="btn btn-warning"><i class="fa fa-filter"></i> Limpiar Filtro</a>
                                            @endif
                                            <button type="button" class="btn btn-default dropdown-toggle"
                                                data-toggle="dropdown" aria-expanded="false"><i class="fa fa-download"></i>
                                                Descargar
                                                <span class="fa fa-caret-down"></span>
                                            </button>
                                            <ul class="dropdown-menu" x-placement="bottom-start"
                                                style="position: absolute; transform: translate3d(0px, 34px, 0px); top: 0px; left: 0px; will-change: transform;">
                                               {{--  <li><a onclick="generar(2)"><i class="fa fa-file-excel-o"></i> Exportar Solo
                                                        Detalle</a></li> --}}
                                                <li><a onclick="generar(3)"><i class="fa fa-file-excel-o"></i> Exportar
                                                        Todo</a></li>
                                                <li>
                                                    <a onclick="generar(4)" >
                                                    <i class="fa fa-file-pdf-o"></i> Exportar
                                                        PDF</a>
                                                    </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="table-responsive">
                                                <table class="table table-wrap">
                                                    <thead>
                                                        <tr>
                                                            <th></th>
                                                            <th>Cliente</th>
                                                            <th>Consecutivo</th>
                                                            <th>Medio Pago</th>
                                                            <th>Observaciones</th>
                                                            <th>Fecha de Pago</th>
                                                            <th>Valor</th>
                                                            <th>Saldo a Favor</th>
                                                            <th>Pago Total</th>
                                                            <th>Pago Prima Aux</th>
                                                            <th>Estado</th>
                                                            <th>Acciones</th>
                                                        </tr>
                                                        <tr>
                                                            <th></th>
                                                            <th>
                                                                {!! Form::select('cliente', [], null, [
                                                                    'id' => 'cliente',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('cliente')",
                                                                ]) !!}
                                                            </th><!--Cliente-->
                                                            <th>
                                                                {!! Form::text('consecutivo', null, [
                                                                    'id' => 'consecutivo',
                                                                    'class' => 'form-control',
                                                                    'onkeyup' => "buscar('consecutivo')",
                                                                ]) !!}
                                                            </th><!--Consecutivo-->
                                                            <th>
                                                                {!! Form::select('medio_pago', $formasPago, null, [
                                                                    'id' => 'medio_pago',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control select2',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('medio_pago')",
                                                                ]) !!}
                                                            </th><!--Medio Pago-->
                                                            <th>
                                                                {!! Form::text('observaciones', null, [
                                                                    'id' => 'observaciones',
                                                                    'class' => 'form-control',
                                                                    'onkeyup' => "buscar('observaciones')",
                                                                ]) !!}
                                                            </th><!--Observaciones-->
                                                            <th>
                                                                {!! Form::date('fecha', null, [
                                                                    'id' => 'fecha',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('fecha')",
                                                                    'placeholder' => '',
                                                                ]) !!}
                                                            </th><!--Fecha de Pago-->
                                                            <th>
                                                                {!! Form::text('valor', null, [
                                                                    'id' => 'valor',
                                                                    'class' => 'form-control',
                                                                    'onkeyup' => "buscar('valor')",
                                                                ]) !!}
                                                            </th><!--Valor-->
                                                            <th></th><!--Saldo a Favor-->
                                                            <th></th><!--Pago Total-->
                                                            <th>
                                                                {!! Form::select('prima_auz', ['1' => 'Si', '2' => 'No'], null, [
                                                                    'id' => 'prima_auz',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control select2',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('prima_auz')",
                                                                ]) !!}
                                                            </th><!--Pago Prima Aux-->
                                                            <th>
                                                                {!! Form::select('estado', $model_pago->const_pago('estado_texto'), null, [
                                                                    'id' => 'estado',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control select2',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('estado')",
                                                                ]) !!}
                                                            </th><!--Estado-->
                                                            <th></th><!--Acciones-->
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($data_pagos) > 0)
                                                            @foreach ($data_pagos as $item)
                                                                <tr>
                                                                    <td>
                                                                        @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                                                        <input type="hidden"
                                                                            id="accionExpa_{{ $idRandom }}"
                                                                            value="1">
                                                                        <a class="btn btn-default btn-sm"
                                                                            data-toggle="collapse"
                                                                            href="#detalle_{{ $idRandom }}"
                                                                            role="button" aria-expanded="false"
                                                                            aria-controls="detalle_{{ $idRandom }}"><span
                                                                                id="accion_{{ $idRandom }}"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title="Expandir"><i
                                                                                    class="fa fa-arrows"></i></span></a>
                                                                    </td>
                                                                    <td>{{ $item->cliente_apellido1 . ' ' . $item->cliente_apellido2 . ' ' . $item->cliente_nombres }}
                                                                    </td>
                                                                    <td>{{ $item->pago_consecutivo }}</td>
                                                                    <td>{{ $item->medio_de_pago_nombre }}</td>
                                                                    <td>{{ $item->pago_observaciones }}</td>
                                                                    <td>{{ $item->pago_fecha }}</td>
                                                                    <td>
                                                                        {{ $simbolo_moneda . number_format($item->pago_valor, 2, '.', ',') }}
                                                                    </td>
                                                                    @php
                                                                        $saldo_favor = $controlador->getSaldoFavor($item->cliente_id, $item->pago_id);
                                                                    @endphp
                                                                    <td>{{ $simbolo_moneda . number_format($saldo_favor == null ? 0 : $saldo_favor, 2, '.', ',') }}
                                                                    </td>
                                                                    <td>{{ $simbolo_moneda . number_format($item->pago_valor + $saldo_favor, 2, '.', ',') }}
                                                                    </td>
                                                                    <td>
                                                                        @if ($item->pago_es_prima)
                                                                            Si
                                                                        @else
                                                                            No
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        @if ($item->pago_estado == 0)
                                                                            <span class="badge badge-danger">Anulado</span>
                                                                        @elseif($item->pago_estado == 1)
                                                                            <span class="badge badge-success">Activo</span>
                                                                        @elseif($item->pago_estado == 2)
                                                                            <span class="badge badge-info">Por Confirmar</span>
                                                                        @elseif($item->pago_estado == 3)
                                                                            <span
                                                                                class="badge badge-warning">Eliminado</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        {{-- @dump($data->caja_ingresos_estado) --}}
                                                                        @if ($data->caja_ingresos_estado_new == 'Activa')

                                                                            <div class="btn-group">
                                                                                @if (auth()->user()->hasPermissionTo('dowload-invoices-in-pdfPago'))
                                                                                <a href="{{ url('pagos/depositos/tranferencias/historico/factura/' . $item->pago_id . '/ver') }}"
                                                                                    target="_blank"
                                                                                    class="btn btn-tbl-update btn-xs text-white"
                                                                                    data-bs-toggle="tooltip"
                                                                                    data-bs-placement="top"
                                                                                    title="Imprimir">
                                                                                    <i class="fa fa-print"></i>
                                                                                </a>
                                                                                <a
                                                                                    href="{{ url('imprimir-ticket-asociaciones/' . $item->pago_id) }}"
                                                                                    target="_blank"
                                                                                    class="btn btn-tbl-update btn-xs text-white"
                                                                                    data-bs-toggle="tooltip"
                                                                                    data-bs-placement="top"
                                                                                    title="Ver">
                                                                                    <i class="fa fa-list"></i>
                                                                                </a>
                                                                                @endif

                                                                                @if (
                                                                                            ( $item->pago_estado == 1)  &&
                                                                                            (
                                                                                            auth()->user()->hasPermissionTo('anular-pagoPago') ||
                                                                                            auth()->user()->hasPermissionTo('anularPago')
                                                                                            )
                                                                                    )
                                                                                <a onclick="anularPago({{ $item->pago_id }})"
                                                                                    class="btn btn-tbl-update btn-xs text-white"
                                                                                    data-bs-toggle="tooltip"
                                                                                    data-bs-placement="top"
                                                                                    title="Anular">
                                                                                    <i class="fa fa-ban"></i>
                                                                                </a>
                                                                                @endif
                                                                            </div>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                                <tr style="background-color:#008080;">
                                                                    <td colspan="12" class="collapse multi-collapse"
                                                                        id="detalle_{{ $idRandom }}">
                                                                        <div class="row col-12">
                                                                            <div class="col-md-6">
                                                                                <div class="text-center">
                                                                                    <h4 class="text-white"><strong>Medio de
                                                                                            Pago</strong></h4>
                                                                                </div>
                                                                                <div class="table-responsive">
                                                                                    <table class="table table-wrap">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th>Medio de Pago</th>
                                                                                                <th>Comprobante</th>
                                                                                                <th>Valor</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        @php
                                                                                            $rows_medios = $controlador->getPagoMedios($item->pago_id);
                                                                                        @endphp
                                                                                        <tbody>
                                                                                            @if (count($rows_medios) > 0)
                                                                                                @foreach ($rows_medios as $medio)
                                                                                                    <tr>
                                                                                                        <td>{{ $medio->medio_de_pago_nombre }}
                                                                                                        </td>
                                                                                                        <td>{{ $medio->pago_por_medio_de_pago_comprobante }}
                                                                                                        </td>
                                                                                                        <td>{{ $simbolo_moneda . number_format($medio->pago_por_medio_de_pago_valor, 2, '.', ',') }}
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                @endforeach
                                                                                            @else
                                                                                                <tr>
                                                                                                    <td colspan="3"
                                                                                                        class="text-center">
                                                                                                        Sin registros.</td>
                                                                                                </tr>
                                                                                            @endif
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="text-center">
                                                                                    <h4 class="text-white"><strong>Detalle
                                                                                            de Pago</strong></h4>
                                                                                </div>
                                                                                <div class="table-responsive">
                                                                                    <table class="table table-wrap">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th>Concepto</th>
                                                                                                <th>Cobrado</th>
                                                                                                <th>Pagado</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        @php
                                                                                            $row_detalle_pago = $controlador->getDetallePago($item->pago_id, $item->cobro_detalle_cobro_id);
                                                                                            $detalle_pago = $controlador->getPagoDetail($item->pago_id);
                                                                                            $detalle_cobro = $controlador->getCobroDetail($item->pago_id);
                                                                                        @endphp
                                                                                        <tbody>

                                                                                            @foreach ($row_detalle_pago as $detalle)
                                                                                                <tr>
                                                                                                    <td>{{ $detalle->pago_detalle_concepto }}
                                                                                                    </td>
                                                                                                    <td>{{ $simbolo_moneda . number_format($detalle->pago_detalle_saldo, 2, '.', ',') }}
                                                                                                    </td>
                                                                                                    <td>
                                                                                                        {{
                                                                                                        $simbolo_moneda . number_format($detalle->pago_detalle_valor, 2, '.', ',')
                                                                                                        }}
                                                                                                    </td>
                                                                                                </tr>
                                                                                            @endforeach
                                                                                            {{--pagos/oficina/caja/activa/orden --}}
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td colspan="12" class="text-center">Sin registros</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                            {{--  --}}
                                            <div>
                                                {{ $data_pagos->appends([
                                                    'cliente' => request('cliente'),
                                                    'consecutivo' => request('consecutivo'),
                                                    'medio_pago' => request('medio_pago'),
                                                    'observaciones' => request('observaciones'),
                                                    'fecha' => request('fecha'),
                                                    'valor' => request('valor'),
                                                    'prima_auz' => request('prima_auz'),
                                                    'estado' => request('estado'),

                                                ]) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.tab-pane -->
                                <div class="tab-pane" id="orden_serv_funerario">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="text-right">
                                                @if ($id != null)
                                                <a href="{{ url('pagos/oficina/caja/activa/' . $id ) }}"
                                                 class="btn btn-warning">
                                                 <i class="fa fa-filter"></i> Limpiar Filtro</a>
                                            @else
                                                <a href="{{ url('pagos/oficina/caja/activa') }}" class="btn btn-warning"><i class="fa fa-filter"></i> Limpiar Filtro</a>
                                            @endif
                                            </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>Orden #</th>
                                                            <th>Cliente</th>
                                                            <th>Incluye Letra Cambio?</th>
                                                            <th>Letra de cambio #</th>
                                                            <th>Cantidad de Cuotas</th>
                                                            <th>Valor Letra De Cambio</th>
                                                            <th>Valor Primer Pago en Caja</th>
                                                            <th>Valor Total</th>
                                                            <th>Valor Total Pagado</th>
                                                            <th>Valor Saldo Pendiente</th>
                                                            <th>Fecha Creación</th>
                                                            <th>Estado</th>
                                                            <th></th>
                                                        </tr>
                                                        <tr>
                                                            <th></th><!--#-->
                                                            <th>
                                                                {!! Form::text('numero_orden', null, [
                                                                    'id' => 'numero_orden',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('numero_orden')",
                                                                ]) !!}
                                                            </th><!--Orden #-->
                                                            <th>
                                                                {!! Form::select('cliente', [], null, [
                                                                    'id' => 'cliente_id',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control select2',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('cliente')",
                                                                ]) !!}
                                                            </th><!--Cliente-->
                                                            <th>
                                                                {!! Form::select('incluye_cambio', ['1' => 'Si', '0' =>'No'], null, [
                                                                    'id' => 'incluye_cambio',
                                                                    'placeholder' => '-Seleccionar-',
                                                                    'class' => 'form-control select2',
                                                                    'style' => 'width: 80%;',
                                                                    'onchange' => "buscar('incluye_cambio')",
                                                                ]) !!}
                                                            </th><!--Incluye Letra Cambio?-->
                                                            <th>
                                                                {!! Form::text('letra_cambio', null, [
                                                                    'id' => 'letra_cambio',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('letra_cambio')",
                                                                ]) !!}
                                                            </th><!--Letra de cambio #-->
                                                            <th>
                                                                {!! Form::text('cantidad_cuota', null, [
                                                                    'id' => 'cantidad_cuota',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('cantidad_cuota')",
                                                                ]) !!}
                                                            </th><!--Cantidad de Cuotas-->
                                                            <th>
                                                                {!! Form::text('valor_cambio', null, [
                                                                    'id' => 'valor_cambio',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('valor_cambio')",
                                                                ]) !!}
                                                            </th><!--Valor Letra De Cambio-->
                                                            <th>
                                                                {!! Form::text('valor_primero', null, [
                                                                    'id' => 'valor_primero',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('valor_primero')",
                                                                ]) !!}
                                                            </th><!--Valor Primer Pago en Caja-->
                                                            <th></th><!--Valor Total-->
                                                            <th></th><!--Valor Total Pagado-->
                                                            <th></th><!--Valor Saldo Pendiente-->
                                                            <th>
                                                                {!! Form::date('fecha_creacion', null, [
                                                                    'id' => 'fecha_creacion',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('fecha_creacion')",
                                                                    'placeholder' => '',
                                                                ]) !!}
                                                            </th><!--Fecha Creación-->
                                                            <th>
                                                                {!! Form::text('estado', null, [
                                                                    'id' => 'estado',
                                                                    'class' => 'form-control',
                                                                    'onchange' => "buscar('estado')",
                                                                ]) !!}
                                                            </th><!--Estado-->
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($OrdenServ) > 0)
                                                            @foreach ($OrdenServ as $item)
                                                                <tr>
                                                                    <td>{{ $contador++ }}</td>
                                                                    <td>{{ $item->orden_producto_numero }}</td>
                                                                    <td>{{ $item->cliente_apellido1 . ' ' . $item->cliente_apellido2 . ' ' . $item->cliente_nombres }}
                                                                    </td>
                                                                    <td>{{ $item->orden_producto_numero }}
                                                                        @if ($item->orden_producto_letra_cambio == 1)
                                                                            Si
                                                                        @elseif($item->orden_producto_letra_cambio == 0)
                                                                            No
                                                                        @else
                                                                            <span class="text-danger">(no definido)</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        @if ($item->orden_producto_letra_cambio_numero != '')
                                                                            {{ $item->orden_producto_letra_cambio_numero }}
                                                                        @else
                                                                            <span class="text-danger">(no definido)</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        @if ($item->orden_producto_letra_cambio_cuotas != '')
                                                                            {{ $item->orden_producto_letra_cambio_cuotas }}
                                                                        @else
                                                                            <span class="text-danger">(no definido)</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        @if ($item->orden_producto_letra_cambio_valor != '')
                                                                            {{ $item->orden_producto_letra_cambio_valor }}
                                                                        @else
                                                                            <span class="text-danger">(no definido)</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ $item->orden_producto_numero }}
                                                                        @if ($item->orden_producto_valor_a_pagar != '')
                                                                            {{ $item->orden_producto_valor_a_pagar }}
                                                                        @else
                                                                            <span class="text-danger">(no definido)</span>
                                                                        @endif
                                                                    </td>
                                                                    <td>{{ $simbolo_moneda . number_format($item->orden_producto_valor_a_pagar + $item->orden_producto_letra_cambio_valor, 2, '.', ',') }}
                                                                    </td>
                                                                    <td>{{ $simbolo_moneda . number_format($controlador->getValTotalPag($item->orden_producto_id), 2, '.', ',') }}
                                                                    </td>
                                                                    <td></td>
                                                                    <td>{{ date_format(date_create($item->orden_producto_fechacreacion), 'd/m/Y') }}
                                                                    </td>
                                                                    <td>{{ $model_orPro->const_OrProduct('estatus')[$item->orden_producto_estado] }}
                                                                    </td>
                                                                    <td>
                                                                        @if (auth()->user()->hasPermissionTo('view-pagoOrden-producto'))

                                                                        <div class="btn-group">
                                                                            <a href="{{ url('pagos/oficina/caja/activa/orden/') . '/' . $item->orden_producto_id }}"
                                                                                class="btn btn-tbl-update btn-xs"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title="Ver">
                                                                                <i class="fa fa-eye"></i>
                                                                            </a>
                                                                        </div>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @endforeach


                                                        @else
                                                            <tr>
                                                                <td colspan="14" class="text-center">Sin registros.</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>

                                                <div>
                                                    {{ $OrdenServ->links() }}
                                                </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.tab-content -->
                        </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>

                <div class="col-md-3">
                    <!-- Profile Image -->
                    <div class="card card-primary card-outline">
                        <div class="card-body box-profile">

                            <h4 class="profile-username text-center"><strong>{{ $data->caja_nombre }}</strong></h4>

                            <ul class="list-group list-group-unbordered mb-3">
                                <li class="list-group-item">
                                    <b>Consecutivo</b><a
                                        class="float-right text-info">{{ $data->caja_ingresos_consecutivo }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Encargado</b><a class="float-right text-info">{{ $data->username }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Fecha Apertura</b> <a
                                        class="float-right text-info">{{ $data->caja_ingresos_fecha_apertura }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Fecha Cierre</b> <a
                                        class="float-right text-info">{{ $data->caja_ingresos_fecha_cierre }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Valor Total Ingresos</b> <a
                                        class="float-right text-info">{{ $simbolo_moneda . number_format($total, 2, ',', '.') }}</a>
                                </li>
                                @foreach ($medios_pagos as $item)
                                    <li class="list-group-item">
                                        <b>{{ $item->medio_de_pago_nombre }}</b> <a
                                            class="float-right text-info">{{ $simbolo_moneda }}{{ $item->valor == null ? '0,00' : number_format($item->valor, 2, '.', ',') }}</a>
                                    </li>
                                @endforeach
                                <li class="list-group-item">
                                    <b>Estado</b> <a class="float-right">{{ $data->caja_ingresos_estado_new }}</a>
                                </li>
                            </ul>
                           {{--  @dump($data->caja_ingresos_id) --}}


                            @if($data->caja_ingresos_estado == 1)

                            @endif

                            @if($data->caja_ingresos_estado == 2)
                            <a  class="btn btn-warning btn-block my-1" data-toggle="modal"
                                data-target="#staticModalPreCierre" style="margin-right: 5px;">
                                <i class="fa fa-unlock-alt"></i> Ejecutar Pre Cierre
                            </a>
                            @endif

                            @if($data->caja_ingresos_estado == 3)
                            <a class="btn btn-warning pull-right" data-toggle="modal"
                            data-target="#staticModalCierre" style="margin-right: 5px;">
                            <i class="fa fa-unlock-alt"></i> Ejecutar Cierre
                            </a>

                            <a
                            onclick="reactivarCaja({{ $data->caja_ingresos_id }},{{ $data->caja_ingresos_caja_id }});"
                            class="btn bg-primary text-white btn-block">
                            <b><i class="fa fa-unlock"></i> Re-activar Caja</b></a>
                            @endif


                            <a href="{{ url('pagos/oficina/caja/ingreso/listado') }}" class="btn bg-warning text-white btn-block"><b><i class="fa fa-chevron-left"></i>
                             Volver</b></a>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->

                    <div class="modal fade" id="staticModalPreCierre" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-warning">
                                    <h5 class="modal-title" id="staticModalLabel">Confirmar Pre-cierre</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <form role="form" id="quickForm">
                                    <div class="clearfix"></div>
                                    <div class="modal-body">
                                        <div id="alerta"></div>

                                    <div class="row col-md-12">
                                            <label for="sede" class="form-label">¿Está seguro de que desea realizar el pre-cierre de la caja actual?</label>
                                    </div>

                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" onClick="pre_cierre({{ $data->caja_ingresos_id }},{{ auth()->user()->id }});" class="btn bg-warning">De acuerdo</button>
                                        <a class="btn bg-default text-black" data-dismiss="modal" aria-label="Close">Cancelar</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="modal fade" id="staticModalCierre" role="dialog"
                    aria-labelledby="staticModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header bg-warning">
                                <h5 class="modal-title" id="staticModalLabel">Informacion de Cierre</h5>
                                <button type="button" class="close" data-dismiss="modal"
                                    aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form  id="frmFiltrosCierre">
                                @csrf
                                <div class="clearfix"></div>
                                <div class="modal-body">
                                    <div id="alerta"></div>

                                    {{-- {!! Form::open(['url' =>'pagos/oficina/caja-activa/informacion-cierre', 'method' => 'post', 'id'=>'frmFiltrosCierre','enctype' => 'multipart/form-data']) !!} --}}
                                    {{-- <form action="{{ url('pagos/oficina/caja-activa/informacion-cierre') }}" id="frmFiltrosCierre" method="POST"> --}}

                                        <div class="row">

                                            <div class="col-md-6">
                                                <div class="form-group" >
                                                    <label for="sede" class="form-label">Cuenta Bancaria</label>

                                                    {!! Form::select('cuentas', $cuentas, null, [
                                                            'id' => 'cuentas',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control',
                                                            'style' => 'width: 80%;',
                                                        ]) !!}
                                                </div>

                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="sede" class="form-label">Numero comprobante</label>
                                                    <input type="text" class="form-control" id="comprobante" name="comprobante">

                                                </div>
                                            </div>

                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="sede" class="form-label">Valor Depositado</label>
                                                    <input type="text" class="form-control" id="valor_consignado" name="valor_consignado" value="{{ $valor_consigado }}">

                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="sede" class="form-label">Adjunto</label>
                                                    <input type="file" class="form-control" id="file" name="file" >

                                                </div>
                                            </div>
                                        </div>
                                        <input type="hidden" name="caja_ingresos_id" value="{{$data->caja_ingresos_id}}">

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

                                        <button type="submit" class="btn btn-warning">
                                            De Acuuerdo
                                        </button>
                                    <a class="btn bg-default text-black" data-dismiss="modal"
                                        aria-label="Close">Cancelar</a>


                                    {{-- </form> --}}
                                </div>
                            </form>
                        </div>
                    </div>

                </div>

                    <!-- About Me Box -->
                    <div class="card card-primary">
                        <!-- /.card-header -->
                        <div class="card-body">
                            {!! Form::mtextAr(
                                'observaciones',
                                isset($data) ? $data->caja_ingresos_observacion : null,
                                'Observaciones',
                                $errors,
                                12,
                                false,
                            ) !!}
                            <a class="btn ttn-sm text-info float-right"><i class="fa fa-save"></i> Guardar Cambios</a>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>

                <!-- /.col -->
            </div>
            {!! Form::close() !!}
        </div>
    </div>

@endsection
@section('script')


    <script type="text/javascript">



        $(document).ready(function() {

            /* save tab active in localhost */
            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            var id = $(e.target).attr('href');
            localStorage.setItem('activeTab', id);





        });

        // Setear el último tab pane activo en la página
        var lastTab = localStorage.getItem('activeTab');
        if (lastTab) {
            $('a[href="' + lastTab + '"]').tab('show');
        }



        $("#frmFiltrosCierre").on('submit', function(e) {
                e.preventDefault();
                let formData = new FormData(this);

                $.ajax({
                    type: "POST",
                    url: "{{ asset('') . 'pagos/oficina/caja-activa/informacion-cierre' }}",
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(res) {
                        /* hide modal */
                        $('#staticModalCierre').modal('hide');
                        if (res.ok) {

                                Swal.fire({
                                    title: 'Alerta!',
                                    text: 'Cierre realizado con éxito!',
                                    icon: 'success',
                                    confirmButtonText: 'Aceptar',
                                    showCancelButton: false,
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                });
                        } else {

                                Swal.fire({
                                    title: 'Alerta!',
                                    text: 'Error al realizar el cierre!',
                                    icon: 'error',
                                    confirmButtonText: 'Aceptar'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                });
                                /* break;
                            case 'NOT':
                                Swal.fire({
                                    title: 'Alerta!',
                                    text: 'El cierre de la caja actual no puede ser procesado, debido a que esta presenta un reintegro pendiente por procesar.',
                                    icon: 'error',
                                    confirmButtonText: 'Aceptar'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                });
                                break; */
                        }
                    },
                    dataType: "json"
                });
            });




            $('.select2').select2();


            $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            $('#cliente_id').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });


        })


        function generar(id) {
            $('#accion').val(id);
            /* open target blank */
            $('#frmFiltros').attr('target', '_blank');
            document.getElementById("frmFiltros").submit();
        }

        function anularPago(pago_id) {

Swal.fire({
    title: '¿Está seguro de anular el pago?',
    text: "Esta acción no se puede revertir!",
    icon: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
}).then((result) => {
    if (result.isConfirmed) {
        $.ajax({
            url: "{{ url('pagos/oficina/caja/activa/anular/') }}" + '/' + pago_id,
            type: 'POST',
            data: {
                pago_id: pago_id,
                _token: '{{ csrf_token() }}'
            },
            success: function(data) {
                console.log(data)
                if (data.error==false) {
                    Swal.fire({
                        title: 'Anulado!',
                        html: data.message,
                        icon: 'success',
                        confirmButtonText: 'Aceptar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            location.reload();
                        }
                    })

                } else {
                    Swal.fire({
                        title: 'Error!',
                        html: data.message,
                        icon: 'error',
                        confirmButtonText: 'Aceptar'
                    })
                }
            }
        });
    }
})



}


        function pre_cierre(caja_ingresos_id, user_id) {
            var obs = $('#input-observaciones').val();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'caja/ingresos/pre_cierre' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_ingresos_id: caja_ingresos_id,
                    user_id: user_id,
                    obs: obs
                },
                success: function(res) {
                    /* hide modal */
                    $('#staticModalPreCierre').modal('hide');
                    switch (res.data) {
                        case 'TRUE':

                        Swal.fire({
                        title: 'Alerta!',
                        text: 'Pre-cierre realizado con éxito!',
                        icon: 'success',
                        confirmButtonText: 'Aceptar',
                        showCancelButton: false,

                    }).then((result) => {
                        if (result.isConfirmed) {
                            //openCaja();
                           window.location.href = "{{ asset('') . 'pagos/oficina/caja/activa' }}" + '/' + caja_ingresos_id;
                        } else if (result.dismiss === Swal.DismissReason.cancel) {
                            // Aquí puedes definir la acción para abrir una nueva caja
                            // Por ejemplo, redireccionar a una nueva URL
                            //openCaja();
                        }
                    });

                            break;
                        case 'NULL':

                            Swal.fire({
                                title: 'Alerta!',
                                text: 'Error al realizar el Pre-cierre!',
                                icon: 'error',
                                confirmButtonText: 'Aceptar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                            break;
                        case 'NOT':

                            Swal.fire({
                                title: 'Alerta!',
                                text: 'El cierre de la caja actual no puede ser procesado, debido a que esta presenta un reintegro pendiente por procesar.',
                                icon: 'error',
                                confirmButtonText: 'Aceptar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                            break;
                    }

                },
                dataType: "json"
            });
        }

        function cierrefinal(caja_ingresos_id, user_id) {


            var obs = $('#input-observaciones').val();
            let comprobante = $('#comprobante').val();
            let valor_consignado = $('#valor_consignado').val();
            let file = $('#file').val();
            let cuenta = $('#cuentas').val();

            let formData = new FormData();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'pagos/oficina/caja-activa/informacion-cierre' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_ingresos_id: caja_ingresos_id,
                    user_id: user_id,
                    obs: obs,
                    comprobante: comprobante,
                    valor_consignado: valor_consignado,
                    file: file,
                    cuenta: cuenta
                },
                success: function(res) {
                    /* hide modal */
                    $('#staticModalCierre').modal('hide');
                    if (res.ok) {
                        // Place a value into localStorage
                        Swal.fire({
                            title: 'Alerta!',
                            text: 'Cierre realizado con éxito!',
                            icon: 'success',
                            confirmButtonText: 'Aceptar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }

                        })
                    } else {

                        Swal.fire({
                            title: 'Alerta!',
                            text: res.message,
                            icon: 'error',
                            confirmButtonText: 'Aceptar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }
                        })
                    }
                },
                dataType: "json"
            });
        }





        function reactivarCaja(caja_ingresos_id, caja_id) {
            var obs = $('#input-observaciones').val();
             Swal.fire({
                title: '¿Está seguro de reactivar la caja?',
                text: "Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
             }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        type: "POST",
                        url: "{{ asset('') . 'caja/ingresos/reactivar/' }}" + caja_ingresos_id + '/' + caja_id,
                        data: {
                            "_token": "{{ csrf_token() }}",
                            caja_ingresos_id: caja_ingresos_id,
                            caja_id: caja_id,
                            obs: obs
                        },
                        success: function(res) {
                            console.log(res.data);
                            if (res.data = 'TRUE') {
                                // Place a value into localStorage
                                //localStorage.setItem("loadedEarlier", "yes")

                                Swal.fire({
                                    title: 'Alerta!',
                                    text: res.message,
                                    icon: 'success',
                                    confirmButtonText: 'Aceptar'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                       window.location.href = "{{ asset('') . 'pagos/oficina/caja/activa' }}" + '/' + caja_ingresos_id;
                                    }
                                })


                            } else {

                                Swal.fire({
                                    title: 'Alerta!',
                                    text: res.message,
                                    icon: 'error',
                                    confirmButtonText: 'Aceptar'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            }
                        },
                        dataType: "json"
                    });
                }
            })
        }


        function buscar(tipo) {

            $('#accion').val(1);
            var textoSelect = $('#' + tipo).val();
            const ENTER_KEY_CODE = 13;

            switch (tipo) {

                case 'consecutivo':
                    document.querySelector('#consecutivo').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;

                case 'observaciones':
                    document.querySelector('#observaciones').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;



                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }
    </script>
@endsection