@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-danger">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 class="active">Caja Activa</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">

                @if ($count_active == '0')

                    <div class="col-md-12 col-sm-12 text-center" id="cajalocked">
                        <h1>Sin Cajas Activas</h1>
                        <h4>Usted no posee cajas activas para ser administradas, proceda a realizar la apertura de una nueva
                            caja.</h4>
                            @if (auth()->user()->hasPermissionTo('open-caja-chicaCaja-chica'))                                
                                <a class="btn btn-lg btn-success" href="activa/apertura/{{ auth()->user()->id }}"><i
                                        class="fa fa-folder-open-o"></i> Realizar Apertura de Caja</a>
                            @endif
                    </div>
                @else
                    <div class="col-md-12 col-sm-12 mt-5" id="cajaopen">
                        <div id="w4-warning" class="alert-danger alert in"
                            style="display:none;background-color: #f39c12 !important;color:#fff;">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <i class="icon fa fa-warning"></i> Se realizó solicitud de reintegro automática.
                        </div>

                        @if ($mensaje == '')
                        @else
                            <div id="w4-danger" class="alert-{{ $color }} alert in">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <i class="icon fa fa-ban"></i> {{ $mensaje }}
                            </div>
                        @endif

                        <div class="card  card-box">
                            <div class="card-head">
                                <header><i class="fa fa-folder-open"></i> {{ $data->caja_nombre }} </header>
                                <small class="pull-right">Fecha de Apertura: {{ $data->caja_chica_fecha_apertura }}</small>
                            </div>
                            <div class="card-body ">
                                <div class="my-2">
                                    <button class="btn btn-danger" onclick="inactivarCaja()">Inactivar</button>
                                    <a href="{{ url('cajas/chica/listar') }}" class="btn btn-success">volver</a>
                                    {{-- validate if caja is open and user has role administratos activate caja --}}
                                    @if (
                                        $data->caja_chica_estado == 2 &&
                                            auth()->user()->hasRole('Administrator'))
                                        <button class="btn btn-warning" onclick="activarCaja()">Volver a aperturar</button>
                                    @endif
                                </div>
                                <!-- INFORMAION GENERAL DE CAJA -->
                                <div class="row invoice-info">
                                    <div class="col-sm-4">
                                        <table class="table">
                                            <tr>
                                                <th>¿Abierta?</th>
                                                <td>
                                                    @if ($data->caja_chica_open == 1)
                                                        <strong class="text-success">SI</strong><br />
                                                    @else
                                                        <strong class="text-danger">NO</strong><br />
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Estado:</th>
                                                <td>
                                                    {{-- @dump(auth()->user()->roles->first()->name) --}}
                                                    @if ($data->caja_chica_estado == '0')
                                                        <strong class="text-danger">Inactiva</strong><br />
                                                    @elseif ($data->caja_chica_estado == '1')
                                                        <strong class="text-success">Activa</strong><br />
                                                    @elseif ($data->caja_chica_estado == '2')
                                                        <strong class="text-warning">PRE-CIERRE</strong><br />
                                                    @else
                                                        <strong class="text-danger">CERRADA</strong><br />
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Apertura realizada por:</th>
                                                <td><strong>{{ $data->username }}</strong></td>
                                            </tr>
                                            <tr>
                                                <th>Email</th>
                                                <td>{{ $data->email }}</td>
                                            </tr>
                                        </table>


                                    </div>
                                    <div class="col-sm-4"></div>
                                    <div class="col-sm-4">
                                        <h3>
                                            <strong>Saldo: </strong>
                                            <div class="pull-right"><span
                                                    class="text-success">₡{{ number_format($data->caja_chica_saldo_final, 2, '.', ',') }}</span>
                                            </div>
                                        </h3>
                                        <h4><strong>Consecutivo: </strong> <span
                                                class="pull-right">{{ isset($data->caja_chica_consecutivo) ? $data->caja_chica_consecutivo : $data->caja_chica_id }}</span>
                                        </h4>
                                        <h4><strong>Porcentaje de Reintegro: </strong> <span
                                                class="pull-right">{{ $data->caja_porcentaje_reintegro }}%</span></h4>
                                    </div>
                                </div>

                                @switch($data->caja_chica_estado)
                                    @case(2)
                                        <div class="row">
                                            <div class="col-md-12">
                                                <h4 class="pull-right"><strong style="color: green">CAJA EN PROCESO DE PRE-CIERRE
                                                    </strong></h4>
                                            </div>
                                        </div>
                                    @break
                                @endswitch

                                {!! Form::open(['url' => 'caja/activa', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                <input type="hidden" id="accion" name="accion" value="1">
                                {!! Form::close() !!}

                                <!-- DETALLES DEL CIERRE -->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="btn-group pull-right" role="group">
                                            <button type="button" class="btn btn-default dropdown-toggle"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fa fa-download"></i>
                                                Descargar
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    {{-- exportar-excelCaja-chica --}}
                                                    @if (auth()->user()->hasPermissionTo('exportar-excelCaja-chica'))                                                        
                                                        <a onclick="generar()"><i class="fa fa-file-excel-o"></i> Exportar Solo
                                                            Detalle</a>
                                                    @endif

                                                </li>
                                                <li>
                                                    {{-- exportarCaja-chica --}}
                                                    @if (auth()->user()->hasPermissionTo('exportarCaja-chica'))                                                        
                                                        <a
                                                            href="{{ url('caja/activa/descargar/' . $data->caja_chica_id . '/excel') }}"><i
                                                                class="fa fa-file-excel-o"></i> Exportar Todo</a>
                                                    @endif
                                                </li>
                                                <li>
                                                    {{-- exportar-pdfCaja-chica --}}
                                                    @if (auth()->user()->hasPermissionTo('exportar-pdfCaja-chica'))                                                        
                                                        
                                                    <a href="{{ url('caja/activa/descargar/' . $data->caja_chica_id . '/pdf') }}"
                                                        target="_blank"><i class="fa fa-file-pdf-o"></i> Exportar PDF</a>
                                                    @endif
                                                </li>
                                            </ul>
                                        </div>

                                        @if ($data->caja_chica_estado == '0')
                                        @elseif($data->caja_chica_estado == '2')
                                            {!! Form::open(['url' => 'caja/activa/nuevo-egreso', 'method' => 'POST', 'role' => 'form', 'id' => 'frmEgreso']) !!}
                                            <input type="hidden" name="caja_id" id="caja_id"
                                                value="{{ $data->caja_id }}" />
                                            <input type="hidden" name="caja_chica_id" id="caja_chica_id"
                                                value="{{ $data->caja_chica_id }}" />
                                            <button type="submit" class="btn btn-success pull-right my-2"
                                                style="margin-right: 5px;"><i class="fa fa-tags"></i> Registrar Nuevo
                                                Egreso</button>
                                            {!! Form::close() !!}
                                        @elseif($data->caja_chica_estado == '3')
                                        @else
                                            {!! Form::open(['url' => 'caja/activa/nuevo-egreso', 'method' => 'POST', 'role' => 'form', 'id' => 'frmEgreso']) !!}
                                            <input type="hidden" name="caja_id" id="caja_id"
                                                value="{{ $data->caja_id }}" />
                                            <input type="hidden" name="caja_chica_id" id="caja_chica_id"
                                                value="{{ $data->caja_chica_id }}" />
                                            <button type="submit" class="btn btn-success pull-right mb-2"
                                                style="margin-right: 5px;"><i class="fa fa-tags"></i> Registrar Nuevo
                                                Egreso</button>
                                            {!! Form::close() !!}

                                            @if ($countot > 0)
                                            @else
                                                <a class="btn btn-danger pull-right" data-toggle="modal"
                                                    data-target="#staticModalInactivar" style="margin-right: 5px;"
                                                    data-method="post">
                                                    <i class="fa fa-minus-square"></i> Inactivar
                                                </a>
                                            @endif

                                        @endif
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="caja-chica-detalle-index">
                                            <div id="p0" data-pjax-container="" data-pjax-push-state=""
                                                data-pjax-timeout="1000">
                                                <div id="w0" class="grid-view is-bs3 hide-resize"
                                                    data-krajee-grid="kvGridInit_babc4a01"
                                                    data-krajee-ps="ps_w0_container">

                                                    <div id="w0-container" class="table-responsive kv-grid-container">
                                                        <table
                                                            class="kv-grid-table table table-bordered table-striped kv-table-wrap">
                                                            <thead>
                                                                <tr>
                                                                    <th style="width: 1.64%;">#</th>
                                                                    <th data-col-seq="1" style="width: 6.17%;">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_documento">Documento</a>
                                                                    </th>

                                                                    <th data-col-seq="2" style="width: 6.28%;">Tipo de
                                                                        Gasto</th>
                                                                    <th data-col-seq="3" style="width: 5.66%;">Proveedor
                                                                    </th>
                                                                    <th style="width: 24.96%;" data-col-seq="4">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_observaciones">Observaciones</a>
                                                                    </th>
                                                                    <th class="text-center" data-col-seq="5"
                                                                        style="width: 9.26%;">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_fecha_documento">
                                                                            Fecha de Documento
                                                                        </a>
                                                                    </th>
                                                                    <th style="width: 15.97%;" data-col-seq="6">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_dado_a">Dinero
                                                                            Dado A</a>
                                                                    </th>
                                                                    <th class="text-center sort-numerical"
                                                                        data-col-seq="7" style="width: 3.88%;">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_monto">Monto</a>
                                                                    </th>
                                                                    <th class="text-center" data-col-seq="8"
                                                                        style="width: 10.53%;">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_comprobante_interno">
                                                                            ¿Comprobante Interno?
                                                                        </a>
                                                                    </th>
                                                                    <th class="text-center" data-col-seq="9"
                                                                        style="width: 10.36%;">
                                                                        <a href="#"
                                                                            data-sort="caja_chica_detalle_orden_producto_id">
                                                                            Orden Servicio Funerario
                                                                        </a>
                                                                    </th>
                                                                    <th class="text-center" style="width: 5.22%;">Acciones
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @if (count($details) > 0)
                                                                    @foreach ($details as $key => $item)
                                                                        <tr class="gradeX odd" role="row">
                                                                            <td>{{ $contador++ }}</td>
                                                                            <td>{{ $item->caja_chica_detalle_documento }}
                                                                            </td>
                                                                            <td>{{ $item->tipo_gasto_nombre }}</td>
                                                                            <td>{{ $item->cliente_proveedor_nombre }}</td>
                                                                            <td>{{ $item->caja_chica_detalle_observaciones }}
                                                                            </td>
                                                                            <td>{{ $item->caja_chica_detalle_fechacreacion }}
                                                                            </td>
                                                                            <td>{{ $item->caja_chica_detalle_dado_a }}</td>
                                                                            <td>{{ $item->caja_chica_detalle_monto }}</td>
                                                                            @if ($item->caja_chica_detalle_comprobante_interno == null)
                                                                                <td>Sin Comprobante</td>
                                                                            @else
                                                                                <td>{{ $item->caja_chica_detalle_comprobante_interno }}
                                                                                </td>
                                                                            @endif
                                                                            @if ($item->caja_chica_detalle_orden_producto_id == null)
                                                                                <td>No definido</td>
                                                                            @else
                                                                                <td>{{ $item->orden_producto_numero }}</td>
                                                                            @endif
                                                                            <td>
                                                                                <div class="btn-group">
                                                                                    <a href="{{ url('caja/activa/detalle/' . $item->caja_chica_detalle_id . '/ver') }}"
                                                                                        class="btn btn-tbl-update btn-xs"
                                                                                        data-bs-toggle="tooltip"
                                                                                        data-bs-placement="top"
                                                                                        title="Ver">
                                                                                        <i class="fa fa-eye"></i>
                                                                                    </a>
                                                                                    @if ($item->caja_chica_detalle_comprobante_interno == null)
                                                                                        <a href="{{ asset('upload/files-caja-chica/files-caja-chica-detalle/' . $item->caja_chica_detalle_soporte_file) }}"
                                                                                            target="_blank"
                                                                                            title="ver adjunto"
                                                                                            class="btn btn-tbl-update btn-xs"><i
                                                                                                class="fa fa-download"></i></a>
                                                                                    @else
                                                                                        <a href="{{ url('caja/chica/descargar/' . $item->caja_chica_detalle_id . '/comprobante') }}"
                                                                                            target="_blank"
                                                                                            class="btn btn-tbl-update btn-xs"
                                                                                            data-bs-toggle="tooltip"
                                                                                            data-bs-placement="top"
                                                                                            title="Actualizar">
                                                                                            <i class="fa fa-print"></i>
                                                                                        </a>
                                                                                    @endif
                                                                                    <a href="{{ url('caja/activa/' . $item->caja_chica_detalle_id . '/editar') }}"
                                                                                        class="btn btn-tbl-update btn-xs"
                                                                                        data-bs-toggle="tooltip"
                                                                                        data-bs-placement="top"
                                                                                        title="Actualizar">
                                                                                        <i class="fa fa-edit"></i>
                                                                                    </a>
                                                                                    <a class="btn btn-tbl-update btn-xs text-white"
                                                                                        data-bs-toggle="tooltip"
                                                                                        data-bs-placement="top"
                                                                                        title="Eliminar"
                                                                                        onclick="sendDelete({{ $item->caja_chica_detalle_id }},'caja_activa','caja/activa')">
                                                                                        <i class="fa fa-trash"></i>
                                                                                    </a>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                @else
                                                                    <tr>
                                                                        <td colspan="11" class="text-center">No se
                                                                            encontraron resultados.</td>
                                                                    </tr>
                                                                @endif
                                                            </tbody>

                                                        </table>

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

                                <!--FOOTER-->
                                <div class="row">
                                    <!--OBSERVACIONES-->
                                    <div class="col-md-6">
                                        <p class="lead margin-bottom">Observaciones de Caja Actual:</p>
                                        <textarea id="input-observaciones" class="col-md-12" rows="4" onkeyup='$("#save-observaciones").fadeIn();'
                                            onchange='$("#save-observaciones").fadeIn();'></textarea>
                                        <a id="save-observaciones" class="btn btn-xs btn-default pull-right"
                                            onclick="saveObservaciones()" style="margin-top: 2px; display: none;"><i
                                                class="fa fa-save"></i> Guardar Cambios</a>
                                    </div>
                                    <!--TOTALES DE CIERRE-->
                                    <div class="col-md-6">
                                        <p class="lead">Tiempo Actual: {{ Date('Y-m-d H:i:s') }}</p>
                                        <div class="table-responsive">
                                            <table class="table">
                                                <tbody>
                                                    <tr>
                                                        <th style="width: 50%;">Saldo Inicial</th>
                                                        <td class="text-right">
                                                            ₡{{ number_format($data->caja_chica_saldo_inicial, 2, '.', ',') }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>Total Detalles</th>
                                                        <td class="text-right">
                                                            ₡{{ number_format($saldo_egresado, 2, '.', ',') }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Saldo Actual</th>
                                                        <td class="text-right">
                                                            ₡{{ number_format($data->caja_chica_saldo_final, 2, '.', ',') }}
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <!--ACCIONES DE CAJA-->
                                <div class="row no-print">
                                    <div class="col-md-12">
                                        <!--BOTONES LEFT
                                                    <a class="btn btn-default pull-left" style="margin-right: 5px;"><i class="fa fa-file-pdf-o"></i> Descargar en PDF</a>                        <a class="btn btn-default pull-left" style="margin-right: 5px;"><i class="fa fa-file-excel-o"></i> Descargar en Excel</a>                        -->

                                        <!--BOTONES RIGHT-->
                                        <!--
                                                    <a class="btn btn-success pull-right" href="/test-environment/valledepaz/backend/web/index.php?r=caja-chica%2Fcaja-activa&amp;cerrar_caja_id=657" style="margin-right: 5px;" data-confirm="¿Está seguro de que desea realizar el cierre de la caja actual?" data-method="post"><i class="fa fa-save"></i> Cerrar Caja Actual</a>                        -->

                                        @if ($data->caja_chica_estado == '0')
                                        @elseif($data->caja_chica_estado == '2')
                                        {{-- aprobar-cierreCaja-chica --}}
                                        @if (auth()->user()->hasPermissionTo('aprobar-cierreCaja-chica'))
                                            <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>
                                        @endif
                                        @elseif($data->caja_chica_estado == '3')
                                        @else
                                            @if (auth()->user()->hasPermissionTo('aprobar-pre-cierreCaja-chica'))
                                                <a class="btn btn-success pull-right" data-toggle="modal"
                                                    data-target="#staticModalPreCierre" style="margin-right: 5px;">
                                                    <i class="fa fa-unlock-alt"></i> Ejecutar Pre-Cierre
                                                </a>                                                
                                            @endif
                                        @endif

                                        <!--
                                                                            -->
                                    </div>
                                </div>


                                <!--modal precierre-->
                                <div class="modal fade" id="staticModalInactivar" 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-danger">
                                                <h5 class="modal-title" id="staticModalLabel">Inactivar Caja</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 inactivar la caja actual?</label>
                                                    </div>

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

                                <!--modal precierre-->
                                <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_chica_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>

                                <!--modal cierre-->
                                <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">Confirmar Cierre final de
                                                    caja</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 cierre final de la caja actual?</label>
                                                    </div>

                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button"
                                                        onClick="cierrefinal({{ $data->caja_chica_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>

                                <!--modal reintegro aprobado-->
                                <div class="modal fade" id="staticModalReintegro" role="dialog"
                                    aria-labelledby="staticModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-md" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header bg-info">
                                                <h5 class="modal-title" id="staticModalLabel"><i class="fa fa-usd"></i>
                                                    Reintegro Aprobado</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 class="bootstrap-dialog-body">
                                                        <div class="bootstrap-dialog-message">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <p></p>
                                                                    <p>
                                                                        Su solicitud de reintegro fue aprobada por valor de
                                                                        <strong><span class="not-set">(no
                                                                                definido)</span></strong>.
                                                                    </p>
                                                                    <p>Desde este momento, usted puede hacer uso del valor
                                                                        reintegrado, para ello es necesario procesar el
                                                                        reintegro solicitado.</p>
                                                                    <p>
                                                                        Tenga en cuenta que este proceso realizara el cierre
                                                                        de la caja chica actual, seguido de la apertura de
                                                                        una nueva caja chica con el valor reintegrado, si
                                                                        aun no esta seguro de hacer este paso, pude realizar
                                                                        este
                                                                        proceso en otro momento.
                                                                    </p>
                                                                    <p></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="modal-footer">
                                                    <!-- <button type="button" onClick="inactivar({{ $data->caja_chica_id }},{{ auth()->user()->id }});" class="btn bg-danger">Inactivar</button> -->
                                                    <a class="btn bg-success text-white" data-dismiss="modal"
                                                        aria-label="Close"><i class="fa fa-check"></i> Aceptar</a>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                @endif

            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        function inactivarCaja() {
            Swal.fire({
                title: '¿Está seguro de que desea inactivar la caja actual?',
                text: "Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Inactivar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    inactivar({{ $data->caja_chica_id }}, {{ auth()->user()->id }});
                }

            })
        }

        function generar() {
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

        function chkMarcados() {
            console.log('marcar chk');
        }

        function limpiar() {
            $('#nombre').val('');
            $('#descripcion').val('');

            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }


        function buscar(tipo) {

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

            switch (tipo) {
                case 'nombre':
                    if (textoSelect.length > 3) {
                        document.getElementById("frmFiltros").submit();
                    }
                    break;
                case 'descripcion':
                    if (textoSelect.length > 3) {
                        document.getElementById("frmFiltros").submit();
                    }
                    break;
                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }

        function inactivar(x, y) {
            var obs = $('#input-observaciones').val();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'caja/activa/inactivar' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_chica_id: x,
                    user_id: y,
                    obs: obs
                },
                success: function(res) {
                    console.log(res.data);
                    if (res.data = 'TRUE') {
                        Swal.fire({
                            title: 'Alerta!',
                            text: 'Caja inactivada con éxito!',
                            icon: 'success',
                            confirmButtonText: 'Aceptar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.href("{{ asset('') . 'cajas/chica/listar' }}");
                            }
                        })
                    } else {
                        Swal.fire(
                            'Alerta',
                            'Error al inactivar!',
                            'error'
                        )

                        setTimeout(() => {
                            location.reload()
                        }, 500);
                    }
                },
                dataType: "json"
            });
        }

        function pre_cierre(x, y) {
            var obs = $('#input-observaciones').val();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'caja/activa/pre_cierre' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_chica_id: x,
                    user_id: y,
                    obs: obs
                },
                success: function(res) {
                    console.log(res.data);
                    switch (res.data) {
                        case 'TRUE':
                            
                            Swal.fire({
                                title: 'Alerta!',
                                text: 'Pre-cierre realizado con éxito!',
                                icon: 'success',
                                confirmButtonText: 'Aceptar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                            
                            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(x, y) {
            var obs = $('#input-observaciones').val();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'caja/activa/cierre_final' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_chica_id: x,
                    user_id: y,
                    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: 'Cierre realizado con éxito!',
                            icon: 'success',
                            confirmButtonText: 'Aceptar'
                        }).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();
                            }
                        })
                    }
                },
                dataType: "json"
            });
        }

        function activarCaja() {
            Swal.fire({
                title: '¿Está seguro de que desea activar la caja actual?',
               // text: "Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Activar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    activar({{ $data->caja_chica_id }}, {{ auth()->user()->id }});
                }


            })
        }

        function activar(x, y) {
            var obs = $('#input-observaciones').val();
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'caja/activa/activar' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    caja_chica_id: x,
                    user_id: y,
                    obs: obs
                },
                success: function(res) {
                    console.log(res.data);
                    if (res.data = 'TRUE') {
                        Swal.fire({
                            title: 'Alerta!',
                            text: 'Caja abierta con éxito!',
                            icon: 'success',
                            confirmButtonText: 'Aceptar'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }
                        })
                    } else {
                        Swal.fire(
                            'Alerta',
                            'Error al inactivar!',
                            'error'
                        )

                        setTimeout(() => {
                            location.reload()
                        }, 500);
                    }
                },
                dataType: "json"
            });
        }
    </script>

    @isset($data->reintegro_estado)
        @if ($data->reintegro_estado == '2')
            <script>
                $(document).ready(function() {
                    $("#staticModalReintegro").modal('show');
                });
            </script>
        @endif
        @endif

        <script>
            $(document).ready(function() {
                // into localStorage from a previous page load
                if (localStorage.getItem("loadedEarlier") == 'yes') {
                    // Page has already loaded earlier
                    jQuery("#w4-warning").css("display", "block");
                    //Trash values into localStorage
                    localStorage.setItem("loadedEarlier", "not")
                }
            });
        </script>
    @endsection