@extends('layout')
@section('content')


  <!-- Start main-content -->
  <div class="main-content-area">
    <!-- Section: Home -->
    <section class="parallax" data-tm-bg-img="{{asset('public/frontend/images/bg/bg1.jpg')}}">
      <div class="container">
        <div class="section-content">
          <div class="row">
            <div class="col-md-4">
              <div class="p-30 bg-theme-colored1">
                <h4 class="text-white">Make an appointment</h4>
        <?php
    $message = Session::get('message');if ($message) {
        echo '<span class="text-white" >',$message,'</span>';
        Session::put('message',null);
            // code...
        }
        // code...?>
                <!-- Contact Form -->
                <form role="form" id="spForm" action="{{URL::to('/save-datlich')}}" method="post" enctype="multipart/form-data">
                  {{csrf_field()}}
                  <div class="form-row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <input name="datlich_name" class="form-control" type="text" placeholder="Enter Name"minlength="3" required >
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                       <input name="datlich_phone" class="form-control" type="text" placeholder="Enter Phone" required>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <textarea name="datlich_notes" class="form-control required" rows="5" placeholder="Enter Message" minlength="5" required></textarea>
                  </div>
                  <div class="form-group">
                    <input name="form_botcheck" class="form-control" type="hidden" value="" />
                    <!--recaptcha  -->
              <div class="g-recaptcha" data-sitekey="{{env('CAPTCHA_KEY')}}"></div>
              <br/>
                @if($errors->has('g-recaptcha-response'))
                  <span class="invalid-feedback" style="display:block">
                <strong>{{$errors->first('g-recaptcha-response')}}</strong>
                </span>
                @endif
                    <button type="submit" class="btn btn-flat btn-theme-colored2 text-uppercase mb-sm-30 border-left-theme-color-2-4px" data-loading-text="Please wait...">Gởi</button>
                    <button type="reset" class="btn btn-flat btn-theme-colored3 text-uppercase mb-sm-30 border-left-theme-color-2-4px">Reset</button>
                  </div>
                </form>

                <!-- Contact Form Validation-->
                
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


   <section id="about">
      <div class="container pb-0 pb-lg-90">
        <div class="section-content">
          <div class="row">
            <div class="mb-md-30 col-sm-12 col-lg-4 col-md-6">
              <div class="tm-element-holder tm-fullwidth open-hours p-30 border-10px">
                <div class="tm-element-holder-wrapper">
                  <div class="tm-element-holder-content">
                    <h5 class="mt-0"><i class="fa fa-clock-o text-theme-colored"></i> Business hours</h5>
                    <ul class="tm-sc-opening-hours tm-sc-opening-hours-compressed opening-hours border-light">
                      <li class="clearfix">
                        <span>Monday - Saturday: </span>
                        <div class="value">8.00 am - 10.00 pm</div>
                      </li>
                      
                      <li class="clearfix">
                        <span>Sunday : </span>
                        <div class="value">Close </div>
                      </li>
                    </ul>
                    <h5><i class="fa fa-pencil-square-o text-theme-colored"></i> Do you need advice </h5>
                    <p>Please call Hotline +84 966 909 409 we are always ready to serve you</p>
                    <div class="tm-sc-button"> <a href="https://thammyviendd.com/lien-he/" target="_self" class="btn btn-theme-colored1 btn-sm"> Contact us  </a></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="mb-md-30 col-sm-12 col-lg-4 col-md-6">
              <!-- <h4 class="text-gray mt-0">VỀ CHÚNG </h4> -->
              @foreach($all_post as $key => $post ) 
              @if($post->post_id==1)
              <h2>{{$post->post_title}}</h2>
              <span>{!!$post->post_desc!!}</span>
              
              <div class="tm-sc-button mt-20"> <a href="{{URL::to('/bai-viet/'.$post->post_slug)}}" target="_self" class="btn btn-theme-colored1 btn-sm"> View more </a></div>
              @endif
              @endforeach
            </div>
            <div class="col-sm-12 col-lg-4 hidden-md-down">
              <img width="100%" height="100%" src="{{url('/public/uploads/post/'.$post->post_image)}}" class="attachment-large" alt=""/>
            </div>
          </div>
        </div>
      </div>
    </section>
 <!-- end: About -->

    <!-- Section: Service -->
    <section class="bg-white-f5">
      <div class="container">
        <div class="section-title">
          <div class="row justify-content-md-center">
            <div class="col-md-8">
              <div class="text-center mb-60">
                <div class="tm-sc-section-title section-title section-title-style1 text-center">
                  <div class="title-wrapper">
                    <h2 class="title icon-bottom"> <span class="">Cosmetic Surgery </span> <span class="text-theme-colored1">Services</span></h2>
                    <div class="title-seperator-line"></div>
                    <div class="paragraph">
                    <p>Consulting and beauty services at D&D Beauty Institute  </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">


            @foreach ($categorypost as $key => $cate1)
             @if($cate1->cate_post_id== 6 or $cate1->cate_post_id== 10)
                     
            <div class="col-md-6 col-lg-6 col-xl-4">
              <div class="tm-sc-icon-box icon-box icon-top tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored1 icon-position-icon-top border-10px p-30 mb-30">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-gray"><img  src="{{url('/public/uploads/post/'.$cate1->categorypost_image)}}" alt="Logo"></a>
                  </div>
                  <div class="icon-text">
                    <h4 class="icon-box-title"><a href="{{URL::to('/danh-muc-bai-viet/'.$cate1->categorypost_slug)}}">{{$cate1->categorypost_name}}</a></h4>
                    <div class="content">
                      <p>{{$cate1->categorypost_desc}}</p>
                    </div>
                    <div class="btn-view-details">
                      <a target="_self" href="{{URL::to('/danh-muc-bai-viet/'.$cate1->categorypost_slug)}}" class="btn btn-plain-text-with-arrow btn-sm">Watch now </a>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
           @endif
          @endforeach
          </div>
        </div>
      </div>
    </section>


    <!-- Section: Team -->
    <section class="bg-white-f5">
      <div class="container">
        <div class="section-title">
          <div class="row justify-content-md-center">
            <div class="col-md-8">
              <div class="text-center mb-60">
                <div class="tm-sc-section-title section-title section-title-style1 text-center">
                  <div class="title-wrapper">

                    <h2 class="title icon-bottom"> <span class="">Our </span> <span class="text-theme-colored1">Doctor</span></h2>
                    <div class="title-seperator-line"></div>
                    <div class="paragraph">
                    <p>A team of doctors with 22 years of experience in the beauty field</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        

        <div class="section-content">
          <div class="row">        
          @foreach($all_post as $key => $postbs ) 
          @if($postbs->categorypost_id==65)  
            <div class="col-md-6 col-lg-6 col-xl-4 mb-lg-30">            
             <div class="tm-sc-staff tm-sc-staff-grid staff-style1-simple">
                <div class="isotope-item">
                  <div class="tm-staff">
                    <div class="staff-inner">
                        <div class="box-hover-effect">
                          <div class="staff-header effect-wrapper">
                            <div class="thumb">
                              <img src="{{url('/public/uploads/post/'.$postbs->post_image)}}" class="img-fullwidth" alt=""/>
                            </div>
                            <div class="overlay-shade shade-white"></div>
                            <div class="icons-holder icons-holder-middle staff-social-links">
                              <div class="icons-holder-inner">
                                <ul class="styled-icons icon-dark icon-theme-colored1 icon-circled icon-sm">
                                  <li><a class="styled-icons-item" target="_blank" href="#"><i class="fab fa-facebook"></i></a></li>
                                  <li><a class="styled-icons-item" target="_blank" href="#"><i class="fab fa-instagram"></i></a></li>
                                  <li><a class="styled-icons-item" target="_blank" href="#"><i class="fab fa-linkedin"></i></a></li>
                                  <li><a class="styled-icons-item" target="_blank" href="#"><i class="fab fa-skype"></i></a></li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="staff-content">
                          <li>

                            <h5 class="name"><a href="{{URL::to('/bai-viet/'.$postbs->post_slug)}}">{{$postbs->post_title}}</a></h5>
                            <div class="speciality">{!!$postbs->post_desc!!}</div>
                            <div class="short-bio">
                                                     
                             </div>
                            <ul class="contact-info">
                            </ul>
                            <div class="staff-btn">
                              <div class="btn-view-details">
                                <a href="{{URL::to('/bai-viet/'.$postbs->post_slug)}}" class="btn - btn-theme-colored1 - btn-sm - btn-flat"> See details</a>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>  
                   
              </div>
            </div>
         
         @endif
          @endforeach
          </div>
        </div>
        </div>
        </div>
      </div> 
    </section>
    <!-- Section: END Team -->




    <!-- End Divider -->
     
    <!-- Section: Testimonial -->
    <section class="" data-tm-bg-img="{{URL::to('public/frontend/images/pattern/p4.pn')}}g">
      <div class="container pt-90 pb-90">
        <div class="section-content">
          <div class="row justify-content-md-center">
            <div class="col-md-10">
              <div class="tm-sc-testimonials tm-sc-testimonials-carousel testimonial-style2-centered-aligned owl-dots-light-skin owl-dots-center testimonial-has-quote-icon mt-80 mt-md-30">
                <div id="testimonials-holder-849581" class="owl-carousel owl-theme tm-owl-carousel-1col" data-dots="true" data-autoplay="true" data-loop="true">


                  @foreach($all_post as $key => $postkh ) 
                  @if($postkh->categorypost_id==46)

                  <div class="tm-carousel-item">
                    <div class="tm-testimonial testimonials type-testimonials status-publish has-post-thumbnail hentry">
                      <div class="testimonial-inner">
                        <div class="testimonial-text-holder">
                          <div class="author-text">
                             {!!$postkh->post_content!!}  
                          </div>
                          <div class="star-rating"> <span data-tm-width="90%"></span></div>
                        </div>
                        <div class="testimonial-author-details">
                          <div class="testimonial-image-holder">
                            <div class="author-thumb">
                              <img src="{{url('/public/uploads/post/'.$postkh->post_image)}}" class="img-thumbnail rounded-circle" alt=""/>
                            </div>
                          </div>
                          <div class="testimonial-author-info-holder">
                            <h5 class="name">{!!$postkh->post_title!!} </h5>
                            <span class="job-position">{!!$postkh->post_desc!!} </span>
                           <!-- <a class="company-url" href="#">{!!$postkh->post_meta_desc!!} </a>-->
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
             
                  @endif
                  @endforeach


                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- End Divider -->

