diff --git a/src/Controller/TYPProfileController.php b/src/Controller/TYPProfileController.php
--- a/src/Controller/TYPProfileController.php
+++ b/src/Controller/TYPProfileController.php
@@ -1,395 +1,398 @@
 <?php
 
 /**
  * @file
  * Contains \Drupal\page_example\Controller\TableSortExampleController.
  */
 /**/
 namespace Drupal\typ_profile\Controller;
 
 use Drupal\Core\Controller\ControllerBase;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Drupal\Core\Database\Query;
 use Drupal\Core\Url;
 use Drupal\typ_legacy\Service\TYPUtilsService;
 
 /**
  * Controller routines for tablesort example routes.
  */
 class TYPProfileController extends ControllerBase
 {
     
     public function __construct(){
         \Drupal::service('page_cache_kill_switch')->trigger();
     }
 
     public function formatWorkingHour($s) {
         foreach( explode(",", $s) as $p) {
             $ps[] = $p;
         }
         return implode(", ", $ps);
     }
     protected $data;
 
 
     protected static function insertVisit($bizid, $customerid){
         // DO NOT DO THIS! THIS IS NOT PROPER PLACE.. AND TOO BIG DATA!
         // VORAPOAP 1/10/2558
         /*db_set_active("typ_data");
         $data['businessid'] = trim($bizid);
         $data['customerid'] = trim($customerid);
         $data['goodsid'] = "";
         db_insert('last_visit_product')->fields($data)->execute();
         db_set_active();*/
     }
 
     public function checkLPRedirect($options = array()){
         $data = \Drupal::service('typ.api')->getLandingpage($options);
         $customer = array();
         if($data){          
             $info = $data['_info'];
             $res = $data['_res'];
             $sub = $res['subdomains'][$info['headingcode']];
             $datenow = date('Y-m-d');
             $status = 0;
             if($datenow <= date('Y-m-d', strtotime($sub['enddate']))){
                 if($datenow >= date('Y-m-d', strtotime($sub['startdate'])) && $datenow <= date('Y-m-d', strtotime($sub['enddate']))){
                     $status = 1;
                 }else{
                     $status = 2;
                 }
             }
             $lp = $res['landingpages'][$info['headingcode']];
             if(intval($lp['hide']) == '1' || intval($lp['accounting_status']) == 1){
                 $status = 0;
             }       
             $customer['busid'] = $info['customerid'].$info['headingcode'].$lp['addressid'];
             $customer['custid'] = $info['customerid'];
             $customer['subdomain'] = $sub['subdomain'];
             $customer['headingcode'] = $info['headingcode'];
             $customer['URL'] = $sub['url'];
             $customer['title'] = $sub['title'];
             $customer['keyword'] = $sub['keyword'];
             $customer['desc'] = $sub['desc'];
             $customer['theme'] = $lp['theme'];
             $customer['siteid'] = $sub['siteclick'];
             $customer['status'] = $status;          
         }
         return $customer;
     }
 
     public function profileTitle($bizid) {
 
         $this->data = \Drupal::service("typ.search")->getProfile($bizid ,AUTO);
         if (!$this->data) return '';
         else return $this->data['humanname'];
     }
 
     public function profilePage($bizid){
         // $bizid filler
         $input = str_replace(".html","",$bizid);
         $input = explode("_", $input);
         $input = end($input);
         list($bizid , $addressId) = explode('-', $input);
         //
         $this->data = \Drupal::service("typ.search")->getProfile($bizid ,AUTO);
         $result = \Drupal::service('typ.unvservice')->loadListing($this->data['customerid']);
         $address_id = "";
         $language = \Drupal::languageManager()->getCurrentLanguage()->getId();
 
         if(isset($_COOKIE['breadcrumbs'])) {
             $breadcrumbs_data = $_COOKIE['breadcrumbs'];
             $breadcrumbs_ex= explode(",", $breadcrumbs_data);
             $breadcrumbs[$breadcrumbs_ex[0]] = $breadcrumbs_ex[0];
             $breadcrumbs['data'] = $breadcrumbs_ex[1];
             $breadcrumbs['businessid'] = $breadcrumbs_ex[2];
         }
 
 
         $data = $this->data;
         if (!$data) {
             throw new \Symfony\Component\HttpKernel\Exception\NotFoundHttpException();
         }
 
         if(!empty($data['redirect'])){
             $lp = $data['redirect'];
             if(strpos($data['redirect'], 'http://') === false){
                 $lp = 'http://'.$data['redirect'];
             }
             $chk_lp = array();
             if($lp){
                 $redirect = str_replace(array("http://", "/"), "", $lp);
                 if(strpos($redirect, \Drupal\typ_legacy\Service\TYP::config('typ.subdomain')) !== false){
                     //Subdomain
                     $options['type'] = 'subdomain';
                     $exp = explode(".", $redirect);
                     $options['SUBDOMAIN'] = current($exp);
                 }else{
                     //Domian
                     $options['type'] = 'domain';
                     $options['DOMAIN'] = $redirect;
                 }
                 $chk_lp = $this->checkLPRedirect($options);
             }
             if($chk_lp['status'] == '1'){
                 header('Location: '.$lp);
                 exit();
             }            
         }else{
             if(!empty($data['landingpage']) && !empty($data['subdomain'])){
                 $options['customerid'] = $data['customerid'];
                 $options['headingcode'] = $data['headingcode'];                
                 $onserv = \Drupal::service('typ.subdomain')->getOnServiceSubdomain($options, true);
                 if($onserv[0] == true){
                     $lp = $data['landingpage'];
                     if(strpos($data['landingpage'], 'http://') === false){
                         $lp = 'http://'.$data['landingpage'];
                     }
                     if(!empty($lp)){
                         header('Location: '.$lp);
                         exit();
                     }
                 }                
             }
         }
         if($this->data['onlinepromotion']){
             $promotiond_mongo = \Drupal::service("typ.profile")->_getpromotion($bizid);
             $promo = iterator_to_array($promotiond_mongo);
             $proid = array();
             foreach ($promo as $key => $value) {
                 foreach ($value as $k => $val) {
                     if($k == 'th'){
                         $proid['promotion'] += $val;
                     }if($k == 'en'){
                         $proid['promotion'] += $val;
                     }else{
                         $proid['promotion'][$k] = $val;
                     }
                 }
             }
             // echo "<PRE>";print_r($proid);exit;
             $result['address'][$data['headingcode']][$data['addressid']]['promotion'] = $proid['promotion'];
             // echo "<PRE>";print_r($result);exit;
         }
         //Insesrt visit page
         //self::insertVisit($data['businessid'], $data['customerid']);
         /*if($data['landingpage'] == ""){
             $address_id = $data['addressid'];
         }
         if(is_numeric($address_id)){
             $result = \Drupal::service('typ.unvservice')->loadListing($data['customerid']);
             $rs_details = (!empty($result['address'][$data['headingcod']][$address_id]['frontviews']))?$result['address'][$headingcode][$data['headingcod']]['frontviews']:array();
         } else {
             $result = \Drupal::service('typ.unvservice')->loadService($data['customerid']);
         }*/
         // PLEASE COMMENT?? WHY WE LOAD PROFILE AND THEN LOAD SERVICE?
 
         //(!empty($result['landingpages'][$data['headingcode']]))?$result['landingpages'][$data['headingcode']]:array();
         //$type = '';
         $address_id = $data['addressid'];
         $type = $this->data['customertype'];
 
         if($this->data['accounting_status'] == '1' || $this->data['hide'] == '1'){   // Check Disable Packet and Hide content
             $result['customertype'] = 'FL';
             $type = 'FL';
         }
 
         if( $type== 'FL' || $this->data['customertype'] == ''){
             $type = 'FL';
         }else{
             $result_olc = \Drupal::service('typ.catalog')->getPreparedCatalogItemSet($data['customerid']);
         }
         if($language == 'en'){
             $base_path = '/en/';
         }else{
             $base_path = '/';
         }
 
         if($_GET['debug']){
             echo "<pre>";
             echo "<br>Service:<b style='color:red;'><u>";if($this->data['accounting_status'] == '1'){ echo "Don't have a Service";}else{ echo "Service"; } echo "</u></b>";
             echo "<br>Hide:<b style='color:red;'><u>";if($this->data['hide'] == '1'){ echo "Hide"; }else{ echo "Don't Hide"; } echo "</u></b>";
             echo "<br>Type:<b style='color:red;'><u>".$type."</u></b><br><br>";
             var_export($this->data);
             exit;
         }
 
         if($type == 'FL'){
             $data['profile'] = strip_tags($data['profile']);
             $data['proddesc'] = strip_tags($data['proddesc']);
         }
 
         $pos = strpos(html_entity_decode($data['proddesc']),"<p>");
         if($pos !== false && $data['proddesc']){
             $tempdesc = substr(html_entity_decode($data['proddesc']),3);
         }else{
             $tempdesc = html_entity_decode(html_entity_decode($data['proddesc'])) ;
             //$tempdesc = $data['proddesc'];
         }
 
         if(strlen($tempdesc) != 0) {
             $temp = '<p style="color:#333;">';
             $tempdesc = $temp . $tempdesc;
         }
 
 
         if($type == "FL") {
             $dataproddesct = iconv_substr($tempdesc,0,150,"UTF-8");
             if(strlen($dataproddesct) > 150){
                 $dataproddesct .= '...';
             }
         }else{
             $dataproddesct = $tempdesc;
         }
         $dataproddesct = str_replace("<p>","<p style='color:#333;'>",$dataproddesct);
         if($type != "FL" && !empty($result_olc)){
             $olcdata = $result_olc[0];
         }
 
         if (!empty($data['telno'])) {
             foreach ($data['telno'] as $t) {
                 $data['_format']['telno'][] = TYPUtilsService::formatPhoneNumber($t);
             }
         }
         if (!empty($data['fax'])) {
             foreach ($data['fax'] as $t) {
                 $data['_format']['fax'][] = TYPUtilsService::formatPhoneNumber($t);
             }
         }
         if(!empty($data['website'])){
             $data['website_show'] = $data['website'];
             $data['website'] = explode(",",$data['website']);
             $item = array();
             if(!empty($data['website'])){
                 foreach($data['website'] as $key => $new){
                     if(strpos($new, 'http://') === FALSE && strpos($new, 'https://') === FALSE){
                         $item['http://'.$new] = $new;
                     }else{
                         $item[$new] = $new;
                     }
                 }
                 $data['website'] = $item;
             }
         }
         
         $thai_month_arr = array('01'=>'ม.ค.','02'=>'ก.พ.','03'=>'มี.ค.','04'=>'เม.ย.','05'=>'พ.ค.','06'=>'มิ.ย.','07'=>'ก.ค.','08'=>'ส.ค.','09'=>'ก.ย.','10'=>'ต.ค.','11'=>'พ.ย.','12'=>'ธ.ค.');
         list($year, $month,$day) = explode('-', $result['address'][$data['headingcode']][$data['addressid']]['promotion']['enddate']);
         $date_e = $day." ".$thai_month_arr[$month]." ".($year+543);
         $end_date_promotion =  $result['address'][$data['headingcode']][$data['addressid']]['promotion']['enddate'];
         list($year, $month,$day) = explode('-', $result['address'][$data['headingcode']][$data['addressid']]['promotion']['startdate']);
         $date_s = $day." ".$thai_month_arr[$month]." ".($year+543);
         $result['address'][$data['headingcode']][$data['addressid']]['promotion']['startdate'] = $date_s;
         $result['address'][$data['headingcode']][$data['addressid']]['promotion']['enddate'] = $date_e;
         $result['address'][$data['headingcode']][$data['addressid']]['promotion']['subject'] = preg_replace('/<p[^>]*?>/','',html_entity_decode($result['address'][$data['headingcode']][$data['addressid']]['promotion']['subject']));
 
         if(date("Y-m-d") > $end_date_promotion){
             $promotion_data = '';
         }else{
             $promotion_data = $result['address'][$data['headingcode']][$data['addressid']]['promotion'];
         }
         if(!empty($data['profile'])){
             $data['profile'] = preg_replace('/<p[^>]*?>/','',html_entity_decode($data['profile']));
         }
         if (!empty($data['workinghours'])) {
             $data['_format']['workinghours'] = $this->formatWorkingHour($data['workinghours']);
             $data['customertyp'] = $data['customertype'];
         }
         if(!empty($data['cityname'])){
             $bangkok = array('กรุงเทพ','กรุงเทพฯ','ก.ท.ม.','กรุงเทพมหานคร','กทม','จังหวัดกรุงเทพมหานคร','จังหวัด กรุงเทพมหานคร');
             if(!in_array($data['cityname'],$bangkok)){
                 $data['cityname'] = t('Province') .' '. $data['cityname'];
 
             }
         }
         
         $data['profile'] =  str_replace("<p>","<p style='color:#333;'>",$data['profile']);
         $data['lang'] = $this->data['lang'];
 
         if(!empty($promotion_data['promoimg']) && @file_exists('http://promotion.yellowpages.co.th/media/promotion/'.$promotion_data['promoimg'])){    //  images from Old system
             $promotion_data['baseurl'] = 'http://promotion.yellowpages.co.th/media/promotion/';
         }else{
             $promotion_data['baseurl'] = 'http://media.yellowpages.co.th/yellowpages/promotion/';
         }
         
         if(empty($data['printads']) && ($data['printadstf'] || $data['printadsef'])){
         	if($data['lang'] == 'th'){
         		$exp = explode('.', $data['printadstf']);
         	}else{
         		$exp = explode('.', $data['printadsef']);
         	}
 
         	if($exp){
         		$data['printads'] = $exp[0];
         	}
         }
 
         $link_url = "$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
         $check_lang = explode("/", $link_url);
         if($check_lang[1] == 'en'){
             $link_url = str_replace("/en/", "/", $link_url);
         }
 
         $display[] = array(
             '#theme' => 'typ_profile',
             '#profile' => $data,
             '#prodescription' => $dataproddesct,
             '#catalog' => $olcdata,
             '#type' => $type,
             '#promotion' => $promotion_data,
             '#breadcrumbs' => $breadcrumbs,
             '#base_path' => $base_path,
             '#facebook_comment' => $link_url,
         );
+//        echo "<pre>";
+//        var_export($display);
+//        exit;
         if ($type != 'FL')
             $display['#attached']['drupalSettings']['disableAds'] = TRUE;
 
         $display['#attached']['library'] = array(
             'typ_profile/profile.popup',
             'typ_contrib/colorbox',
         );
         if($type == 'FL'){
             $display['#attached']['library'] = array(
                 'typ_profile/profile.popup',
                 'typ_contrib/colorbox',
                 'typ_ads/ads_unit'
             );
             $display[] = array(
                 '#markup' => format_string('<div class="container-fuild" id="corner-slider"></div>',array())
             );
         }else{
             $display['#attached']['library'] = array(
                 'typ_profile/profile.popup',
                 'typ_contrib/colorbox',
             );
         }
         return $display;
     }
 
     public function getTitlePromotion(){
         return t('How to get promotion');
     }
 
     public function getPromotion(){
 
         $mobileDetector = \Drupal::service('krs.mobile_detect');
         if($mobileDetector->isAndroidOS() == 1 ){
             header('Location: https://play.google.com/store/apps/details?id=com.initialive.yellowpages.act&hl=th');
             exit;
         }if($mobileDetector->isIOS() == 1){
             header('Location: https://itunes.apple.com/th/app/thailand-yellowpages/id387848017?mt=8');
             exit;
         }else{
             header('Location: http://m.yellowpages.co.th/mobile/typliveplus/user/');
             exit;
         }
 
         $display[] = array(
             '#theme' => 'typ_promotion',
         );
         $display['#attached']['library'] = array(
             'typ_profile/profile.popup',
         );
 
         return $display;
     }
 }
