const base_url = 'https://www.munitacna.gob.pe/';

var app = new Vue({
  el:'#app',
  data() {
    return {
      items:[{
        nombre:'Nombre del Alcalde',
        imagen:'',
        thumb:'',
        pdf:'',
        esp:'',
        cargo:'Alcalde Provincial de Tamburco',
      }],
      mensaje:'',
    }
  },
  mounted(){
    this.init();
  },
  methods: {
    init(){
      let url = base_url + 'repositorio/buscar/86';
      axios
        .post(url)
        .then(res => {
          const repositorios = res.data.repositorios
          if(repositorios.length > 0){
            const repo = repositorios[0];

            this.items = [{
              nombre: repo.repositorio,
              imagen: this.findArchivos(repo, 'imagen')?.file_mask,
              thumb: this.findArchivos(repo, 'imagen-min')?.file_mask,
              pdf: this.findArchivos(repo, 'hoja de vida')?.file_mask,
              esp: this.cleanHtml( this.findArchivos(repo, 'grado')?.descripcion ),
              cargo: 'Alcalde Provincial de Tacna',
            }]
            this.mensaje = this.findArchivos(repo, 'mensaje')?.descripcion
          }
        })
        .catch(err => { console.error(err); })
    },
    cleanHtml(texto){
      var div = document.createElement("div");
      div.innerHTML = texto ?? '';
      const _texto = div.innerText
      div.remove()
      return _texto
    },
    findArchivos(repo, caption){
      return repo.archivos.find(r => r.caption.toString().toLowerCase() === caption.toLowerCase())
    }
  }
});