@extends('layout.master', ['activePage' => 'actualizar_estadisticas', 'menuParent' => 'Operaciones', 'titlePage' => 'Actualizar estadisticas'])

@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}

    <style>
        .field {
            font-weight: bold;
            font-size: 14px !important;
        }

        .btn-update:hover {
            background-color: #E8C552 !important;
            color: black !important;
            border-color: #E8C552 !important
        }

        .widget-padding {
            padding-top: 5% !important;
            padding-bottom: 5% !important;

            span {
                font-size: 20px !important;
            }
        }
    </style>
@endpush

@section('content')
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{ __('Operaciones') }}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span style="font-size: 16px !important"> {{ __('Actualizar estadisticas') }}</span>
                                </li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->

    @if ($existeAlgunaFecha)

        <!-- Form Analisis Cartera -->
        <div class="col-md-12 h-75">
            <form action="#" method="post" id="frm_update_metrics">
                <div class="statbox widget box box-shadow widget-padding">
                    <div class="w-100">

                        <div class="row justify-content-center">
                            <div class="col-md-3">
                                <label class="field">Fecha a actualizar<b style="color: red !important">*</b>:</label>
                                <input id="fecha_actualizar" name="fecha_actualizar" class="form-control"
                                    type="date" style="font-size: 12px" value="{{ $fecha }}">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 d-flex justify-content-center mt-3">
                            <button type="button" id="btnUpdateMetrics" name="btnUpdateMetrics"
                                class="btn btn-primary btn-update">Actualizar estadisticas</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- Form Analisis Cartera -->

    @else

        <div class="col-md-12 h-75">
            <div class="statbox widget box box-shadow text-center widget-padding">
                <span>¡No se encontraron registros de estadisticas <b>disponibles</b>!</span>
            </div>
        </div>

    @endif
@endsection

@push('plugin-scripts')
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('assets/js/apps/companies.js') !!}
    {!! Html::script('assets/js/basicui/sweet_alerts.js') !!}
    {!! Html::script('assets/js/custom.js') !!}
    {!! Html::script('plugins/notification/snackbar/snackbar.min.js') !!}
    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/table/datatable/datatables.js') !!}
    <!--  The following JS library files are loaded to use Copy CSV Excel Print Options-->
    {!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.html5.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/buttons.print.min.js') !!}
    <!-- The following JS library files are loaded to use PDF Options-->
    {!! Html::script('plugins/table/datatable/button-ext/pdfmake.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/vfs_fonts.js') !!}
    {!! Html::script('assets/js/basicui/inputmask.js') !!}
@endpush

@push('custom-scripts')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

        <script text="text/javascript">
            $(document).ready(function() {
                const workDoneMessageOptions = {
                    icon: 'success',
                    title: 'Operación realizada',
                    text: "¡Se han actualizado las estadisticas!",
                    confirmButtonText: 'Aceptar'
                }

                const errorMessageOptions = {
                    icon: 'error',
                    title: '¡Ha ocurrido un error!',
                    text: "Ha ocurrido un error, intentelo de nuevo más tarde. (SQLSTATE[23000]: Integrity constraint violation)",
                    confirmButtonText: 'Aceptar'
                }

                $('#btnUpdateMetrics').on('click', () => {
                    const formData = new FormData($("#frm_update_metrics")[0]);

                    $.ajax({
                        url: "{{ url('/operaciones/actualizar_estadisticas') }}",
                        type: "POST",
                        data: formData,
                        processData: false,
                        contentType: false,
                        beforeSend: () => {
                            $("#loadingModal").modal("show")
                        },
                        success: (res, _, jqXHR) => {
                            setTimeout(function() {
                                $("#loadingModal").modal("hide");
                                Swal.fire(workDoneMessageOptions)
                            }, 500);
                        },
                        error: () => {
                            setTimeout(function() {
                                $("#loadingModal").modal("hide");
                                Swal.fire(errorMessageOptions)
                            }, 500);
                        }
                    })

                })
            })
        </script>

@endpush