@extends('layouts.master')
@section('content')
<div class="breadcrumbs">
   <div class="container">
      <div class="title-breadcrumb">
         {{$annonce->titre}}
      </div>
      <ul class="breadcrumb-cate">
         <li><a href="{{url('/')}}"><i class="fa fa-home"></i></a></li>
         <li><a href="{{url('about')}}">Catégories</a></li>
      </ul>
   </div>
</div>
<div class="container page-category">
   <div class="row">
      <aside class="col-md-3 col-sm-4 col-xs-12 content-aside left_column sidebar-offcanvas">
         <span id="close-sidebar" class="fa fa-times"></span>
         <div class="module so_filter_wrap filter-horizontal">
            <h3 class="modtitle"><span>Filtrer par</span></h3>
            <div class="modcontent">
               <ul data-product_id = "51,103,75,88,68,61,40,105,60,110,78,64,66">
                  <li class="so-filter-options" data-option="search">
                     <div class="so-filter-heading">
                        <div class="so-filter-heading-text">
                           <span>Rechercher</span>
                        </div>
                     </div>
                     <div class="so-filter-content-opts">
                        <div class="so-filter-content-opts-container">
                           <div class="so-filter-option" data-type="search">
                              <div class="so-option-container">
                                 <div class="input-group">
                                    <input type="text" class="form-control" name="text_search" id="text_search" value="">
                                    <div class="input-group-btn">
                                       <button class="btn btn-default" type="button" id="submit_text_search"><i class="fa fa-search"></i></button>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  
                  
               </ul>
               <div class="clear_filter">
                <div class="so-filter-heading-text">
                   <h3>Filtrer par catégorie</h3>
                </div>
                <ul>
                  @foreach($listecategorie as $categories)
                   <li style="cursor: pointer;" onclick="window.location.href='{{url('categories/'.$categories->id)}}' ">{{$categories->LibelleCategorie}}</li>
                  @endforeach
                </ul>
                  
               </div>
            </div>
         </div>
         <script type="text/javascript">
            //<![CDATA[
            jQuery(window).load(function($){
              $ = typeof($ !== 'funtion') ? jQuery : $;
              
              var obj_class       = $('#content .row').find('.product-layout').parent(),
                product_arr_all   = $(".so_filter_wrap .modcontent ul").attr("data-product_id"),
                opt_value_id    = "",
                att_value_id    = "",
                manu_value_id   = "",
                subcate_value_id  = "",
                $minPrice     = 60,
                $maxPrice       = 1000,
                $minPrice_new     = 60,
                $maxPrice_new     = 1000,
                url         = 'index0acc.html?route=product/category&amp;path=28&amp;sort=p.model&amp;order=ASC&amp;limit=25';
                text_search     = "";
              
              obj_class.addClass('so-filter-gird');
              $load_gif = $('.so-filter-gird');
              $(".so-filter-heading").on("click",function(){
                if($(this).find(".fa").hasClass("fa-chevron-down")){
                  $(this).find(".fa-chevron-down").addClass('fa-chevron-right','slow').removeClass('fa-chevron-down','slow');
                }else{
                  $(this).find(".fa-chevron-right").addClass('fa-chevron-down','slow').removeClass('fa-chevron-right','slow');
                }
                $(this).parent().children(".so-filter-content-opts").slideToggle("slow");
              });
            
              clickOption();
              if( opt_value_id != "" || att_value_id != "" || manu_value_id != "" || $minPrice != $minPrice_new || $maxPrice != $maxPrice_new || text_search != "" || subcate_value_id != "") {
                requestAjax();
              }else{
                obj_class.find(".product-layout").fadeIn("show");
              }
            
              function getUrlVars() {
                var vars = {};
                var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
                  vars[key] = value;
                });
                return vars;
              }
            
              function updateURL() {
                if (history.pushState) {
                  window.history.pushState({},'',url);
                }
              }
            
              function clickOption(){
                $(".so-filter-content-opts-container .opt-select.opt_enable").on("click",function(){
                  if (!$(this).hasClass('opt_disable')){
                    var type_li = $(this).attr("data-type");
                    var att_value = "";
                    var opt_value = "";
                    var manu_value = "";
                    $load_gif.addClass('loading-gif');
                    switch(type_li) {
                      case "option":
                        opt_value = $(this).attr("data-option_value");
                        if(!$(this).hasClass("opt_active")) {
                          $(this).addClass("opt_active");
                          $(this).find('.fa-square-o').removeClass('fa-square-o').addClass('fa-check-square-o');
                          $(this).find(".option-count").addClass("opt_close");
                          if(opt_value_id == ""){
                            opt_value_id = opt_value;
                          }else{
                            opt_value_id += "," + opt_value;
                          }
                        }else{
                          $(this).removeClass("opt_active");
                          $(this).find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                          $(this).find(".option-count").removeClass("opt_close");
                          opt_value_id = opt_value_id.replace(","+opt_value,"");
                          opt_value_id = opt_value_id.replace(opt_value+",","");
                          opt_value_id = opt_value_id.replace(opt_value,"");
                        }
            
                        if(url.indexOf("opt_id") != -1) {
                          if(opt_value_id != ""){
                            url = url.replace(/(&opt_id=)[^\&]+/,'&opt_id='+opt_value_id);
                          }else{
                            url = url.replace(/(&opt_id=)[^\&]+/,'');
                            location.href= url;
                          }
            
                        }else{
                          url = url+'&opt_id='+opt_value_id;
                        }
            
                      break;
                      case "attribute":
                        att_value = $(this).attr("data-attribute_value");
                        if(!$(this).hasClass("opt_active")) {
                          $(this).addClass("opt_active");
                          $(this).find('.fa-square-o').removeClass('fa-square-o').addClass('fa-check-square-o');
                          $(this).find(".option-count").addClass("opt_close");
                          if(att_value_id == ""){
                            att_value_id = att_value;
                          }else{
                            att_value_id = att_value_id.replace(","+att_value,"");
                            att_value_id = att_value_id.replace(att_value+",","");
                            att_value_id = att_value_id.replace(att_value,"");
                            att_value_id += "," + att_value;
                          }
                        }else{
                          $(this).removeClass("opt_active");
                          $(this).find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                          $(this).find(".option-count").removeClass("opt_close");
                          att_value_id = att_value_id.replace(","+att_value,"");
                          att_value_id = att_value_id.replace(att_value+",","");
                          att_value_id = att_value_id.replace(att_value,"");
                        }
                        if(url.indexOf("att_id") != -1){
                          if(att_value_id != ""){
                            url = url.replace(/(&att_id=)[^\&]+/,'&att_id='+att_value_id);
                          }else{
                            url = url.replace(/(&att_id=)[^\&]+/,'');
                            location.href= url;
                          }
                        }else{
                          url = url+'&att_id='+att_value_id;
                        }
                      break;
                      case "manufacturer":
                        manu_value = $(this).attr("data-manufacturer_value");
                        if(!$(this).hasClass("opt_active")) {
                          $(this).addClass("opt_active");
                          $(this).find('.fa-square-o').removeClass('fa-square-o').addClass('fa-check-square-o');
                          $(this).find(".option-count").addClass("opt_close");
                          if(manu_value_id == "") {
                            manu_value_id = manu_value;
                          }else{
                            manu_value_id = manu_value_id.replace(","+manu_value,"");
                            manu_value_id = manu_value_id.replace(manu_value+",","");
                            manu_value_id = manu_value_id.replace(manu_value,"");
                            manu_value_id += "," + manu_value;
                          }
                        }else{
                          $(this).removeClass("opt_active");
                          $(this).find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                          $(this).find(".option-count").removeClass("opt_close");
                          manu_value_id = manu_value_id.replace(","+manu_value,"");
                          manu_value_id = manu_value_id.replace(manu_value+",","");
                          manu_value_id = manu_value_id.replace(manu_value,"");
                        }
                        if(url.indexOf("manu_id") != -1){
                          if(manu_value_id != "") {
                            url = url.replace(/(&manu_id=)[^\&]+/,'&manu_id='+manu_value_id);
                          }else{
                            url = url.replace(/(&manu_id=)[^\&]+/,'');
                            location.href= url;
                          }
                        }else{
                          url = url+'&manu_id='+manu_value_id;
                        }
                      break;
                      case "subcategory":
                        subcate_value = $(this).attr("data-subcategory_value");
                        if(!$(this).hasClass("opt_active")) {
                          $(this).addClass("opt_active");
                          $(this).find('.fa-square-o').removeClass('fa-square-o').addClass('fa-check-square-o');
                          $(this).find(".option-count").addClass("opt_close");
                          if(subcate_value_id == ""){
                            subcate_value_id = subcate_value;
                          }else{
                            subcate_value_id = subcate_value_id.replace(","+subcate_value,"");
                            subcate_value_id = subcate_value_id.replace(subcate_value+",","");
                            subcate_value_id = subcate_value_id.replace(subcate_value,"");
                            subcate_value_id += "," + subcate_value;
                          }
                        }else{
                          $(this).removeClass("opt_active");
                          $(this).find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                          $(this).find(".option-count").removeClass("opt_close");
                          subcate_value_id = subcate_value_id.replace(","+subcate_value,"");
                          subcate_value_id = subcate_value_id.replace(subcate_value+",","");
                          subcate_value_id = subcate_value_id.replace(subcate_value,"");
                        }
                        if(url.indexOf("subcate_id") != -1) {
                          if(subcate_value_id != ""){
                            url = url.replace(/(&subcate_id=)[^\&]+/,'&subcate_id='+subcate_value_id);
                          }else{
                            url = url.replace(/(&subcate_id=)[^\&]+/,'');
                            location.href= url;
                          }
                        }else{
                          url = url+'&subcate_id='+subcate_value_id;
                        }
                        product_arr_all = $(this).attr("data-list_product");
                        /*location.href= url;*/
                      break;
                    }
                    obj_class.find(".product-layout").css("display","none");
            
                    updateURL();
                    requestAjax();
                  }
                  return false;
                });
              }
            
              $.arrayIntersect = function(a, b)
              {
                return $.grep(a, function(i)
                {
                  return $.inArray(i, b) > -1;
                });
              };
            
              function getCountProduct(){
                var product_tmp = $(".so_filter_wrap .modcontent ul").attr("data-product_id");
                
                product_arr = product_tmp.split(',');
                if(product_arr == ''){
                  $('.so-filter-option').each(function(){
                    $(this).find('.option-count span').html(0);
                  });
                }else{
                  $('.so-filter-option.opt-select').each(function(){
                    var product = $(this).attr('data-list_product');
                    if(product != ''){
                      var product_array = product.split(',');
                      var length = product_array.length;
                      var dem = 0 , a =[];
                      var _general = $.arrayIntersect(product_arr, product_array);
                      var count = _general.length;
                      // for (var i = 0; i < length;i++){
                        // if(product_arr.indexOf(product_array[i]) > -1){
                          // count = count + 1;
                          // dem = product_array.length - product_arr.split(',').length;
                        // }
                      // }
                      if(count == 0){
                        $(this).removeClass("opt_enable").addClass("opt_disable");
                        $(this).attr("disabled", "disabled");
            
                      }else{
                        $(this).removeClass("opt_enable").removeClass("opt_disable").addClass("opt_enable");
                        $(this).removeAttr("disabled");
                      }
                      var type = $(this).attr("data-type");
                      if(count > 0 && ((att_value_id != "" && type == "attribute") || (opt_value_id != "" && type == "option"))){
                        $(this).find('.option-count span').html(count);
                      }else{
                        $(this).find('.option-count span').html(count);
                      }
                    }
                  });
                }
              }
            
                  var range = document.getElementById('slider-range');
                noUiSlider.create(range, {
                  start: [$minPrice_new, $maxPrice_new],
                  step: 1,
                  connect: true,
                  range: {
                    'min': $minPrice,
                    'max': $maxPrice
                  },
                  slide: function(event, ui) {
                          if ($minPrice == $maxPrice) {
                              return false;
                          }
                      }
                });
                var valueMin = $('.content_min_max .input_min'),
                  valueMax = $('.content_min_max .input_max');
            
                range.noUiSlider.on('change', function( values, handle ) {
                  if ( handle ) {
            
                    valueMax.val(values[handle]);
                    $maxPrice_new = values[handle];
                    if(url.indexOf("maxPrice") != -1){
                      if($maxPrice_new != "1000"){
                        url = url.replace(/(&maxPrice=)[^\&]+/,'&maxPrice='+$maxPrice_new);
                      }else{
                        url = url.replace(/(&maxPrice=)[^\&]+/,'');
                        location.href= url;
                      }
                    }else{
                      url = url+'&maxPrice='+$maxPrice_new;
                    }
                  } else {
                    valueMin.val(values[handle]);
                    $minPrice_new = values[handle];
                    if(url.indexOf("minPrice") != -1){
                      if($minPrice_new != "60"){
                        url = url.replace(/(&minPrice=)[^\&]+/,'&minPrice='+$minPrice_new);
                      }else{
                        url = url.replace(/(&minPrice=)[^\&]+/,'');
                        location.href= url;
                      }
                    }else{
                      url = url+'&minPrice='+$minPrice_new;
                    }
                  }
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  requestAjax();
            
                });
              
                range.noUiSlider.on('end', function( values, handle ) {
                  if ( handle ) {
                    $maxPrice_new = values[handle];
                    if(url.indexOf("maxPrice") != -1){
                      if($maxPrice_new != "1000"){
                        url = url.replace(/(&maxPrice=)[^\&]+/,'&maxPrice='+$maxPrice_new);
                      }else{
                        url = url.replace(/(&maxPrice=)[^\&]+/,'');
                        location.href= url;
                      }
                    }else{
                      url = url+'&maxPrice='+$maxPrice_new;
                    }
            
                  } else {
                    $minPrice_new = values[handle];
                    if(url.indexOf("minPrice") != -1){
                      if($minPrice_new != "60"){
                        url = url.replace(/(&minPrice=)[^\&]+/,'&minPrice='+$minPrice_new);
                      }else{
                        url = url.replace(/(&minPrice=)[^\&]+/,'');
                        location.href= url;
                      }
                    }else{
                      url = url+'&minPrice='+$minPrice_new;
                    }
            
                  }
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  requestAjax();
                });
              
                $('.content_min_max .input_min').change(function(){
                  var valueMin = $(this).val();
                  var maxPrice__ = getUrlVars()["maxPrice"];
            
                  if(typeof maxPrice__ === 'undefined'){
                    $maxPrice_new = 1000;
                  }else{
                    $maxPrice_new = maxPrice__;
                  }
                  if(valueMin < 60){
                    valueMin = 60;
                    $(this).val(valueMin);
                  }
                  if(valueMin > 1000){
                    valueMin = 1000;
                    $(this).val(valueMin);
                  }
                  range.noUiSlider.set([valueMin,null]);
                  if(url.indexOf("minPrice") != -1){
                    if(valueMin != "60"){
                      url = url.replace(/(&minPrice=)[^\&]+/,'&minPrice='+valueMin);
                    }else{
                      url = url.replace(/(&minPrice=)[^\&]+/,'');
                      location.href= url;
                    }
                  }else{
                    url = url+'&minPrice='+valueMin;
                  }
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  $minPrice_new = valueMin;
            
                  requestAjax();
                });
            
                $('.content_min_max .input_max').change(function(){
                  var valueMax = $(this).val();
                  var minPrice__ = getUrlVars()["minPrice"];
                  if(typeof minPrice__ === 'undefined'){
                    $minPrice_new = 60;
                  }else{
                    $minPrice_new = minPrice__;
                  }
                  if(valueMax > 1000){
                    valueMax = 1000;
                    $(this).val(valueMax);
                  }
                  if(valueMax < 60){
                    valueMax = 1000;
                    $(this).val(valueMax);
                  }
                  range.noUiSlider.set([null, valueMax]);
                  if(url.indexOf("maxPrice") != -1){
                    if(valueMax != "1000"){
                      url = url.replace(/(&maxPrice=)[^\&]+/,'&maxPrice='+valueMax);
                    }else{
                      url = url.replace(/(&maxPrice=)[^\&]+/,'');
                      location.href= url;
                    }
                  }else{
                    url = url+'&maxPrice='+valueMax;
                  }
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  $maxPrice_new = valueMax;
                  requestAjax();
                });
              
                  $('#text_search').keyup(function(){
                  var character = 3;
                  text_search = $("#text_search").val();
                  if(text_search.length >= character){
                    if(url.indexOf("search") != -1){
                      if(text_search != ""){
                        url = url.replace(/(&search=)[^\&]+/,'&search='+text_search);
                      }else{
                        url = url.replace(/(&search=)[^\&]+/,'');
                        location.href= url;
                      }
                    }else{
                      url = url+'&search='+text_search;
                    }
                    obj_class.find(".product-layout").css('display','none');
                    updateURL();
                    requestAjax();
                  }
                });
            
                $('#submit_text_search').on("click",function(){
                  text_search = $("#text_search").val();
                  if(url.indexOf("search") != -1){
                    if(text_search != ""){
                      url = url.replace(/(&search=)[^\&]+/,'&search='+text_search);
                    }else{
                      url = url.replace(/(&search=)[^\&]+/,'');
                      location.href= url;
                    }
                  }else{
                    url = url+'&search='+text_search;
                  }
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  requestAjax();
                });
              
                  $('#btn_resetAll').on("click",function(){
                  opt_value_id    = "";
                  att_value_id    = "";
                  manu_value_id     = "";
                  $minPrice_new   = "",
                  $maxPrice_new     = "",
                  text_search     = "";
                  subcate_value_id  = "";
                  url = url.replace(/(&opt_id=)[^\&]+/,'');
                  url = url.replace(/(&att_id=)[^\&]+/,'');
                  url = url.replace(/(&manu_id=)[^\&]+/,'');
                  url = url.replace(/(&minPrice=)[^\&]+/,'');
                  url = url.replace(/(&maxPrice=)[^\&]+/,'');
                  url = url.replace(/(&search=)[^\&]+/,'');
                  url = url.replace(/(&subcate_id=)[^\&]+/,'');
                  obj_class.find(".product-layout").css('display','none');
                  updateURL();
                  $('.content_min_max .input_min').val($minPrice);
                  $('.content_min_max .input_max').val($maxPrice);
                  if(($minPrice != 0 || $maxPrice != 0) && ($minPrice != $maxPrice)){
                    range.noUiSlider.set([$minPrice, $maxPrice]);
                  }
                  
                  $(".so-filter-option").removeClass("opt_active");
                  $(".so-filter-option").find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                  $(".so-filter-option").find(".option-count").removeClass("opt_close");
            
                  $(".so-filter-option-sub").removeClass("opt_active");
                  $(".so-filter-option-sub").find('.fa-check-square-o').removeClass('fa-check-square-o').addClass('fa-square-o');
                  $(".so-filter-option-sub").find(".option-count").removeClass("opt_close");
            
                  $("#text_search").val('');
                  location.href= url;
                });
                
              function requestAjax(){
                var page = (getUrlVars()["page"] === "undefined" ? "1" : getUrlVars()["page"]);
                $.ajax({
                  type: 'POST',
                  url: 'index.php?route=extension/module/so_filter_shop_by/filter_data',
                  data: {
                    isFilterShopBy    : 1,
                    opt_value_id    : opt_value_id,
                    att_value_id    : att_value_id,
                    manu_value_id   : manu_value_id,
                    subcate_value_id  : subcate_value_id,
                    minPrice      : $minPrice_new,
                    maxPrice      : $maxPrice_new,
                    text_search     : text_search,
                    category_id_path  : '28',
                    page        : page,
                    product_id_in        : $('.so_filter_wrap .modcontent > ul').attr('data-product_id'),
                    product_arr_all   : product_arr_all
                  },
                  success: function (data) {
                    obj_class.html(data['html']);
                    var text_right = obj_class.find(".product-layout").parent().next().find('.text-right').html();
                    var text_left = obj_class.find(".product-layout").parent().next().find('.text-left').html();
                    var text_center = obj_class.find(".product-layout").parent().next().find('.short-by-show.text-center').html();
                    obj_class.next().find('.text-right').html(text_right);
                    obj_class.next().find('.text-left').html('');
                    obj_class.next().find('.short-by-show.text-center').html(text_center);
                    obj_class.next().find('.box-pagination.text-right').html('');
                    if(obj_class.find(".product-layout").length > 0){
                      var html = obj_class.find(".product-layout").eq(0).parent().html();
                      obj_class.html(html);
            
                    }else{
                      obj_class.html('<div class="col-xs-12">Not product</div>');
                      obj_class.next().find('.text-right').css('display','none');
                      obj_class.next().find('.short-by-show.text-center').css('display','none');
                    }
                    obj_class.find(".product-layout").fadeIn("show");
                    $(".so_filter_wrap .modcontent ul").attr("data-product_id",data['product_arr']);
                    $('#grid-view').click();
                    getCountProduct();
                    $load_gif.removeClass('loading-gif');
                  },
                  dataType: 'json'
                });
              }
            
            });
            //]]>
         </script>
      </aside>
      <div id="content" class="col-md-9 col-sm-12 col-xs-12">
         <div class="so-fb-message right-bottom" style="width: 320px">
            <div class="so-fb-ms-inner" style="display: none;">
               
               
            </div>
            <div class="so-fb-ms-bottom so-fb-message-style-default">
               <div class="so-fb-ms-heading so-fb-message-head">
                  
               </div>
            </div>
         </div>
         <script type="text/javascript">
            jQuery(document).ready(function($) {
              $(document).on('click', '.so-fb-ms-bottom', function() {
                $(this).prev('.so-fb-ms-inner').show();
                $(this).hide();
              })
            
              $(document).on('click', '.offline_heading', function() {
                $(this).parent('.so-fb-ms-inner').hide();
                $(this).parent().next('.so-fb-ms-bottom').show();
              })
            })
         </script>
         <a href="javascript:void(0)" class="open-sidebar hidden-lg hidden-md"><i class="fa fa-bars"></i>Sidebar</a>
         <div class="sidebar-overlay "></div>
         <div class="product-view product-detail">
            <div class="product-view-inner clearfix">
               <div class="content-product-left  col-md-5 col-sm-6 col-xs-12">
                  <div class="so-loadeding" ></div>
                  <div class="large-image  class-honizol">
                     <div class="box-label">
                     </div>
                     <img class="product-image-zoom" src="{{url(images_annonce($annonce->id)[0]->lien)}}" data-zoom-image="{{url(images_annonce($annonce->id)[0]->lien)}}" title="{{$annonce->titre}}" alt="{{$annonce->titre}}" />
                  </div>
                  <div id="thumb-slider" class="full_slider contentslider contentslider--default" data-rtl="no" data-autoplay="no"  data-pagination="no" data-delay="4" data-speed="0.6" data-margin="10"  data-items_column0="3" data-items_column1="3" data-items_column2="3"
                     data-items_column3="3" data-items_column4="2" data-arrows="yes" data-lazyload="yes" data-loop="no" data-hoverpause="yes">
                     @foreach(images_annonce($annonce->id) as $key => $image)
                     <div class="image-additional">
                        <a data-index="{{$key}}" class="img thumbnail " data-image="{{url($image->lien)}}" title="{{$annonce->titre}}">
                        <img src="{{url($image->lien)}}" title="{{$annonce->titre}}" alt="{{$annonce->titre}}" />
                        </a>
                     </div>
                     @endforeach
                     

                  </div>
               </div>
               <div class="content-product-right col-md-7 col-sm-6 col-xs-12">
                  <div class="title-product">
                     <h1>{{$annonce->titre}}</h1>
                  </div>
                  <div class="box-review">
                     <div class="rating">
                        <div class="rating-box">
                           <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                              <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                             <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                             <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                             <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                           
                        </div>
                     </div>
                     
                  </div>
                  <div class="product_page_price price" itemscope itemtype="http://data-vocabulary.org/Offer">
                     <span class="price-new"><span id="price-old">
                       @if($annonce->prix > 0)
                           {{$annonce->prix }} XOF
                       @endif
                     </span></span>
                  </div>
                  <div class="product-box-desc">
                     <div class="inner-box-desc">
                        <div class="brand">
                          <span>
                            {!! $annonce->description !!}
                          </span>
                        </div>
                        
                     </div>
                  </div>
                  
               </div>
            </div>
         </div>
         <!-- <div class="product-attribute module">
            <div class="row content-product-midde clearfix">
               <div class="col-xs-12">
                  <div class="producttab ">
                     <div class="tabsslider  ">
                        <ul class="nav nav-tabs font-sn">
                           <li class="active"><a data-toggle="tab" href="#tab-description">Description</a></li>
                           <li><a href="#tab-review" data-toggle="tab">Reviews (0)</a></li>
                        </ul>
                        <div class="tab-content ">
                           <div class="tab-pane active" id="tab-description">
                              <div>
                                 <strong>Born to be worn.</strong>
                                 <p>
                                    Clip on the worlds most wearable music player and take up to 240 songs with you anywhere. Choose from five colors including four new hues to make your musical fashion statement.
                                 </p>
                                 <p>
                                    <strong>Random meets rhythm.</strong>
                                 </p>
                                 <p>
                                    With iTunes autofill, iPod shuffle can deliver a new musical experience every time you sync. For more randomness, you can shuffle songs during playback with the slide of a switch.
                                 </p>
                                 <strong>Everything is easy.</strong>
                                 <p>
                                    Charge and sync with the included USB dock. Operate the iPod shuffle controls with one hand. Enjoy up to 12 hours straight of skip-free music playback.
                                 </p>
                              </div>
                           </div>
                           <div class="tab-pane" id="tab-review">
                              <form class="form-horizontal" id="form-review">
                                 <div id="review"></div>
                                 <h2>Write a review</h2>
                                 <div class="form-group required">
                                    <div class="col-sm-12">
                                       <label class="control-label" for="input-name">Your Name</label>
                                       <input type="text" name="name" value="" id="input-name" class="form-control" />
                                    </div>
                                 </div>
                                 <div class="form-group required">
                                    <div class="col-sm-12">
                                       <label class="control-label" for="input-review">Your Review</label>
                                       <textarea name="text" rows="5" id="input-review" class="form-control"></textarea>
                                       <div class="help-block"><span class="text-danger">Note:</span> HTML is not translated!</div>
                                    </div>
                                 </div>
                                 <div class="form-group required">
                                    <div class="col-sm-12">
                                       <label class="control-label">Rating</label>
                                       &nbsp;&nbsp;&nbsp; Bad&nbsp;
                                       <input type="radio" name="rating" value="1" />
                                       &nbsp;
                                       <input type="radio" name="rating" value="2" />
                                       &nbsp;
                                       <input type="radio" name="rating" value="3" />
                                       &nbsp;
                                       <input type="radio" name="rating" value="4" />
                                       &nbsp;
                                       <input type="radio" name="rating" value="5" />
                                       &nbsp;Good
                                    </div>
                                 </div>
                                 <div class="buttons clearfix">
                                    <div class="pull-right">
                                       <button type="button" id="button-review" data-loading-text="Loading..." class="btn btn-primary">Continue</button>
                                    </div>
                                 </div>
                              </form>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div> -->        
      </div>
   </div>
</div>


      

@endsection