EVOLUTION-MANAGER

Edit File: crear-borrar.blade.php

@extends('layouts.backend')

@section('titulo')
  Gacetas
@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">
                                            Gacetas
                                        </h1>
                                    </div>
                                    
                                </header>
                                
                                <div class="entry-content entry clearfix" id="itemsx">
                                    
                                    @include('admin.gacetas.gacetas')
                                   
                                </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 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 gaceta...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/gaceta/deleteanio/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminada!',
                            'La gaceta fue eliminada.',
                            'success'
                            );
                            $('#anio-'+id).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'La gaceta no pudo ser eleminada',
                                'error'
                            )
                        }
                
                    }         
                }); 
        
            }, function (dismiss) {
                // dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
                if (dismiss === 'cancel') {
                    swal(
                        'Cancelado',
                        'Has cancelado la eliminación',
                        'error'
                    )
                }
            });
        
            
    }

function SeguroEliminarGaceta(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 gaceta...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/gaceta/delete_gaceta/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminado!',
                            'La gaceta fue eliminada.',
                            'success'
                            );
                            $('#li-'+id).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'La gaceta no pudo ser eleminada',
                                '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/gaceta/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)
                                                       
                            location.reload(true);
                         }else{
                            swal("Error!", "El "+inputValue+" año ya se encuentra registrado", "warning");
                         }
                        },
                        error: function(error) {
                        
                        swal("Error al guardar", error, "error");  
                        },
                    });
                }    
            });
    }

function modal_gaceta_nueva(anio_id){

swal({
            title: "Gaceta nueva",
            showCancelButton: true,
            allowOutsideClick: false,
            html:`<div class="swal2-content">                    
                     <input type="number" class="swal2-input" id="gaceta" placeholder="Ingrese número de gaceta" style="display: block;max-width: 300px;text-align: center;">
                     <label>Fecha de acta</label>
                     <input type="date" class="swal2-input" id="fecha_gaceta" style="display: block;margin-top: 0px;">
                     <input type="file" class="swal2-file" id="file_gaceta"  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_gaceta').val();
                var gaceta = $('#gaceta').val();
                // var tipo_convocatoria = $('#tipo_convocatoria').val();
                var fecha_gaceta = $('#fecha_gaceta').val();
                // console.log(inputFilefecha_gaceta
                // 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 (gaceta === ''){
                     
                    swal("Numero de gaceta vacio!", "No se ingreso ningun número de gaceta", "warning");

}else if(fecha_gaceta === false ||fecha_gaceta === ''){
                    swal("Fecha de gaceta vacia!", "No se ingreso ninguna fecha", "warning");
                }else {
                    var file = $("#file_gaceta")[0].files[0];
                    var dato = new FormData();
                    dato.append('file_gaceta',file);
                    dato.append('numero_gaceta',gaceta);
                    // dato.append('tipo_convocatoria',tipo_convocatoria);
                    dato.append('fecha_gaceta',fecha_gaceta);
                    dato.append("id_anio", anio_id);
                    dato.append("_token", "{{ csrf_token() }}");
                    
                    swal({
                     title: 'Añadiendo gaceta...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                    swal.showLoading();

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

function mensaje_exito(titulo,mensaje,tipo) {
        swal(titulo,mensaje,tipo);
        
    }

function modal_editar_gaceta(gaceta_id){

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

$.ajax({
            type: "GET",
            url: "{{url('administracion/gaceta/editar_gaceta/')}}/"+gaceta_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="gaceta" placeholder="Ingrese número de gaceta" value="${data.orden}" style="display: block;max-width: 300px;text-align: center;">
                             <label>Fecha de acta</label>
                             <input type="date" class="swal2-input" id="fecha_gaceta" style="display: block;margin-top: 0px;" value="${fecha}">
                             <input type="file" class="swal2-file" id="file_gaceta"  style="display: block;" accept="application/pdf,image/*">
                             <button class="btn" id="eliminar_archivo">Eliminar archivo</button>
                         </div>`;
                
                swal({
                    title: "Editando gaceta",
                    showCancelButton: true,
                    allowOutsideClick: false,
                    html:modal,
                    showCloseButton: true,
                    showCancelButton: true,
                    showConfirmButton: true,
                    onOpen: function(swal) {
                        $(swal).find('#eliminar_archivo').off().click(function(e) {
                          $.ajax({
                                type: "GET",
                                url: "{{url('administracion/gaceta/elimiar_archivo_gaceta/')}}/"+gaceta_id,
                                // data: { "_token": "{{ csrf_token() }}" },
                                success: function (data) {

if (data) {
                                        mensaje_exito('Exito!','Se elemino correctamente el archivo','success');

}

}
                            });
                        });
                        
                    },
                    cancelButtonText: 'Cerrar',
                    preConfirm: () => {
                        // return [

//   document.getElementById('swal-input1').value,
                        //   document.getElementById('swal-input2').value
                        // ]

var inputFile = $('#file_gaceta').val();
                        var gaceta = $('#gaceta').val();
                        // var tipo_convocatoria = $('#tipo_convocatoria').val();
                        var fecha_gaceta = $('#fecha_gaceta').val();
                        // console.log(inputFile);
                        // console.log(tipo_convocatoria);
                        // var inputValue = $('#file_acta')[0].files.length;
                        if (gaceta === ''){
                             
                            swal("Numero de gaceta vacio!", "No se ingreso ningun número de gaceta", "warning");

}else if(fecha_gaceta === false ||fecha_gaceta === ''){
                            swal("Fecha de gaceta vacia!", "No se ingreso ninguna fecha", "warning");
                        }else {
                            var file = $("#file_gaceta")[0].files[0];
                            var dato = new FormData();
                            dato.append('file_gaceta',file);
                            dato.append('gaceta',gaceta);
                            // dato.append('tipo_convocatoria',tipo_convocatoria);
                            dato.append('fecha_gaceta',fecha_gaceta);
                            dato.append("id_gaceta", gaceta_id);
                            dato.append("_token", "{{ csrf_token() }}");
                            
                            swal({
                             title: 'Editando gaceta...',
                             allowOutsideClick: false,
                             allowEscapeKey: false 
                            });
                            swal.showLoading();

$.ajax({
                                url: '{{url('administracion/gaceta/editar_gaceta_store')}}',
                                type: 'POST',
                                processData: false,
                                contentType: false,
                                data:dato,
                                // data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio},          
                                success: function(gaceta) {
                                
                                 if(gaceta != 0){                         
                                    swal("Gaceta guardada!", "Se edito correctamente la gaceta", "success");
                                    var fecha = gaceta.created_at.substring(10,-3);
                                    fecha = fecha.replace(/-/g, "/");
                                    var gaceta_editada = `<div class="col-md-2">
                                                            <a href="${gaceta.url}" target="_blank">
                                                            
                                                            <span style="font-weight: 400;">
                                                                ${gaceta.gaceta}
                                                            </span>
                                                        </a>
                                                        </div>
                                                        <div class="col-md-6" style="text-align: right;">
                                                            ${fecha}
                                                        </div>
                                                        <div class="col-md-4" style="text-align: right;">
                                                           <button onclick="modal_editar_gaceta(${gaceta.id})" style="cursor: pointer;background: transparent;" title="Editar gaceta">
                                                            <i class="fas fa-edit"></i>
                                                            </button>
                                                            <button style="cursor: pointer;background: transparent;" onclick="SeguroEliminarGaceta(${gaceta.id})" title="Eliminar gaceta" class=""><i class="fas fa-trash-alt"></i>
                                                            </button>  
                                                        </div>`;
                                    $('#li-'+gaceta.id).html(gaceta_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>