<?php
    require_once 'application'.DIRECTORY_SEPARATOR.'bootstrap.php';
    $module_id = 3;
    $section_id = 8;
    $maquetacionUI = new maquetacionUI();
    $page_rels = $maquetacionUI->page_rels(['module_id'=>$module_id,'section_id'=>$section_id]);
    $section = $page_rels['module_name'];
    $section_level = $page_rels['section'];
    $portfolioUI = new portfolioUI();
    $categoria_id = isset($_GET['catid']) ? Filter::validateInputInteger(INPUT_GET, 'catid') : FALSE;
    $portfolio_id = isset($_GET['porid']) ? Filter::validateInputInteger(INPUT_GET, 'porid') : FALSE;
    $prms = ['page_name'=>'portfolio','categoria_id'=>$categoria_id,'portfolio_id'=>$portfolio_id];
    $meta_rels = '';
    $preload_css = 'CSS:layout-portfolio-one.min.css';
    $post_id = $portfolio_id;
    $meta_tags = $portfolioUI->header($prms);
    if(!$meta_tags) Core::redirect($portfolioUI->urlAmigable(FALSE, FALSE, TRUE));
    $style_css_page =
    ['movil'=>'
        .conv_cnt{min-height:200px}
        .lta_ico li{display:flex}
        .cli_img{margin-bottom:1.5rem}',
    '412'=>'
        .por_row,.cli_row{grid-template-columns:20% 1fr!important}
        .por_row{gap:.5rem!important}
        .cli_row{gap:1.5rem}',
    '780'=>'
        .one_row{grid-template-columns:320px 1fr;gap:1.5rem}
        .por_row{grid-template-columns:25% 1fr!important;gap:1rem!important}
        .cli_row{gap:2rem}
        .cli_img{margin-bottom:0}
        .conv_cnt{min-height:450px;background-image:url('.PUBLIC_IMG_URL.'svgs/business_man_two.svg);background-size:cover;background-repeat:no-repeat;background-position:center center}
        .conv_txt{color:#111!important}',
    '960'=>'
        .one_row{grid-template-columns:412px 1fr;gap:1.5rem}
        .conv_cnt{min-height:350px;margin:0 4rem}',
    '1200'=>'
        .one_row{gap:2rem}
        .conv_cnt{margin:0}',
    '1400'=>'
        .por_row{gap:2rem!important}',
    ];
    $maquetacionUI = new maquetacionUI();
    $preload_images = '';
    echo $maquetacionUI->head(['meta_tags'=>$meta_tags,'meta_rels'=>$meta_rels,'preload_fonts'=>true,'preload_css'=>$preload_css,'style_css_page'=>$style_css_page,'preload_images'=>$preload_images]);
    /*-------------------------------------------------------------------------------------------------------------------------------------------------- LOAD ALL INTERFAZ DE UI -------------*/
    $html_body = '
        '.$portfolioUI->one(['categoria_id'=>$categoria_id,'portfolio_id'=>$portfolio_id]);
    $footer_end = '';
    $library_page = 'JS:scripts-portfolio-one.min.js';
    echo $maquetacionUI->template(['section_id'=>$section_id,'section'=>$section,'section_level'=>$section_level,'post_id'=>$post_id,'html_body'=>$html_body,'footer_end'=>$footer_end,'no_scripts'=>$preload_css,'library_page'=>$library_page]);
    if(Config::get('site_produccion') == 1) ob_end_flush();<head/>