{{--
    <!-- Section: san pham  -->


    <!-- Section: Shop  -->
    <section id="shop">
      <div class="container">
        <div class="section-title text-center mb-50">
          <div class="row">
            <div class="col-md-12">
               <h2>Sản Phẩm  <span class="text-theme-colored1">Chăm sóc vết thương Điều Trị</span> </h2>
              <p>Kho sản phẩm chăm sóc vết thương và điều trị</p>
            </div>
          </div>
        </div>


        <div class="row">
          <div class="col-md-12">

            <!-- Isotope Gallery Grid -->
            <div id="product-gallery-holder-2222" class="isotope-layout grid-4 gutter-15 clearfix lightgallery-lightbox">
              <div class="isotope-layout-inner">
                

                @foreach($all_attr as $key=>$product) 
                @if($key==0)


                 <form id="input">
                                        
                                          <span id="input">  </span>
                                            <input type="hidden"  value="{{$product->attr_id}}" class="cart_product_id_{{$product->attr_id}}">
                                            <input type="hidden" value="{{$product->product_sku}}" class="cart_product_id_{{$product->attr_id}}">
                                            <input type="hidden" value="{{$product->product->product_name}}" class="cart_product_name_{{$product->attr_id}}">
                                            <input type="hidden" value="{{$product->product->product_desc}}" class="cart_product_desc_{{$product->attr_id}}">
                                            <input type="hidden" value="{{$product->product_image}}" class="cart_product_image_{{$product->attr_id}} ">

                                            <input type="hidden" value="{{$product->product_price}}" class="cart_product_price_{{$product->attr_id}}"  disabled readonly>
                                              <input type="hidden" value="{{$product->product_sku}}" class="cart_product_sku_{{$product->attr_id}}">
                                            <input type="hidden" value="1" class="cart_product_qty_{{$product->attr_id}}">
                                             @csrf
                <!-- Isotope Item Start -->
                <div class="isotope-item cat1">
                  <div class="isotope-item-inner">
                    <div class="product">
                      <div class="product-header">
                        <span class="onsale">Sale!</span>
                        <div class="thumb image-swap">
                          <a href="shop-product-details.html"><img src="{{URL::to('public/uploads/product/'.$product->product_image)}}" class="product-main-image img-responsive img-fullwidth" width="300" height="300" alt="product"></a>
                          <a href="shop-product-details.html"><img src="{{URL::to('public/uploads/product/'.$product->product_image)}}"  class="product-hover-image img-responsive img-fullwidth" alt="product"></a>
                        </div>
                        <div class="product-button-holder">
                          <ul class="shop-icons">
                            <li class="item"><a href="#" class="button btn-quickview" title="Product quick view"></a></li>
                           <li><button type="button" class="item"><a data-id_product="{{$product->attr_id}}" name="add-to-cart" class="button tm-btn-add-to-cart add-to-cart">Thêm vào giỏ hàng</a></button ></li>
                          </ul>
                        </div>
                        </form> 
                      </div>
                      <div class="product-details">
                        <span class="product-categories"><a href="#" rel="tag"></a></span>
                        <h5 class="product-title"><a href="{{URL::to('/chi-tiet-san-pham',$product->slug_product)}}">{{$product->product->product_name}}</a></h5>
                        <h6 class="product-title">Mã sản phẩn: {{$product->product_sku}}</a></h6>
                        <span class="price">
                          <del><span class="amount"><span class="currency-symbol">VNĐ</span>{{number_format($product->product_price,0,',','.')}}</span></del>
                          <ins><span class="amount"><span class="currency-symbol">VNĐ</span>{{number_format($product->product_price,0,',','.')}}</span></ins>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- Isotope Item End -->
                @endif 
                @endforeach

              </div>
            </div>
          </div>
        </div>
      </div>
--}}
<script type="text/javascript">
        $(document).ready(function(){
            $('.add-to-cart').click(function(){
                var id = $(this).data('id_product');
                var cart_product_id = $('.cart_product_id_' + id).val();
                var cart_product_name = $('.cart_product_name_' + id).val();
                var cart_product_desc = $('.cart_product_desc_' + id).val();
                var cart_product_image = $('.cart_product_image_' + id).val();
                var cart_product_price = $('.cart_product_price_' + id).val();
                var cart_product_qty = $('.cart_product_qty_' + id).val();
                var cart_product_sku = $('.cart_product_sku_' + id).val();
                //var _token = $('input[name="_token"]').val();
                //alert(cart_product_name);
                $.ajax({
                url: '{{url('/add-cart-ajax')}}',
                  method: 'POST',

                  headers:{
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
                data:{cart_product_id:cart_product_id,cart_product_name:cart_product_name,cart_product_desc:cart_product_desc,cart_product_image:cart_product_image,cart_product_price:cart_product_price,cart_product_qty:cart_product_qty,cart_product_sku:cart_product_sku},
                 success:function(data){

                        swal({
                                title: "Đã thêm sản phẩm vào giỏ hàng",
                                text: "Bạn tiếp tục mua hàng hoặc tới giỏ hàng để thanh toán",
                                showCancelButton: true,
                                cancelButtonText: "Chọn mua tiếp",
                                confirmButtonClass: "btn-success",
                                confirmButtonText: "Đến giỏ hàng",
                                closeOnConfirm: false

                            },

                            function() {
                                window.location.href = "{{url('/gio-hang')}}";

                            });


                    }


                });

                 setTimeout(function(){ location.reload() }, 5000);
             });

        });
 </script>

    </section>

 <!-- end san pham  -->


    <!-- Our Gallery -->
    <section>
      <div class="container pb-70">
        <div class="section-title">
          <div class="row justify-content-md-center">
            <div class="col-md-8">
              <div class="text-center mb-60">
                <div class="tm-sc-section-title section-title section-title-style1 text-center">
                  <div class="title-wrapper">
                    <h2 class="title icon-bottom"> <span class="">Customer  </span> <span class="text-theme-colored1">Images </span></h2>
                    <div class="title-seperator-line"></div>
                    <div class="paragraph">
                      <p>Photos of customers who have used services at D&D Beauty Institute</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
            <div class="col-sm-12">
              <div class="tm-sc-gallery tm-sc-gallery-grid gallery-style1-current-theme">
                <!-- Isotope Filter -->
                <div class="isotope-layout-filter filter-style-3 text-center cat-filter-theme-colored1" data-link-with="gallery-holder-743344">
                  <a href="#" class="active" data-filter="*">All</a>
                  <a href="#catmat" class="" data-filter=".catmat"> Eye surgery </a>
                  <a href="#surgery" class="" data-filter=".mui">Nose surgery</a>
                  <a href="#breast" class="" data-filter=".breast">Breast augmentation </a>
                  <a href="#body" class="" data-filter=".body">Body Contouring Surgery</a>
                  <a href="#other" class="" data-filter=".other">Other services</a>
                </div>
                <!-- End Isotope Filter -->
                <!-- Isotope Gallery Grid -->
                <div id="gallery-holder-743344" class="isotope-layout grid-3 gutter-10 clearfix lightgallery-lightbox">
                  <div class="isotope-layout-inner">
                    <!-- the loop -->
                    <!-- Isotope Item Start -->
                    @foreach($all_post as $key => $postkhm) 
                    @if($postkhm->categorypost_id==62)
                       
                    <div class="isotope-item catmat">
                      
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="{{URL::to('public/uploads/post/'.$postkhm->post_image)}}" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/1.jpg" data-src="images/gallery/1.jpg" title="Demo Gallery 12" href="images/gallery/1.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 12" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                  </div>
                                  <div class="title-holder">
                                    <h5 class="title"><a href="#"></a></h5>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                    </div>
                      @endif
                     @endforeach
                     @foreach($all_post as $key => $postmui) 
                    @if($postmui->categorypost_id==61)
                       
                    <div class="isotope-item mui">
                      
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="{{URL::to('public/uploads/post/'.$postmui->post_image)}}" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/1.jpg" data-src="images/gallery/1.jpg" title="Demo Gallery 12" href="images/gallery/1.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 12" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                  </div>
                                  <div class="title-holder">
                                    <h5 class="title"><a href="#"></a></h5>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                    </div>
                      @endif
                     @endforeach
                    <!-- Isotope Item End -->



                    @foreach($all_post as $key => $postbreast) 
                    @if($postbreast->categorypost_id==58)
                       
                    <div class="isotope-item breast">
                      
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="{{URL::to('public/uploads/post/'.$postbreast->post_image)}}" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/1.jpg" data-src="images/gallery/1.jpg" title="Demo Gallery 12" href="images/gallery/1.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 12" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                  </div>
                                  <div class="title-holder">
                                    <h5 class="title"><a href="#"></a></h5>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                    </div>
                      @endif
                     @endforeach
                    <!-- Isotope Item End -->


              
                    @foreach($all_post as $key => $postbody) 
                    @if($postbody->categorypost_id==57)
                       
                    <div class="isotope-item body">
                      
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="{{URL::to('public/uploads/post/'.$postbody->post_image)}}" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/1.jpg" data-src="images/gallery/1.jpg" title="Demo Gallery 12" href="images/gallery/1.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 12" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                  </div>
                                  <div class="title-holder">
                                    <h5 class="title"><a href="#"></a></h5>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                    </div>
                      @endif
                     @endforeach
                    <!-- Isotope Item End -->       
                    

                     @foreach($all_post as $key => $postother) 
                    @if($postother->categorypost_id==67)
                       
                    <div class="isotope-item other">
                      
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="{{URL::to('public/uploads/post/'.$postother->post_image)}}" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/1.jpg" data-src="images/gallery/1.jpg" title="Demo Gallery 12" href="images/gallery/1.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 12" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                  </div>
                                  <div class="title-holder">
                                    <h5 class="title"><a href="#"></a></h5>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                    </div>
                      @endif
                     @endforeach
                    <!-- Isotope Item End -->   

                    <!-- Isotope Item Start -->
                    <div class="isotope-item dental laboratory">
                      <div class="isotope-item-inner">
                        <div class="tm-gallery">
                          <div class="tm-gallery-inner">
                            <div class="thumb">
                              <a href="#"><img src="images/gallery/3.jpg" class="attachment-medium size-medium" alt=""/></a>
                            </div>
                            <div class="tm-gallery-content-wrapper">
                              <div class="tm-gallery-content">
                                <div class="tm-gallery-content-inner">
                                  <div class="icons-holder-inner">
                                    <div class="styled-icons icon-dark icon-circled icon-theme-colored1">
                                      <a class="lightgallery-trigger styled-icons-item" data-exthumbimage="images/gallery/3.jpg" data-src="images/gallery/3.jpg" title="Demo Gallery 12" href="images/gallery/3.jpg"><i class="fa fa-plus"></i></a>
                                      <a class="styled-icons-item" title="Demo Gallery 4" href="#"><i class="fa fa-link"></i></a>
                                    </div>
                                    <div class="title-holder">
                                      <h5 class="title"><a href="#">Demo Gallery 4</a></h5>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                <!-- End Isotope Gallery Grid -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: News & Updates-->
    <section>
      <div class="container pt-90">
        <div class="section-title">
          <div class="row justify-content-md-center">
            <div class="col-md-8">
              <div class="text-center mb-60">
                <div class="tm-sc-section-title section-title section-title-style1 text-center">
                  <div class="title-wrapper">
                    <h2 class="title icon-bottom"> <span class="">Beauty</span> <span class="text-theme-colored1"> news</span> </h2>
                    <div class="title-seperator-line"></div>
                    <div class="paragraph">
                    <p>Latest news articles about the cosmetic industry in Vietnam </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
                <!-- Isotope Gallery Grid -->
                <div id="gallery-holder-618422" class="isotope-layout masonry grid-3 gutter-15 clearfix lightgallery-lightbox">
                  <div class="isotope-layout-inner">
                      @foreach($all_post as $key => $post1)    
                         @if($post1->categorypost_id==68 )          
               
                      
                    <div class="isotope-item isotope-item-sizer"></div>

                   
                           
                    
                    <!-- Isotope Item Start -->
                    <div class="isotope-item ">
                      <div class="isotope-item-inner">
                        <div class="tm-sc-blog tm-sc-blog-masonry blog-style1-current-theme mb-lg-30">
                          <article class="post type-post status-publish format-standard has-post-thumbnail">
                            <div class="entry-header">
                              <div class="post-thumb lightgallery-lightbox">
                                <div class="post-thumb-inner">
                                  <div class="thumb"> <img src="{{URL::to('public/uploads/post/'.$post1->post_image)}}" alt="Image"/></div>
                                </div>
                              </div>
                              <a class="link" href="{{URL::to('/bai-viet', $post1->post_slug)}}"><i class="fa fa-link"></i></a>
                            </div>
                            <div class="entry-content">
                              <h5 class="entry-title"><a href="{{URL::to('/bai-viet', $post1->post_slug)}}" rel="bookmark">{{$post1->post_title}}</a></h5>
                              <div class="entry-meta mt-0">
                                <span class="mb-10 text-gray-darkgray mr-10 font-size-13"><i class="far fa-calendar-alt mr-10 text-theme-colored"></i> {{$post1->created_at}}</span>
                                <span class="mb-10 text-gray-darkgray mr-10 font-size-13"><i class="far fa-comments mr-10 text-theme-colored"></i> {{$post1->post_views}}</span>
                              </div>

                              <div class="post-excerpt">
                                <div class="mascot-post-excerpt">{!!$post1->post_desc!!}</div>
                              </div>
                              <div class="post-btn-readmore"> <a href="{{URL::to('/bai-viet', $post1->post_slug)}}" class="btn btn-plain-text-with-arrow"> View More</a></div>
                              <div class="clearfix"></div>
                            </div>
                          </article>
                        </div>
                      </div>
                    </div>
                    <!-- Isotope Item End -->
                    @endif
                     @endforeach
                  
                  </div>
                </div>
                <!-- End Isotope Gallery Grid -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Divider -->
 
  <!-- end main-content -->                                                
@endsection