EVOLUTION-MANAGER

Edit File: crear.blade.php

@extends('layouts.backend')

@section('titulo')
  Actas de Sesión
@stop

@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('admin/frontend/css/sweetalert2.min.css') }}">
<link href="{{asset('public/frontend/transparencia/wp-content/plugins/accordions/assets/global/css/themesTabs.style.css')}}" id="accordions_themes.Tabs.style-css" media="all" rel="stylesheet" type="text/css"/>
<link href="{{asset('public/frontend/transparencia/wp-content/plugins/taqyeem-buttons/assets/style.css')}}" id="taqyeem-buttons-style-css" media="all" rel="stylesheet" type="text/css"/>
<link href="{{asset('public/frontend/transparencia/wp-content/plugins/js_composer/assets/css/js_composer.min.css')}}" id="js_composer_front-css" media="all" rel="stylesheet" type="text/css"/>
<link href="{{asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/taqyeem.css')}}" id="taqyeem-styles-css" media="all" rel="stylesheet" type="text/css"/>
<link href="{{asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/style.css')}}" id="tie-css-styles-css" media="all" rel="stylesheet" type="text/css"/>
<link href="{{asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/ilightbox/dark-skin/skin.css')}}" id="tie-css-ilightbox-css" media="all" rel="stylesheet" type="text/css"/>

@section('contenido')

@include('alerts.errors')
@include('alerts.success')
@include('alerts.request')

<div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12 "> 
              
                <div class="page-template-default page page-id-1181 tribe-no-js wrapper-has-shadow block-head-1 magazine1 is-thumb-overlay-disabled is-desktop is-header-layout-1 sidebar-right has-sidebar post-layout-1 has-mobile-share hide_share_post_top hide_share_post_bottom hide_related hide_post_authorbio wpb-js-composer js-comp-ver-5.4.5 vc_responsive" id="tie-body">
        
                    <div >
                        <div  role="main">
                            <article class="container-wrapper post-content" id="the-post">
                                <header class="entry-header-outer">                                       
                                    <div class="entry-header">
                                        <h1 class="post-title entry-title">
                                            Actas de Sesión
                                        </h1>
                                    </div>
                                    
                                </header>
                                
                                <div class="entry-content entry clearfix" id="itemsx">
                                    
                                    @include('admin.actas_sesion.actas')
                                   
                                </div>
                                
                            </article>
                            
                        </div>
                        
                        
                        
                    </div>
                   
                </div>         
            </div>
        </div>        
</div>

@stop
@section('script')
<script src="{{ asset('admin/frontend/js/sweetalert2.min.js') }}"></script>
<script type="text/javascript">
    function mensaje(tipo,mensaje){
        swal({
                type: tipo,
                title: 'Advertencia',
                text: mensaje,
                buttonsStyling: false,
                confirmButtonClass: 'btn btn-lg btn-warning'
        });
    }

function ordenarAsc(p_array_json, p_key) {
       p_array_json.sort(function (a, b) {
          return a[p_key] > b[p_key];
       });
    }

function ordenarDesc(p_array_json, p_key) {
       ordenarAsc(p_array_json, p_key); p_array_json.reverse(); 
    }

function SeguroEliminarAnio(id){

swal({
            title: 'Estas seguro?',
            text: "No podrás recuperar lo eliminado!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0CC27E',
            cancelButtonColor: '#FF586B',
            confirmButtonText: 'Si, Eliminar!',
            cancelButtonText: 'No, Cancelar!',
            confirmButtonClass: 'btn btn-success mr-5',
            cancelButtonClass: 'btn btn-danger',
            buttonsStyling: false
            }).then(function () {
                swal({
                     title: 'Eliminando año...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/acta/deleteanio/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminado!',
                            'El año fue eliminado.',
                            'success'
                            );
                            $('#li-'+data.anio).attr('style','display:none');
                            $('#'+data.anio).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'El año no pudo ser eleminado',
                                'error'
                            )
                        }
                
                    }         
                }); 
        
            }, function (dismiss) {
                // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
                if (dismiss === 'cancel') {
                    swal(
                        'Cancelado',
                        'Has cancelado la eliminación',
                        'error'
                    )
                }
            });
        
            
     }

