EVOLUTION-MANAGER

Edit File: ccpd_crear.blade.php

@extends('layouts.backend')

@section('titulo')
  PAC y Resoluciones CCPD
@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"/>

label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
    }
</style>
@stop

@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">
                                            PAC y RESOLUCIONES CCPD
                                        </h1>
                                    </div>
                                    
                                </header>
                                
                                <div class="entry-content entry clearfix" id="itemsx">
                                    
                                   @include('admin.consejo_cantonal.ccpd_pac')
                                   
                                </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 SeguroEliminarPac(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 pac...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                swal.showLoading();
                
                $.ajax({
                    type: "DELETE",
                    url: "{{url('administracion/ccpd/delete_pac/')}}/"+id,
                    data: { "_token": "{{ csrf_token() }}" },
                    success: function (data) {
                        if(data!=0){
                            
                            swal(
                            'Eliminado!',
                            'El pac fue eliminado.',
                            'success'
                            );
                            $('#li-'+id).attr('style','display:none');
                        }else{
                             swal(
                                'Hubo un inconveniente',
                                'El pac 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/ccpd/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");  
                        },
                    });
                }    
            });
    }

$("body").delegate("#tipo_pac","change", function (e) { 
        e.preventDefault();
        var valor = $(this).val();
        if(valor == 'PAC'){
            $("#pac").show();
            $("#reforma_l").show();
            $("#reforma").show();
            $("#anexo_l").show();
            $("#anexo").show();
        }else{ //Resolucion Municipal
            $("#pac").hide();
            $("#reforma_l").hide();
            $("#reforma").hide();
            $("#anexo_l").hide();
            $("#anexo").hide();
        }
    });
    ////////////////////////////////////////////////////////
    function modal_pac_nuevo(anio_id){
        // <label>Fecha de acta</label>
        //  <input type="date" class="swal2-input" id="fecha_gaceta" style="display: block;margin-top: 0px;">
        swal({
            title: "Pac nuevo",
            showCancelButton: true,
            allowOutsideClick: false,
            html:`<div class="swal2-content"> 
                    <select class="swal2-select" style="display: flex;margin-left: 0px;margin-right: 0px;height: 40px;width: 500px;" id="tipo_pac">
                         <option value="" disabled="">Seleccione un tipo</option>
                         <option value="PAC">PAC</option>
                         <option value="Resolucion Administrativa">Resolución Administrativa</option>
                     </select>

<input type="number" class="swal2-input" id="pac" placeholder="Ingrese número de pac" style="display: block;max-width: 300px;text-align: center;">
                     <input type="text" class="swal2-input" id="pac_codigo" placeholder="Ingrese el código" style="display: block;">
                     
                     <label>Resolución Administrativa</label>
                     <input type="file" class="swal2-file" id="file_pac"  style="display: block;" accept="application/pdf,image/*">
                     <label id="reforma_l">Reforma</label>
                     <input type="file" class="swal2-file" id="reforma"  style="display: block;" accept="application/pdf,image/*">
                     <label id="anexo_l">Anexo</label>
                     <input type="file" class="swal2-file" id="anexo"  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_pac').val();
                var pac = $('#pac').val();
                var tipo_pac = $('#tipo_pac').val();
                var pac_codigo = $('#pac_codigo').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(tipo_pac === false ||tipo_pac === ''){
                    swal("Tipo de pac vacio!", "No se selecciono ningun tipo", "warning");
                }else if (pac === '' && tipo_pac === 'Resolución Administrativa'){                    
                    swal("Numero de pac vacio!", "No se ingreso ningun número de pac", "warning");                  
                }else if (pac_codigo === '' && tipo_pac === 'Resolución Administrativa'){                    
                    swal("Código de pac vacio!", "No se ingreso el código de pac", "warning");                  
                }else{
                    var file = $("#file_pac")[0].files[0];
                    var reforma = $("#reforma")[0].files[0];
                    var anexo = $("#anexo")[0].files[0];
                    var dato = new FormData();
                    dato.append('file_pac',file);
                    dato.append('reforma',reforma);
                    dato.append('anexo',anexo);
                    dato.append('numero_pac',pac);
                    dato.append('tipo_pac',tipo_pac);
                    dato.append('pac_codigo',pac_codigo);
                    // 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...',
                     allowOutsideClick: false,
                     allowEscapeKey: false 
                    });
                    swal.showLoading();

$.ajax({
                        url: '{{url('administracion/ccpd/guardar_pac')}}',
                        type: 'POST',
                        processData: false,
                        contentType: false,
                        data:dato,
                        // data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio},          
                        success: function(pac) {
                        
                         if(pac != 0){                         
                            swal("Registro guardado!", "Se guardo el nuevo registro", "success");

}

$('.sin_pac').attr('style','display:none');
                            $('#ul-'+anio_id).append(nuevo_pac);
                         }
                        },
                        error: function(error) {
                        
                        swal("Error al guardar", error, "error");  
                        },
                    });
                } 
            }
        }).done();   
    }
    ///////////////////////////////////////////////////////////////

function modal_editar_pac(pac_id,anio){

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

$.ajax({
            type: "GET",
            url: "{{url('administracion/ccpd/editar_pac/')}}/"+pac_id,
            data: { "_token": "{{ csrf_token() }}" },
            success: function (data) {                
                
                let    modal = `<div class="swal2-content"> 
                                <select class="swal2-select" style="display: flex;margin-left: 0px;margin-right: 0px;height: 40px;width: 500px;" id="tipo_pac">
                                     <option value="" disabled="">Seleccione un tipo</option>`;
                                if (data.tipo == 'PAC') {                               
                                modal+=`<option value="PAC" selected>PAC</option>
                                        <option value="Resolucion Administrativa">Resolución Administrativa</option>`;
                             }else{
                                modal+=`<option value="PAC">PAC</option>
                                        <option value="Resolucion Administrativa" selected>Resolución Administrativa</option>`;
                             }
                                     
                             modal+=`</select>`;
                         if (data.tipo == 'PAC') {
                             modal+=`<input type="number" class="swal2-input" id="pac" placeholder="Ingrese número de pac" style="display: block;max-width: 300px;text-align: center; " value="${data.numero}">
                                <input type="text" class="swal2-input" id="pac_codigo" placeholder="Ingrese el código" style="display: block;" value="${data.nombre}">`;
                         }else{
                            modal+=`<input type="number" class="swal2-input hidden" id="pac" placeholder="Ingrese número de pac" style="display: block;max-width: 300px;text-align: center;" value="${data.numero}">
                                <input type="text" class="swal2-input" id="pac_codigo" placeholder="Ingrese el código" style="display: block;" value="${data.nombre}">`;
                         }
                        
                         modal+=`
                                 <label>Resolución Administrativa</label>
                                 <input type="file" class="swal2-file" id="file_pac"  style="display: block;" accept="application/pdf,image/*">
                                 <label id="reforma_l">Reforma</label>
                                 <input type="file" class="swal2-file" id="reforma"  style="display: block;" accept="application/pdf,image/*">
                                 <label id="anexo_l">Anexo</label>
                                 <input type="file" class="swal2-file" id="anexo"  style="display: block;" accept="application/pdf,image/*">
                             </div>`;
                
                swal({
                    title: "Guardando cambios...",
                    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_pac').val();
                        var pac = $('#pac').val();
                        var tipo_pac = $('#tipo_pac').val();
                        var pac_codigo = $('#pac_codigo').val();
                        
                        if (pac === '' && tipo_pac === 'Resolución Administrativa'){                    
                            swal("Numero de pac vacio!", "No se ingreso ningun número de pac", "warning");                  
                        }else if (pac_codigo === '' && tipo_pac === 'Resolución Administrativa'){                    
                            swal("Código de pac vacio!", "No se ingreso el código de pac", "warning");                  
                        }else{
                            var file = $("#file_pac")[0].files[0];
                            var reforma = $("#reforma")[0].files[0];
                            var anexo = $("#anexo")[0].files[0];
                            var dato = new FormData();
                            dato.append('file_pac',file);
                            dato.append('reforma',reforma);
                            dato.append('anexo',anexo);
                            dato.append('numero_pac',pac);
                            dato.append('tipo_pac',tipo_pac);
                            dato.append('pac_codigo',pac_codigo);
                            // dato.append('tipo_convocatoria',tipo_convocatoria);
                            // dato.append('fecha_gaceta',fecha_gaceta);
                            dato.append("id_pac", pac_id);
                            dato.append("_token", "{{ csrf_token() }}");
                            
                            swal({
                             title: 'Editando...',
                             allowOutsideClick: false,
                             allowEscapeKey: false 
                            });
                            swal.showLoading();

$.ajax({
                                url: '{{url('administracion/ccpd/editar_pac_store')}}',
                                type: 'POST',
                                processData: false,
                                contentType: false,
                                data:dato,
                                // data:{_token:"{{ csrf_token() }}",mes:inputValue,id_anio},          
                                success: function(response) {
                                
                                 if(response != 0){  
                                    var pac = response.pac;
                                    var anio = response.anio;                       
                                    swal("Datos guardados!", "Se edit&oacute; correctamente", "success");
                                    var pac_editado='';
                                    if (pac.tipo == 'Resolucion Administrativa') {
                                        pac_editado = `
                                                    <div class="col-md-8">
                                                        <a href="${pac.url_resolucion}" target="_blank">
                                                        
                                                        <span style="font-weight: 400;">
                                                            Resoluci&oacute;n Administrativa No. ${pac.nombre}
                                                        </span>
                                                    </a>
                                                    </div>
                                                    
                                                    <div class="col-md-4" style="text-align: right;">
                                                       <button onclick="modal_editar_pac(${pac.id})" style="cursor: pointer;background: transparent;" title="Editar pac">
                                                        <i class="fas fa-edit"></i>
                                                        </button>
                                                        <button style="cursor: pointer;background: transparent;" onclick="SeguroEliminarPac(${pac.id})" title="Eliminar pac" class=""><i class="fas fa-trash-alt"></i>
                                                        </button>  
                                                    </div>
                                                    
                                                `;
                                    }else{
                                        pac_editado = `
                                                    <div class="col-md-4">
                                                        <a href="${pac.url_resolucion}" target="_blank">
                                                        
                                                        <span style="font-weight: 400;">
                                                        ${pac.tipo+' No. '+pac.numero+'-'+pac.nombre+'-'+anio}
                                                        </span>
                                                    </a>
                                                    </div>
                                                    <div class="col-md-2" style="text-align: right;">
                                                        <a href="${pac.url_reforma}" target="_blank">
                                                            
                                                            <span style="font-weight: 400;">
                                                                Reforma
                                                            </span>
                                                        </a>
                                                        
                                                    </div>
                                                    <div class="col-md-4" style="text-align: right;"> <a href="${pac.url_anexo}" target="_blank">
                                                                                                
                                                            <span style="font-weight: 400;">
                                                               Anexo a la Reforma
                                                            </span>
                                                        </a>
                                                        
                                                    </div>
                                                    <div class="col-md-2" style="text-align: right;">
                                                       <button onclick="modal_editar_pac(${pac.id})" style="cursor: pointer;background: transparent;" title="Editar pac">
                                                        <i class="fas fa-edit"></i>
                                                        </button>
                                                        <button style="cursor: pointer;background: transparent;" onclick="SeguroEliminarPac(${pac.id})" title="Eliminar pac" class=""><i class="fas fa-trash-alt"></i>
                                                        </button>  
                                                    </div>
                                                    
                                                `;

}
                                    $('#li-'+pac.id).html(pac_editado);
                                 }else{
                                    swal("Error al editar", 'no se pudo editar el pac', "error");
                                 }
                                },
                                error: function(error) {
                                
                                swal("Error al editar", error, "error");  
                                },
                            });
                        } 
                    }
                }).done();
        
                if(data.tipo == 'PAC'){
                    $("#reforma_l").show();
                    $("#reforma").show();
                    $("#anexo_l").show();
                    $("#anexo").show();
                }else{ //Resolucion Municipal
                    $("#reforma_l").hide();
                    $("#reforma").hide();
                    $("#anexo_l").hide();
                    $("#anexo").hide();
                }

},
            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>