diff --git a/templates/typ-profile.html.twig b/templates/typ-profile.html.twig
--- a/templates/typ-profile.html.twig
+++ b/templates/typ-profile.html.twig
@@ -1,756 +1,757 @@
 {% set base_images = 'http://media.yellowpages.co.th/yellowpages' %}
 {% set base_promotion = promotion.baseurl %}
 
 
 {#<div class="container">#}
     <div class="margin-tb-fifteen typ-profile-freelist col-md-12 col-sm-12 col-xs-12 ">
 
         <div class="col-md-12 col-sm-12 col-xs-12">
             {% if profile.logo %}
                 <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12"> {#logo#}
                     <img class="img-responsive" src="{{ [base_images,"/logo/",profile.logo]|join }}"/>
                 </div>
             {% else %}
                 <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12">
                     <img class="img-responsive" src="{{ '/themes/contrib/typtheme/images/logo/typ-map-default.jpg' }}"/>
                 </div> {#end logo#}
             {% endif %}
 
             <div class="col-md-7 col-sm-7 col-xs-6">
                 <h1>{{ profile.humanname|raw }}</h1>
 
                 <p class="typ-txt-bold">{% trans %}Category{% endtrans %} :
                 <a href="{{ base_path }}heading/{{ profile.headingname }}">{{ profile.headingname|raw }}</a></p>
             </div>
             <div class="col-md-2 col-sm-2 col-xs-6">
-                <p>View : xxxxx </p>
+                <p>View : xxxxxzzzzzz </p>
             </div>
         </div>
 
 
         {#<div class="col-md-12 col-sm-12 col-xs-12">#}
             <!-- check FL close openx -->
             {% if type != 'FL' %}
                 <div id="customertype"
                      data-customertype="{{ type }}" style="display: none">
                 </div>
             {% endif %}
             <!-- check FL close openx -->
         {#description#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12 typ-profile-freelist-desc">
 
             {% if type != 'FL' %}
                 {{ profile.profile|raw}}
                 {% if profile.profile %}{% endif %}
             {% else %}
                 {{ profile.profile|raw|slice(0, 100)}}{% if profile.profile|length > 100 %}{{ '...</p>' }} {% endif %}
                 {% if profile.profile %}{% endif %}
             {% endif %}
             {% if not profile.addr %}{% else %}
             <p class="typ-txt-bold">{% trans %} Address {% endtrans %}</p>
             {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,
             profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
             {% endif %}
             {% if profile.location.lat %}
             <a href="/ypsearch?qm=#{{ profile.humanname|raw }}">
                 <span class="icon-icon-yt-pin size-2x"></span>
             </a>
             {% else %}
             <a href="https://www.google.co.th/maps/search/{{ profile.fulladdr|url_encode }}" target="_blank">
                 <span class="icon-icon-yt-pin size-2x"></span>
             </a>
             {% endif %}
         </div> {#end description#}
 
         {#picture#}
         <div class="typ-profile-img margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             <ul class="no-gutter">
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
             </ul>
         </div> {#end picture#}
 
+
         {#contact#}
         <div class="typ-profile-contact margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             <h1>Contact</h1>
         {#<div class="col-xs-12 col-sm-12 col-lg-12">#}
             {#<table>#}
                 {#{% if profile.addr or profile.soi or profile.road or profile.subdistrictname or profile.districtname or profile.cityname %}#}
                     {#<tr valign="top">#}
                         {#<td style="width:25%;"><b>{% trans %} Address {% endtrans %}:</b></td>#}
                         {#<td class="table-right"> {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
                 {#{% if not profile.telno %}{% else %}#}
                     {#<tr valign="top">#}
                        {#<td style="width:15%;"><b>{% trans %} Tel {% endtrans %}:</b></td>#}
                         {#<td class="table-right">#}
                             {#{% if not profile.telno %}#}
                             {#{% else %}#}
                                 {#{% if type == 'FL' %}#}
                                     {#<span>{{ profile._format.telno.0 }}</span>#}
                                 {#{% else %}#}
                                     {#{% for key, tel in profile._format.telno %}#}
                                         {#{% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}#}
                                         {#{% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}#}
                                     {#{% endfor %}#}
                                 {#{% endif %}#}
                             {#{% endif %}#}
                         {#</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
                 {#{% if not profile.fax %}{% else %}#}
                     {#<tr valign="top">#}
                        {#<td style="width:25%;"><b>{% trans %} Fax {% endtrans %}:</b></td>#}
                         {#<td class="table-right">#}
                             {#{% if not profile.fax %}#}
                             {#{% else %}#}
                                 {#{% if type == 'FL' %}#}
                                     {#<span>{{ profile._format.fax.0 }}</span>#}
                                 {#{% else %}#}
                                     {#{% for key, fax in profile._format.fax %}#}
                                         {#{% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}#}
                                         {#{% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}#}
                                     {#{% endfor %}#}
                                 {#{% endif %}#}
                             {#{% endif %}#}
                         {#</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
                 {#{% if not profile.email %}{% else %}#}
                     {#<tr valign="top">#}
                        {#<td style="width:25%;"><b>{% trans %} Email {% endtrans %}:</b></td>#}
                         {#<td class="table-right">#}
                             {#{% if not profile.email %}#}
                             {#{% else %}#}
                                 {#{% if type == 'FL' %}#}
                                     {#{% set email =  profile.email|split(',') %}#}
                                     {#{{ email.0 }}#}
                                     {#{% for key , mail in email %}#}
                                         {#{% if loop.last != key+1 %}{{ mail }},#}
                                         {#{% else %}{{ mail }}{% endif %}#}
                                     {#{% endfor %}#}
                                 {#{% else %}#}
                                     {#{% set email =  profile.email|split(',') %}#}
                                     {#{% for key , mail in email %}#}
                                         {#{% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,#}
                                         {#{% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}#}
                                     {#{% endfor %}#}
                                 {#{% endif %}#}
                             {#{% endif %}#}
                         {#</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
                 {#{% if not profile.website %}{% else %}#}
                     {#<tr valign="top">#}
                        {#<td style="width:25%;"><b>{% trans %} Website {% endtrans %}:</b></td>#}
                         {#<td class="table-right">#}
                             {#{% if not profile.website %}#}
                             {#{% else %}#}
                                  {#{% set website_show =  profile.website_show|split(',') %}#}
                                     {#{% if type == 'FL' %}#}
                                         {#{{  website_show.0 }}#}
                                         {#{% else %}#}
                                         {#{% for key , web in website_show %}#}
                                             {#{% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,#}
                                             {#{% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}#}
                                         {#{% endfor %}#}
                                     {#{% endif %}#}
                                     {#{% if type == 'FL' %}#}
                                         {#{% set website_show =  profile.website_show|split(',') %}#}
                                         {#{{  website_show.0 }}#}
                                     {#{% else %}#}
                                         {#{% for key , web in profile.website %}#}
                                             {#{% if loop.last %}#}
                                                 {#<a href="{{key|trim }}" target="_blank">{{web}}</a>#}
                                             {#{% else %}#}
                                                 {#<a href="{{key|trim}}" target="_blank">{{web}}</a>,#}
                                             {#{% endif %}#}
                                         {#{% endfor %}#}
                                     {#{% endif %}#}
                             {#{% endif %}#}
                         {#</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
                 {#{% if not profile.workinghours %}{% else %}#}
                     {#<tr valign="top">#}
                        {#<td style="width:25%;"><b>{% trans %} Work-Time {% endtrans %}:</b></td>#}
                         {#<td class="table-right">#}
                             {#{% if not profile.workinghours %}#}
                             {#{% else %}#}
                                 {#{{ profile._format.workinghours }}#}
                             {#{% endif %}#}
                         {#</td>#}
                     {#</tr>#}
                 {#{% endif %}#}
             {#</table>#}
 
             {#update 12/4/60#}
             {#address#}
             <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                 <div class="col-md-3 col-sm-3 col-xs-12">
                     <p class="typ-txt-bold">{% trans %} Address {% endtrans %}:</p>
                 </div>
                 <div class="col-md-9 col-sm-9 col-xs-12">
                     {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
                 </div>
             </div>
 
             {#tel.#}
             {% if not profile.telno %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Tel {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.telno %}
                         {% else %}
                             {% if type == 'FL' %}
                                 <span>{{ profile._format.telno.0 }}</span>
                             {% else %}
                                 {% for key, tel in profile._format.telno %}
                                     {% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}
                                     {% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#fax#}
             {% if not profile.fax %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Fax {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.fax %}
                         {% else %}
                             {% if type == 'FL' %}
                                 <span>{{ profile._format.fax.0 }}</span>
                             {% else %}
                                 {% for key, fax in profile._format.fax %}
                                     {% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}
                                     {% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#e-mail#}
             {% if not profile.email %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Email {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.email %}
                         {% else %}
                             {% if type == 'FL' %}
                                 {% set email =  profile.email|split(',') %}
                                 {{ email.0 }}
                                 {% for key , mail in email %}
                                     {% if loop.last != key+1 %}{{ mail }},
                                     {% else %}{{ mail }}{% endif %}
                                 {% endfor %}
                             {% else %}
                                 {% set email =  profile.email|split(',') %}
                                 {% for key , mail in email %}
                                     {% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,
                                     {% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#website#}
             {% if not profile.website %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Website {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.website %}
                         {% else %}
                             {% set website_show =  profile.website_show|split(',') %}
                             {% if type == 'FL' %}
                                 {{  website_show.0 }}
                             {% else %}
                                 {% for key , web in website_show %}
                                     {% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,
                                     {% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                             {% if type == 'FL' %}
                                 {% set website_show =  profile.website_show|split(',') %}
                                 {{  website_show.0 }}
                             {% else %}
                                 {% for key , web in profile.website %}
                                     {% if loop.last %}
                                         <a href="{{key|trim }}" target="_blank">{{web}}</a>
                                     {% else %}
                                         <a href="{{key|trim}}" target="_blank">{{web}}</a>,
                                     {% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#work-time#}
             {% if not profile.workinghours %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Work-Time {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.workinghours %}
                         {% else %}
                             {{ profile._format.workinghours }}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
         </div> {#end contact#}
 
         {#Map#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             {#<div class="col-md-12 col-sm-12 col-xs-12">#}
                 {% if type != 'FL' %}
                     {% if not prodescription or prodescription is empty %}
                     {% else %}
                         <b>{% trans %} Product And Service {% endtrans %}</b>
                         {{ prodescription|raw }}
                     {% endif %}
 
                     <div>
                     {% if not profile.brandname %}
                     {% else %}<b>{% trans %}Brand Name{% endtrans %}</b>  {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
                     {% endif %}
                     </div>
 
                 {% else %}
                     {% if not prodescription or prodescription is empty %}
                     {% else %}
                         <b>{% trans %} Product And Service {% endtrans %}</b>
                         {{ prodescription|raw }}
                         {% if prodescription and profile.brandname %}{% endif %}
                     {% endif %}
 
                 {% endif %}
 
 
                  {#TAB#}
                 {% if type == 'FL' %}
                     {#<div class="mobile">#}
                         {#<ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>#}
                             {#{% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion  {% endtrans %}</a></li>{% endif %}#}
                             {#{% if profile.location.lat %}<li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}#}
                         {#</ul>#}
 
                         {#<div class="tab-content" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 30px;"{% endif %}>#}
 
                             {#{% if promotion.promotionid %}#}
                                 {#<div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>#}
 
                                     {#<div class="col-xs-12 col-md-12 col-lg-12">#}
                                         {#<div class="col-xs-6 col-md-6 col-lg-8 text-left">#}
                                             {#<h4>{{ profile.humanname|raw }}</h4>#}
                                             {#{{ promotion.title }}#}
                                         {#</div>#}
                                         {#<div class="col-xs-6 col-md-6 col-lg-4 text-right">#}
                                             {#<p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}#}
 
                                             {#<p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}#}
                                         {#</div>#}
                                     {#</div>#}
 
 
                                     {#<div class="col-xs-12 col-md-12 col-lg-12 text-center">#}
                                         {#{% if promotion.promoimg %}#}
                                             {#<div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"#}
                                             {#{% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"#}
                                             {#{% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >#}
                                                 {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>#}
                                             {#</div>#}
                                         {#{% else %}#}
                                             {#<div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">#}
                                                 {#<a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>#}
                                             {#</div>#}
                                         {#{% endif %}#}
                                         {#{% if promotion.promoimg2 %}#}
                                             {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
                                                 {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>#}
                                             {#</div>#}
                                         {#{% endif %}#}
                                         {#{% if promotion.promoimg3 %}#}
                                             {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
                                                 {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>#}
                                             {#</div>#}
                                         {#{% endif %}#}
                                     {#</div>#}
 
                                     {#<div class="col-md-12 col-xs-12">#}
                                         {#{% if promotion.subject %}#}
 
                                         {#<b>{% trans %}Detail{% endtrans %} : </b>#}
                                         {#{{ promotion.subject|raw }}#}
 
                                         {#{% endif %}#}
                                         {#<a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">#}
                                             {#<div class="typ-profile-typliveplus" >#}
                                                 {#{% trans %}How to get promotion from{% endtrans %} TYPLive Plus#}
                                             {#</div>#}
                                         {#</a>#}
                                     {#</div>#}
                                 {#</div>#}
                             {#{% endif %}#}
 
                             {#{% if profile.location.lat %}#}
                                 {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >#}
 
                                     {#<iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>#}
                                     {#<div class="text-center">#}
                                         {#<a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">{% trans %}View list on search by map {% endtrans %}</a>#}
                                     {#</div>#}
                                 {#</div>#}
                             {#{% endif %}#}
 
                         {#</div>#}
                     {#</div>#}
 
 
                     <div class="mobile">
                         <ul class="nav nav-tabs" style="display: none;" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>
                             {% if promotion.promotionid %}
                                 <li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion  {% endtrans %}</a></li>
                             {% endif %}
                             {% if profile.location.lat %}
                                 <li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}>
                                     <a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a>
                                 </li>
                             {% endif %}
                         </ul>
 
                         <div class="tab-content no-gutter col-md-12 col-sm-12 col-xs-12" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 55px;"{% endif %}>
 
                             {% if promotion.promotionid %}
                                 <div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
 
                                     <div class="col-xs-12 col-md-12 col-lg-12">
                                         <div class="col-xs-6 col-md-6 col-lg-8 text-left">
                                             <h4>{{ profile.humanname|raw }}</h4>
                                             {{ promotion.title }}
                                         </div>
                                         <div class="col-xs-6 col-md-6 col-lg-4 text-right">
                                             <p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}
 
                                             <p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}
                                         </div>
                                     </div>
 
 
                                     <div class="col-xs-12 col-md-12 col-lg-12 text-center">
                                         {% if promotion.promoimg %}
                                             <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"
                                             {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
                                             {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
                                             </div>
                                         {% else %}
                                             <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
                                                 <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
                                             </div>
                                         {% endif %}
                                         {% if promotion.promoimg2 %}
                                             <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
                                             </div>
                                         {% endif %}
                                         {% if promotion.promoimg3 %}
                                             <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
                                             </div>
                                         {% endif %}
                                     </div>
 
                                     <div class="col-md-12 col-xs-12">
                                         {% if promotion.subject %}
 
                                             <b>{% trans %}Detail{% endtrans %} : </b>
                                             {{ promotion.subject|raw }}
 
                                         {% endif %}
                                         <a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">
                                             <div class="typ-profile-typliveplus" >
                                                 {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
                                             </div>
                                         </a>
                                     </div>
                                 </div>
                             {% endif %}
 
                             {% if profile.location.lat %}
                                 <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active google-map-size"' }} {% endif %}>
 
                                     <iframe width="100%" height="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
                                     <div class="text-center">
                                         <a class="iframe btn typ-link-btn btn-md" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">
                                             {% trans %}View list on search by map {% endtrans %}
                                         </a>
                                     </div>
                                 </div>
                             {% endif %}
 
                         </div>
                     </div>
                 {% else %}
                     <div class="mobile">
                         <ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;"  {% endif %}>
                             {% if profile.picturet1 %}<li class="active"><a data-toggle="tab" href="#home">{% trans %} Picture {% endtrans %}</a></li>{% endif %}
                             {% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu1">{% trans %} Promotion  {% endtrans %}</a></li>{% endif %}
                             {% if profile.location.lat %}<li {% if not promotion.promotionid %} {{ 'class="active"' }} {% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}
                             {% if profile.printads %}<li {% if not promotion.promotionid and not profile.location.lat %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu3">{% trans %} Advertisement {% endtrans %}</a></li>{% endif %}
                             {% if profile.map %}<li {% if not profile.location.lat and not profile.printads and not profile.promotion and not profile.onlinepromotion %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu4">{% trans %} Map Picture {% endtrans %}</a></li>{% endif %}
                         </ul>
 
                         <div class="tab-content" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;"  {% endif %}>
                             {% if profile.picturet1 %}
                             <div id="home" class="tab-pane fade in active">
 
                             <div class="row">
                             {% if profile.picturet1  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet2  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet3  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet4  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet5  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet6  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet7  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet8  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             {% if profile.picturet9  %}
                             <div class="col-xs-4 col-sm-4 col-lg-4">
                             <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}" class="colorbox">
                             <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}"/>
                             </a>
                             </div>
                             {% endif %}
                             </div>
                             </div>
                             {% endif %}
 
                             {% if promotion.promotionid %}
                                 <div id="menu1" class="tab-pane fade in active" >
 
                                     <div class="col-xs-12 col-md-12 col-lg-12">
                                         <div class="col-xs-6 col-md-6 col-lg-6 text-left">
                                             <h4 style="margin:0px 0px 5px 0px;">{{ profile.humanname|raw }}</h4>
                                             {{ promotion.title }}
                                         </div>
                                         <div class="col-xs-6 col-md-6 col-lg-6 text-right">
                                             <b>{% trans %}Start Date{% endtrans %} :</b> {{ promotion.startdate|raw }}
 
                                             <b>{% trans %}End Date{% endtrans %} :</b> {{ promotion.enddate|raw }}
                                         </div>
                                     </div>
 
 
                                     <div class="col-xs-12 col-md-12 col-lg-12 text-center">
                                         {% if promotion.promoimg %}
                                             <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
                                             {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
                                             {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4" {% endif %} >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
                                             </div>
                                         {% else %}
                                             <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
                                                 <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
                                             </div>
                                         {% endif %}
                                         {% if promotion.promoimg2 %}
                                             <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
                                             </div>
                                         {% endif %}
                                         {% if promotion.promoimg3 %}
                                             <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
                                                 <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
                                             </div>
                                         {% endif %}
                                     </div>
 
                                     <div>
                                         {% if promotion.subject %}
 
                                         <b>{% trans %}Detail{% endtrans %} : </b>
                                         {{ promotion.subject|raw }}
 
                                         {% endif %}
                                         <a href="http://www.yellowpages.co.th/profile/get-promotion">
                                             <div class="text-center">
                                                 <div>
                                                     {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
                                                 </div>
                                             </div>
                                         </a>
                                     </div>
                                 </div>
                             {% endif %}
 
                             {% if profile.location.lat %}
                                 <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >
 
                                     <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
                                     <div class="text-center">
                                         <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
                                     </div>
                                 </div>
                             {% endif %}
 
                             {% if profile.printads %}
                                 <div id="menu3" {% if promotion.promotionid or profile.location.lat %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
                                     <div class="row">
                                         <div class="col-xs-12 col-sm-12 col-lg-12">
 
                                             <a href="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}" class="colorbox">
                                                 <img class="img-responsive typ-profile-printads" src="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}"/>
                                             </a>
                                         </div>
                                     </div>
                                 </div>
                             {% endif %}
 
                             {% if profile.map %}
                             <div id="menu4" {% if profile.location.lat or profile.printads or profile.promotion or profile.onlinepromotion %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
                             <div class="row">
                             <div class="col-xs-12 col-sm-12 col-lg-12">
 
                             <a href="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}" class="colorbox">
                             <img class="img-responsive " src="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}"/>
                             </a>
                             </div>
                             </div>
                             </div>
                             {% endif %}
                         </div>
                     </div>
 
                 {% endif %}
 
 
                 {% if not profile.custname %}
                 {% else %}
                 {{ profile.custname|raw }} : แสดงความคิดเห็น
                 {% endif %}
 
 
                  {#TAB#}
                 {#<div class="mobile">#}
                 {#<ul class="nav nav-tabs">#}
                 {#<li class="active"><a data-toggle="tab" href="#menu">{% trans %} Comment {% endtrans %}</a></li>#}
                 {#<li><a data-toggle="tab" href="#menu">{% trans %} Picture Concerned {% endtrans %}</a></li>#}
                 {#&#123;&#35;<li><a data-toggle="tab" href="#menu6">{% trans %} Advertise {% endtrans %}</a></li>&#35;&#125;#}
                 {#</ul>#}
 
                 {#<div class="tab-content">#}
                 {#<div id="menu4" class="tab-pane fade in active">#}
                 {#<h3>HOME</h3>#}
                 {#<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>#}
                 {#</div>#}
                 {#<div id="menu5" class="tab-pane fade">#}
                 {#<h3>Menu 1</h3>#}
                 {#<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>#}
                 {#</div>#}
                 {#&#123;&#35;<div id="menu6" class="tab-pane fade">&#35;&#125;#}
                 {#&#123;&#35;<h3>Menu 2</h3>&#35;&#125;#}
                 {#&#123;&#35;<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>&#35;&#125;#}
                 {#&#123;&#35;</div>&#35;&#125;#}
                 {#</div>#}
                 {#</div>#}
                  {#END TAB#}
 
             {#</div>#}
         </div> {#end Map#}
 
         {#facebook#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             {{ app.request.getRequestUri() }}
                 <div id="fb-root"></div>
                 <script>(function(d, s, id) {
                   var js, fjs = d.getElementsByTagName(s)[0];
                   if (d.getElementById(id)) return;
                   js = d.createElement(s); js.id = id;
                   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=986936604724797";
                   fjs.parentNode.insertBefore(js, fjs);
                 }(document, 'script', 'facebook-jssdk'));</script>
                 <div class="fb-comments" data-width="100%" data-href="http://{{ facebook_comment }}" data-numposts="5"></div>
         </div> {#end facebook#}
 
     </div> {#end typ profile freelist#}
 
         {#</div>#}
 {#</div>#}
 
 <input type="hidden" class="catname" value="{{ profile.headingname|raw }}">
 <input type="hidden" class="lang" value="{{ profile.lang|raw }}">
 <input type="hidden" class="cat_address" value="{{ [profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}">