function SeguroEliminarMes(id){

swal({
            title: 'Estas seguro?',
            text: "No podrás recuperar lo eliminado!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0CC27E',
            cancelButtonColor: '#FF586B',
            confirmButtonText: 'Si, Eliminar!',
            cancelButtonText: 'No, Cancelar!',
            confirmButtonClass: 'btn btn-success mr-5',
            cancelButtonClass: 'btn btn-danger',
            buttonsStyling: false
            }).then(function () {
                swal({
                     title: 'Eliminando mes...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/acta/deleteames/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminado!',
                            'El mes fue eliminado.',
                            'success'
                            );
                            $('#mes-'+id).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'El mes no pudo ser eleminado',
                                'error'
                            )
                        }
                
                    }         
                }); 
        
            }, function (dismiss) {
                // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
                if (dismiss === 'cancel') {
                    swal(
                        'Cancelado',
                        'Has cancelado la eliminación',
                        'error'
                    )
                }
            });
        
            
    }

function SeguroEliminarActa(id){

swal({
            title: 'Estas seguro?',
            text: "No podrás recuperar lo eliminado!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0CC27E',
            cancelButtonColor: '#FF586B',
            confirmButtonText: 'Si, Eliminar!',
            cancelButtonText: 'No, Cancelar!',
            confirmButtonClass: 'btn btn-success mr-5',
            cancelButtonClass: 'btn btn-danger',
            buttonsStyling: false
            }).then(function () {
                swal({
                     title: 'Eliminando acta...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/acta/deleteactas/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminado!',
                            'El acta fue eliminada.',
                            'success'
                            );
                            $('#li-'+id).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'El acta no pudo ser eleminado',
                                'error'
                            )
                        }
                
                    }         
                }); 
        
            }, function (dismiss) {
                // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
                if (dismiss === 'cancel') {
                    swal(
                        'Cancelado',
                        'Has cancelado la eliminación',
                        'error'
                    )
                }
            });
        
            
     }

