@extends('material.layouts.dashboard')


@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- Datatables Styles -->
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- Modal Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css') }}" rel="stylesheet" type="text/css" />
<!-- SweetAlert Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
<!-- Toaster Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.css') }}" rel="stylesheet" type="text/css" />

@endpush

@section('page-title', 'Carga Masiva de Acciones')


@section('page-description', 'Cargar acciones a partir del formato en excel')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Carga Masiva de Acciones', 'nofooter' => true])
        <div class="row">
            {!!Form::open(['route' => 'carga_masiva_acciones', 'method' => 'POST','files' => true, 'enctype'=>'multipart/form-data'])!!}

            <div class="col-md-12">
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-6 bg-info">
                            <div class="col-md-12"><br></div>
                            <div class="col-md-12">
                                <h4 class="text-center"><b>Archivo de referencia para subir acciones</b></h4>
                                <p class="text-center">Por favor descargue la plantilla y diligenciela correctamente para importar acciones con 
                                    seguimientos, causas y hallazgos
                                    de forma masiva al sistema.</p>
                                    <a href="{{ asset('assets/formatos/PLANTILLA_IMPORTAR_ACCIONES.xlsx') }}" type="button" class="btn btn yellow btn-block">
                                        <span>
                                            <i class="fa fa-cloud-download"></i> Descargar plantilla
                                        </span>
                                    </a>
                            </div>
                            <div class="col-md-12"><hr></div>
                        </div> 

                        <div class="col-md-6">
                            <div class="col-md-12"><br></div>
                            <h4 class="text-center"><b>Cargar masivo de acciones</b></h4>
                            {!!Field::file('excel' , ['required', 'label' => 'Archivo diligenciado con acciones'], ['help' => 'Suba el Archivo base, con todas las celdas diligenciadas', 'icon' => 'fa fa-file'])!!}
                            <div class="col-md-12">
                                <button type="submit" class="btn btn blue btn-block"><i class="fa fa-upload"></i>Importar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                @isset($errores)
                    <div class="bg-danger"><br>
                        <h4><b>No fue posible hacer la carga masiva</b></h4>
                        <p>Por favor revise los datos en las siguientes filas</p>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-md-12 ">
                            <table class="table-bordered" width="100%" id='errores-table'>
                            <thead>
                                <tr>
                                    <th class="text-center">Fila</th>
                                    <th>(Área hallazgo) Columna F</th>
                                    <th>(Área responsable) Columna L</th>
                                    <th>(Fecha de inicio) Columna M</th>
                                    <th>(Fecha de terminación) Columna N</th>
                                    <th>(Delegados) Columna X</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($errores as $error)
                                    <tr>
                                        <th class=" text-center" style="font-weight: lighter">{{$error['fila']}}</th>
                                        <th style="font-weight: lighter">{{array_key_exists('areas_plan', $error) ? $error['areas_plan'] : ''}}</th>
                                        <th style="font-weight: lighter">{{array_key_exists('areas_hallazgo', $error) ? $error['areas_hallazgo'] : ''}}</th>
                                        <th style="font-weight: lighter">{{array_key_exists('fecha_inicio', $error) ? $error['fecha_inicio'] : ''}}</th>
                                        <th style="font-weight: lighter">{{array_key_exists('fecha_terminacion', $error) ? $error['fecha_terminacion'] : ''}}</th>
                                        <th style="font-weight: lighter">{{array_key_exists('usuarios_hallazgo', $error) ? $error['usuarios_hallazgo'] : ''}}</th>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                <th class="text-center">Fila</th>
                                <th>(Área hallazgo) Columna F</th>
                                <th>(Área responsable) Columna L</th>
                                <th>(Fecha de inicio) Columna M</th>
                                <th>(Fecha de terminación) Columna N</th>
                                <th>(Delegados) Columna X</th>
                                </tr>
                            </tfoot>
                            </table>
                            
                        </div>
                    </div>
                    @php
                        $errores = null;
                    @endphp
                @endisset
            </div>
            {!!Form::close()!!}
            <div class="col-md-12"><hr></div>
            {!! Form::open(['role' => 'form', 'id' => 'form-informe-usuarios', 'novalidate' => 'novalidate', 'method' => 'POST', 'url' => route('informe_usuarios_modulo') ]) !!}                            
                <div class="col-md-12">
                    <div class="col-md-6 bg-warning">
                        <div class="col-md-12">
                            <h4 class="text-center"><b>Archivo usuarios Pandora - módulo de control interno</b></h4>
                                <p class="text-center">Descargar excel de usuarios con roles asociados al módulo de control interno organizados por áreas.</p>
                        </div>
                        <div class="col-md-12">
                            <div class="text-center">                                                    
                                {{ Form::submit('Descargar', ['class' => 'btn green fa fa-download', 'id' => 'btn_excel','name'=>'btn_excel','title'=>'Descargar archivo']) }}                             
                            </div>
                        </div>
                        <div class="col-md-12"><hr></div> 
                    </div>
                </div>
            {!! Form::close() !!}
        </div>
        
        @endcomponent
    
    </div>
@endsection


@push('functions')
<!-- Toastr Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/ui-toastr.js') }}" type="text/javascript"></script>
<!-- Datatables Scripts -->
    <script src="{{ asset('assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/table-datatable.js') }}" type="text/javascript"></script>
<!-- Modal Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}" type="text/javascript"></script>
 <!-- Select picker -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<!-- SweetAlert Scripts -->

    <script src="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<!-- Validation Scripts -->
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/localization/messages_es.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/form-validation-md.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/general-request.js') }}" type="text/javascript"></script>
<!-- Select2 Script -->
    <script src="{{ asset('assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/es.js"></script>
@endpush


@push('functions')
<script>
    jQuery(document).ready(function () {
        $('#errores-table').DataTable();
        @if (session('message'))
            swal({
            title: "{{ session('title') }}",
            text: "{{ session('message') }}",
            buttonsStyling: false,
            confirmButtonClass: "btn btn-success",
            type: "{{ session('type') }}",
        });
        @endif

    });
</script>
@endpush