@extends('fragments.fullTemplate')
@section('titulo')
Bitácora
@endsection
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Reportes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Bitácoras</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content"> 
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @if ($permisos->verqr == 1)
    {{--
    <a id="exportar_bitacora" href="{{ url('reporte_bitacora') }}" class="ui button fluid green create_bitacora">
        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
        <i class="icon download"></i> Exportar Bitacora
    </a>      
    <button class="ui button fluid green create_bitacora">
        <i class="icon download"></i> Exportar Bitácora
    </button>--}}
	@endif
    
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th style="width:60%">Bitácora</th>
                        <th class="text-center">Reporte</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Bitácora General</td>
                        <td>
                              @if ($permisos->verqr == 1)
                            <button id="bitacora_general" class="ui button fluid green create_bitacora">
                                <i class="icon download"></i> Exportar Bitácora
                            </button>
                             @endif
                        </td>
                    </tr>
                    @if ($datos_auditoria->activo == 0)
                        <tr>
                            <td>Bitácora Otros Servicios</td>
                            <td>
                                 @if ($permisos->verqr == 1)

                                <button id="bitacora_otros_servicios" class="ui button fluid green create_bitacora">
                                    <i class="icon download"></i> Exportar Bitácora
                                </button>
                               
                                @endif
                            </td>
                        </tr> 
                        <tr>
                            <td>Bitácora Servicios Internacionales</td>
                            <td>
                                 @if ($permisos->verqr == 1)

                                <button id="bitacora_servicios_internacionales" class="ui button fluid green create_bitacora">
                                    <i class="icon download"></i> Exportar Bitácora
                                </button>
                               
                                @endif
                            </td>
                        </tr> 
                        <tr>
                            <td>Bitácora Modificaciones</td>
                            <td>

                            @if ($permisos->verqr == 1)

                            <button class="ui button fluid green bitacora_modificaciones_nueva">
                            <i class="icon download"></i> Exportar Bitácora
                            </button>

                            @endif

                            </td>
                        </tr> 
                        <tr>
                            <td>Bitácora ARM</td>
                            <td>
                                 @if ($permisos->verqr == 1)

                                <button id="bitacora_arm" class="ui button fluid green create_bitacora">
                                    <i class="icon download"></i> Exportar Bitácora
                                </button>
                               
                                @endif
                            </td>
                        </tr> 
                    @endif
                    
                </tbody>
            </table>
        </div>
    </div>

    @include('Bitacoras.create_modal')
    <script>

        // Lógica de apertura de Modals
        $(document).on('click','.create_bitacora',function(){
            tipo_bitacora =$(this).attr('id');
            switch (tipo_bitacora) {
                case "bitacora_general":
                    $('#tipo_bitacora').val(1);
                    break;
                case "bitacora_otros_servicios":
                    $('#tipo_bitacora').val(2);
                    break;
                case "bitacora_servicios_internacionales":
                    $('#tipo_bitacora').val(3);
                    break;
                case "bitacora_arm":
                    $('#tipo_bitacora').val(4);
                    break;
            }
           
            $('#create_modal').modal('show'); 
        });

    </script>

    @include('Bitacoras.bitacora_modificaciones_modal')
    <script>

        // Lógica de apertura de Modals
        $(document).on('click','.bitacora_modificaciones_antigua',function(){

        $('#tipo_bitacora_modificaciones').val('antigua');

        $('#create_bitacora_modificaciones_modal').modal('show');

        });


        $(document).on('click','.bitacora_modificaciones_nueva',function(){

        $('#tipo_bitacora_modificaciones').val('nueva');

        $('#create_bitacora_modificaciones_modal').modal('show');

        });

    </script>

    <script>

        // Inicialización de Datepickers

        $(function() {
            $('.year_datepicker').datepicker({
                format: "yyyy",
                viewMode: "years", 
                minViewMode: "years",
                autoclose: true 
            });
        });

        $(function() {
            $('.month_datepicker').datepicker({
                format: "mm",
                viewMode: "months", 
                minViewMode: "months",
                autoclose: true 
            });
        });

    </script>

    <script>
        $(function() {
          $('.customdaterangepicker').daterangepicker({
            opens: 'left'
          }, function(start, end, label) {
            console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
          });
        });
    </script>

    <script>

        
        $('#button_spinner').click(function(){
            
            pdf_button = $(this).attr('id');
            
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');

            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');

        });
        
        setInterval(function(){ 
            spinner.addClass('d-none'); 
            icono.removeClass('d-none');
        }, 5000);
        
    </script>
    
@endsection