function modal_añadir_anio(id_anio){

swal({
            title: "Nuevo año",
            // text: "Correo eletrónico a enviar:",
            input: "select",
            inputOptions: {
                @foreach($arrayAnios as $anio)
                {{$anio}}: '{{$anio}}',
                @endforeach
                
              },
            showCancelButton: true,
            inputPlaceholder: "Seleccione un año",
            // inputValue:email,
            allowOutsideClick: false,
            }).then(function (inputValue) {        
                if (inputValue === false || inputValue=== ""){
                    swal("Seleccion vacia!", "No selecciono ningun año", "warning");
                    
                }else{
                    swal({
                     title: 'Añadiendo año...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                    swal.showLoading();
                    
                     $.ajax({
                        url: '{{url('administracion/acta/guardar_anio')}}',
                        type: 'POST',
                        data:{_token:"{{ csrf_token() }}",anio:inputValue},          
                        success: function(res) {
                        
                         if(res != 0){  
                         console.log(res);                       
                            swal("Año guardado!", "Se guardo el año "+ inputValue, "success");
                            // $('#itemsx').html(res);
                            var li=`<li class="vc_tta-tab" data-vc-tab="">
                                    <a data-vc-container=".vc_tta" data-vc-tabs="" style="cursor: pointer;padding-top: 9px;padding-bottom: 3px;" onclick="modal_añadir_anio();">
                                        <span class="vc_tta-title-text">
                                            <h3>+</h3>
                                        </span>
                                    </a>
                                </li>`;
                            var resultArray = $.map(res, function(value, index) { return [value]; });
                            resultArray.sort(function(a, b){return a.anio - b.anio});
                            console.log(resultArray);  
                            $.each(resultArray, function(i, item){
                                // console.log(item);
                                // console.log(item.anio);
                                li += `<li class="vc_tta-tab" data-vc-tab="" id="li-${item.anio}">
                                        <a data-vc-container=".vc_tta" data-vc-tabs="" href="#${item.anio}">
                                            <span class="vc_tta-title-text">
                                                ${item.anio}
                                            </span>
                                        </a>
                                      </li>`;
                            });
                            
                            $('#ul-anios').html(li);

function modal_añadir_mes(id_anio){

swal({
            title: "Nuevo mes",
            // text: "Correo eletrónico a enviar:",
            input: "select",
            inputOptions: {
                Enero: 'Enero',
                Febrero: 'Febrero',
                Marzo: 'Marzo',
                Abril: 'Abril',
                Mayo: 'Mayo',
                Junio: 'Junio',
                Julio: 'Julio',
                Agosto: 'Agosto',
                Septiembre: 'Septiembre',
                Octubre: 'Octubre',
                Noviembre: 'Noviembre',
                Diciembre: 'Diciembre'
                
              },
            showCancelButton: true,
            inputPlaceholder: "Seleccione un mes",
            // inputValue:email,
            allowOutsideClick: false,
            }).then(function (inputValue) {        
                if (inputValue === false || inputValue=== ""){
                    swal("Seleccion vacia!", "No selecciono ningun mes", "warning");
                    
                }else{
                    swal({
                     title: 'Añadiendo mes...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                    swal.showLoading();
                    var orden='';
                    if (inputValue==='Enero') {orden=1}
                    if (inputValue==='Febrero') {orden=2}
                    if (inputValue==='Marzo') {orden=3}
                    if (inputValue==='Abril') {orden=4}
                    if (inputValue==='Mayo') {orden=5}
                    if (inputValue==='Junio') {orden=6}
                    if (inputValue==='Julio') {orden=7}
                    if (inputValue==='Agosto') {orden=8}
                    if (inputValue==='Septiembre') {orden=9}
                    if (inputValue==='Octubre') {orden=10}
                    if (inputValue==='Noviembre') {orden=11}
                    if (inputValue==='Diciembre') {orden=12}

$.ajax({
                        url: '{{url('administracion/acta/guardarnuevames')}}',
                        type: 'POST',
                        data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio,orden},          
                        success: function(res) {
                        
                         if(res != 0){                         
                            swal("Mes guardado!", "Se guardo el nuevo mes", "success");
                            // $('#itemsx').html(res);
                            location.reload(true);
                         }
                        },
                        error: function(error) {
                        
                        swal("Error al guardar", error, "error");  
                        },
                    });
                }    
            });
    }

function modal_acta_nueva(mes_id){

swal({
            title: "Acta nueva",
            showCancelButton: true,
            allowOutsideClick: false,
            html:`<div class="swal2-content">                    
                     <input type="number" class="swal2-input" id="convocatoria" placeholder="Ingrese número de convocatoria" style="display: block;max-width: 300px;text-align: center;">
                     <select class="swal2-select" style="display: flex;margin-left: 0px;margin-right: 0px;height: 40px;width: 500px;" id="tipo_convocatoria">
                     <option value="" disabled="">Seleccione el tipo de convocatoria</option>
                     <option value="Ordinaria">Ordinaria</option>
                     <option value="Extraordinaria">Extraordinaria</option>
                     </select>
                     <label>Live de Facebook (opcional) </label>
                     <input type="text" class="swal2-input" id="link_live" style="display: block;margin-top: 0px;" placeholder="Ingrese link de live de facebook">
                     <label>Fecha de acta</label>
                     <input type="date" class="swal2-input" id="fecha_acta" style="display: block;margin-top: 0px;">
                     <input type="file" class="swal2-file" id="file_acta"  style="display: block;" accept="application/pdf,image/*">
                 </div>`,
            showCloseButton: true,
            showCancelButton: true,
            showConfirmButton: true,
            cancelButtonText: 'Cerrar',
            preConfirm: () => {
                // return [

//   document.getElementById('swal-input1').value,
                //   document.getElementById('swal-input2').value
                // ]
                var inputFile = $('#file_acta').val();
                var convocatoria = $('#convocatoria').val();
                var tipo_convocatoria = $('#tipo_convocatoria').val();
                var fecha_acta = $('#fecha_acta').val();
                var link_live = $('#link_live').val();
                // console.log(inputFile);
                // console.log(tipo_convocatoria);
                // var inputValue = $('#file_acta')[0].files.length;
                if (inputFile === false || inputFile === ''){

swal("Seleccion vacia!", "No selecciono ningun archivo", "warning");
                
                }else if (convocatoria === ''){
                     
                    swal("Numero de convocatoria vacio!", "No se ingreso ningun número de convocatoria", "warning");

}else if(tipo_convocatoria === false ||tipo_convocatoria === ''){
                    swal("Tipo de convocatoria vacio!", "No se selecciono ningun tipo", "warning");
                }else if(fecha_acta === false ||fecha_acta === ''){
                    swal("Fecha de convocatoria vacio!", "No se ingreso ninguna fecha", "warning");
                }else {
                    var file = $("#file_acta")[0].files[0];
                    var dato = new FormData();
                    dato.append('file_acta',file);
                    dato.append('numero_convocatoria',convocatoria);
                    dato.append('tipo_convocatoria',tipo_convocatoria);
                    dato.append('fecha_acta',fecha_acta);
                    dato.append("id_mes", mes_id);
                    dato.append("link_live",link_live);
                    dato.append("_token", "{{ csrf_token() }}");
                    
                    swal({
                     title: 'Añadiendo acta...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                    swal.showLoading();

$.ajax({
                        url: '{{url('administracion/acta/guardaracta')}}',
                        type: 'POST',
                        processData: false,
                        contentType: false,
                        data:dato,
                        // data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio},          
                        success: function(acta) {
                        
                         if(acta != 0){                         
                            swal("Acta guardada!", "Se guardo la nueva acta", "success");
                            var fecha = acta.created_at.substring(10,-3);
                                    fecha = fecha.replace(/-/g, "/");
                            var nueva_acta = `<li style="font-weight: 400;" >
                                            <div class="col-md-2">
                                                <a href="${acta.url}" target="_blank">
                                                
                                                <span style="font-weight: 400;">
                                                    Convocatoria ${acta.numero}
                                                </span>
                                            </a>
                                            </div>
                                            <div class="col-md-2" style="text-align: right;">
                                                ${acta.tipo}
                                            </div>
                                            <div class="col-md-4" style="text-align: right;">
                                                ${fecha}
                                            </div>
                                            <div class="col-md-4" style="text-align: right;">
                                               <button onclick="modal_editar_acta(${acta.id})" style="cursor: pointer;background: transparent;">
                                                <i class="fas fa-edit"></i>
                                                </button>
                                                <button style="cursor: pointer;background: transparent;" onclick="SeguroEliminarMes(${acta.id})" title="Eliminar acta" class=""><i class="fas fa-trash-alt"></i>
                                                </button>  
                                            </div>
                                            
                                        </li>`;
                            $('#ul-'+mes_id).append(nueva_acta);
                         }
                        },
                        error: function(error) {
                        
                        swal("Error al guardar", error, "error");  
                        },
                    });
                } 
            }
        }).done();   
    }

function modal_editar_acta(acta_id){

swal({
         title: 'Cargando datos de acta...',
         allowOutsideClick: false,
         allowEscapeKey: false 
        });
        swal.showLoading();

$.ajax({
            type: "GET",
            url: "{{url('administracion/acta/editar_acta/')}}/"+acta_id,
            // data: { "_token": "{{ csrf_token() }}" },
            success: function (data) {                
                var fecha = data.created_at.substring(10,-3);
                console.log(fecha);
                let modal = `<div class="swal2-content">                    
                             <input type="number" class="swal2-input" id="convocatoria" placeholder="Ingrese número de convocatoria" value="${data.numero}" style="display: block;max-width: 300px;text-align: center;">
                             <select class="swal2-select" style="display: flex;margin-left: 0px;margin-right: 0px;height: 40px;width: 500px;" id="tipo_convocatoria">
                             <option value="" disabled="">Seleccione el tipo de convocatoria</option>`;
                             if (data.tipo == 'Extraordinaria') {                               
                                modal+=`<option value="Ordinaria" >Ordinaria</option>`;
                                modal+=`<option value="Extraordinaria" selected>Extraordinaria</option>`;
                             }else{
                                modal+=`<option value="Ordinaria" selected>Ordinaria</option>`;
                                modal+=`<option value="Extraordinaria">Extraordinaria</option>`;
                             }
                             
                             modal+=`</select>
                             <label>Live de Facebook (opcional) </label>
                             <input type="text" class="swal2-input" id="link_live" style="display: block;margin-top: 0px;" placeholder="Ingrese link de live de facebook" value="${data.link_live}">
                             <label>Fecha de acta</label>
                             <input type="date" class="swal2-input" id="fecha_acta" style="display: block;margin-top: 0px;" value="${fecha}">
                             <input type="file" class="swal2-file" id="file_acta"  style="display: block;" accept="application/pdf,image/*">
                         </div>`;
                
                swal({
                    title: "Editando acta",
                    showCancelButton: true,
                    allowOutsideClick: false,
                    html:modal,
                    showCloseButton: true,
                    showCancelButton: true,
                    showConfirmButton: true,
                    cancelButtonText: 'Cerrar',
                    preConfirm: () => {
                        // return [

//   document.getElementById('swal-input1').value,
                        //   document.getElementById('swal-input2').value
                        // ]
                        var inputFile = $('#file_acta').val();
                        var convocatoria = $('#convocatoria').val();
                        var tipo_convocatoria = $('#tipo_convocatoria').val();
                        var fecha_acta = $('#fecha_acta').val();
                        var link_live = $('#link_live').val();
                        // console.log(inputFile);
                        // console.log(tipo_convocatoria);
                        // var inputValue = $('#file_acta')[0].files.length;
                        if (convocatoria === ''){
                             
                            swal("Numero de convocatoria vacio!", "No se ingreso ningun número de convocatoria", "warning");

}else if(tipo_convocatoria === false ||tipo_convocatoria === ''){
                            swal("Tipo de convocatoria vacio!", "No se selecciono ningun tipo", "warning");
                        }else if(fecha_acta === false ||fecha_acta === ''){
                            swal("Fecha de convocatoria vacio!", "No se ingreso ninguna fecha", "warning");
                        }else {
                            var file = $("#file_acta")[0].files[0];
                            var dato = new FormData();
                            dato.append('file_acta',file);
                            dato.append('numero_convocatoria',convocatoria);
                            dato.append('tipo_convocatoria',tipo_convocatoria);
                            dato.append('fecha_acta',fecha_acta);
                            dato.append("id_acta", acta_id);
                            dato.append("link_live",link_live);
                            dato.append("_token", "{{ csrf_token() }}");
                            
                            swal({
                             title: 'Editando acta...',
                             allowOutsideClick: false,
                             allowEscapeKey: false 
                            });
                            swal.showLoading();

$.ajax({
                                url: '{{url('administracion/acta/editar_acta_store')}}',
                                type: 'POST',
                                processData: false,
                                contentType: false,
                                data:dato,
                                // data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio},          
                                success: function(acta) {
                                
                                 if(acta != 0){                         
                                    swal("Acta guardada!", "Se edito correctamente el acta", "success");
                                    var fecha = acta.created_at.substring(10,-3);
                                    fecha = fecha.replace(/-/g, "/");
                                    var acta_editada = `<div class="col-md-2">
                                                        <a href="${acta.url}" target="_blank">
                                                        
                                                        <span style="font-weight: 400;">
                                                            Convocatoria ${acta.numero}
                                                        </span>
                                                    </a>
                                                    </div>
                                                    <div class="col-md-2" style="text-align: right;">
                                                        ${acta.tipo}
                                                    </div>
                                                    <div class="col-md-4" style="text-align: right;">
                                                        ${fecha}
                                                    </div>
                                                    <div class="col-md-4" style="text-align: right;">
                                                       <button onclick="modal_editar_acta(${acta.id})" style="cursor: pointer;background: transparent;">
                                                        <i class="fas fa-edit"></i>
                                                        </button>
                                                        <button style="cursor: pointer;background: transparent;" onclick="SeguroEliminarMes(${acta.id})" title="Eliminar acta" class=""><i class="fas fa-trash-alt"></i>
                                                        </button>  
                                                    </div>`;
                                    $('#li-'+acta.id).html(acta_editada);
                                 }
                                },
                                error: function(error) {
                                
                                swal("Error al editar", error, "error");  
                                },
                            });
                        } 
                    }
                }).done();
        
            },
            error: function(error) {
                swal("Error al editar", error, "error");  
            }         
        });

}

</script>
<script type="text/javascript">
  $(document).ready(function() {
        $(".inline").colorbox(); 
      });
    function Actualizar_foto_pop()
    {
      $('#pop_up_cambio_foto').modal('show');
    }
    function randomColorFactor()
    {
      return Math.round(Math.random()*255);
    }
    function randomColor()
    {
      return 'rgba('+randomColorFactor()+','+randomColorFactor()+','+randomColorFactor()+',.7)';
    }
</script>