@extends('layouts.main')

@section('tags')


    <title>{{$product->name}} | Matrees Forever</title>
    <meta name="description" content="{{($product->title)}} {{strip_tags($product->short_description)}}">
    <meta name="keywords" content="bedman mk, bedman, бедман мк, бедман, bedman duseci, бедман душеци, душеци, наддушеци, перници, mattress, mattress toppers, pillows">
    
    
    <meta property="og:title" content="{{$product->name}} | Matrees Forever">
    <meta property="og:description" content="{{($product->title)}} {{strip_tags($product->short_description)}}">
    <meta property="og:image" content="{{$product->photo}}">
    <meta property="og:url" content="https://bedman.mk/product/{{$product->slug}}">
    <meta property="og:type" content="article">
    <meta property="og:site_name" content="Bedman">

    
    


@endsection

@section('pages')

    <!-- breadcrumb part start-->
    <section class="breadcrumb_part single_product_breadcrumb" style="height: 10px !important;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb_iner">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb part end-->

    <!--================Single Product Area =================-->
    <div class="product_image_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
{{--                    <div class="product_img_slide owl-carousel">--}}
{{--                        <div class="single_product_img">--}}
{{--                            <img src="assets/img/tranding_item/bedman_premium.jpg" alt="#" class="img-fluid">--}}
{{--                        </div>--}}
{{--                        <div class="single_product_img">--}}
{{--                            <img src="assets/img/tranding_item/comfort.jpg" alt="#" class="img-fluid">--}}
{{--                        </div>--}}
{{--                        <div class="single_product_img">--}}
{{--                            <img src="assets/img/tranding_item/comfort_layer.jpg" alt="#" class="img-fluid">--}}
{{--                        </div>--}}
{{--                    </div>--}}
                    <div class="product">
                        <div class="product__images">
                            <img
                                src="{{asset($product->photo)}}"
                                alt="{{$product->name}}"
                                class="product__main-image"
                                id="main-image"
                            />
                            <div class="product__slider-wrap">
                                <div class="product__slider">
                                    <img
                                        src="{{asset($product->photo)}}"
                                        alt="{{$product->name}}"
                                        class="product__image product__image--active"
                                    />
                                    <img
                                        src="{{asset($product->photo_layer)}}"
                                        alt="{{$product->name}}"
                                        class="product__image"
                                    />
                                    @foreach($product->photos as $photo)
                                        <img
                                            src="{{asset($photo->photo)}}"
                                            alt="{{$photo->photo}}"
                                            class="product__image"
                                        />
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
{{--                    <div class="row justify-content-center product-tags">--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/makedonski_proizvod_1.png" alt="#">--}}
{{--                                <h3>Македонски производ</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/antibakteriski_1.png" alt="#">--}}
{{--                                <h3>Антибактериски</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/pena_sertifikat_1.png" alt="#">--}}
{{--                                <h3>Пена сертификат</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/tekstil_sertifikat_1.png" alt="#">--}}
{{--                                <h3>Текстил сертификат</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/makedonski_proizvod_1.png" alt="#">--}}
{{--                                <h3>МЕМОРИ ПЕНА</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/antibakteriski_1.png" alt="#">--}}
{{--                                <h3>ТАНЦЕЛ ВЛАКНА</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/pena_sertifikat_1.png" alt="#">--}}
{{--                                <h3>ЏЕБНО ЈАДРО</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-3 col-sm-6">--}}
{{--                            <div class="single_feature_part">--}}
{{--                                <img src="assets/img/icon/tekstil_sertifikat_1.png" alt="#">--}}
{{--                                <h3>HARD</h3>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </div>
                <div class="col-lg-1 d-none d-lg-block product-tags">
                    @foreach ($product->tags as $tag)
                        <div class="single_feature_part">
                            <img src="{{asset($tag->image)}}" alt="{{$tag->name}}">
    {{--                        <h3>Македонски производ</h3>--}}
                        </div>
                    @endforeach

                </div>
                <div class="col-lg-5">
                    <div class="single_product_text">
                        <h3>{{$product->name}}</h3>
                        <p class="">
                            {{$product->title}}
                        </p>
                        <p class="single_product_paragraph">
                            <i style="color: #6b6257 !important; font-weight: 300">
                                {!!$product->short_description!!}
                            </i>
                        </p>
                        <p class="" style="text-transform: uppercase">

                            {{$product->subtitle}}
                        </p>
                        <p class="single_product_paragraph" >
                            <i style="color: #6b6257 !important; font-weight: 300">
                                {!!$product->description!!}
                            </i>
                        </p>
{{--                        <div class="card_area">--}}
{{--                            <div class="product_count_area">--}}
{{--                                <p>Quantity</p>--}}
{{--                                <div class="product_count d-inline-block">--}}
{{--                                    <span class="product_count_item inumber-decrement"> <i class="ti-minus"></i></span>--}}
{{--                                    <input class="product_count_item input-number" type="text" value="1" min="0" max="10">--}}
{{--                                    <span class="product_count_item number-increment"> <i class="ti-plus"></i></span>--}}
{{--                                </div>--}}
{{--                                <p>$5</p>--}}
{{--                            </div>--}}
{{--                            <div class="add_to_cart">--}}
{{--                                <a href="#" class="btn_3">add to cart</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--================End Single Product Area =================-->

    <section class="product_list section_padding" style="background-color: #fafafb;">
        {{--        <div class="container">--}}
        {{--            <div class="row">--}}
        {{--                 <div class="col-md-4">--}}
        {{--                    <div class="product_sidebar">--}}
        {{--                        <div class="single_sedebar">--}}
        {{--                            <form action="#">--}}
        {{--                                <input type="text" name="#" placeholder="Search keyword">--}}
        {{--                                <i class="ti-search"></i>--}}
        {{--                            </form>--}}
        {{--                        </div>--}}
        {{--                        <div class="single_sedebar">--}}
        {{--                            <div class="select_option">--}}
        {{--                                <div class="select_option_list">Category <i class="right fas fa-caret-down"></i> </div>--}}
        {{--                                <div class="select_option_dropdown">--}}
        {{--                                    <p><a href="#">Category 1</a></p>--}}
        {{--                                    <p><a href="#">Category 2</a></p>--}}
        {{--                                    <p><a href="#">Category 3</a></p>--}}
        {{--                                    <p><a href="#">Category 4</a></p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                        </div>--}}
        {{--                        <div class="single_sedebar">--}}
        {{--                            <div class="select_option">--}}
        {{--                                <div class="select_option_list">Type <i class="right fas fa-caret-down"></i> </div>--}}
        {{--                                <div class="select_option_dropdown">--}}
        {{--                                    <p><a href="#">Type 1</a></p>--}}
        {{--                                    <p><a href="#">Type 2</a></p>--}}
        {{--                                    <p><a href="#">Type 3</a></p>--}}
        {{--                                    <p><a href="#">Type 4</a></p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                        </div>--}}
        {{--                    </div>--}}
        {{--                </div> --}}
        {{--                <div class="col-md-12">--}}
        {{--                    <div class="product_list">--}}
        {{--                        <div class="row">--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_1.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Cervical pillow for airplane--}}
        {{--                                    car office nap pillow</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_2.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Geometric striped flower home classy decor</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_3.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Foam filling cotton slow rebound pillows</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_4.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Memory foam filling cotton Slow rebound pillows</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_5.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Memory foam filling cotton Slow rebound pillows</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_6.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Sleeping orthopedic sciatica Back Hip Joint Pain relief</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_7.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Memory foam filling cotton Slow rebound pillows</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_8.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Sleeping orthopedic sciatica Back Hip Joint Pain relief</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_9.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Geometric striped flower home classy decor</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                            <div class="col-lg-4 col-sm-6">--}}
        {{--                                <div class="single_product_item">--}}
        {{--                                    <img src="assets/img/product/product_list_10.png" alt="#" class="img-fluid">--}}
        {{--                                    <h3> <a href="single-product.html">Geometric striped flower home classy decor</a> </h3>--}}
        {{--                                    <p>From $5</p>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                        </div>--}}
        {{--                         <div class="load_more_btn text-center">--}}
        {{--                            <a href="#" class="btn_3">Load More</a>--}}
        {{--                        </div> --}}
        {{--                    </div>--}}
        {{--                </div>--}}
        {{--            </div>--}}
        {{--        </div>--}}
        <div class="container">
            <div class="section_tittle text-center">
                <h2>Останати душеци</h2>
            </div>
            <!-- products prodbox -->
            <div class="row">
                <!-- item -->
                <!-- item // -->
                @foreach($products as $product)
                    <div class="col-lg-4 col-sm-6">
                    <figure  class="prod-box">
                        <div class="img-holder">
                            <a href="{{route('details', ['slug' => $product->slug])}}">
                                <img src="{{asset($product->photo)}}" class="item-img-1" alt="{{$product->name}}">
                                <img src="{{asset($product->photo_layer)}}" class="item-img-2" alt="{{$product->name}}">
                            </a>

                            <!-- hover -->
                            <div class="blok-hover">
                                {{--                                        <a class="fancybox" href="https://res.cloudinary.com/vosidiy/image/upload/v1463978460/cpu_xtdif3.jpg" data-fancybox-group="gallery">--}}
                                {{--                                            <i class="fa fa-plus"></i> Zoom--}}
                                {{--                                        </a>--}}
                                <a href="{{route('details', ['slug' => $product->slug])}}">
                                    <i class="fa fa-info-circle"></i> Детали
                                </a>
                            </div>
                            <!-- hover// -->

                        </div><!-- img-holder// -->
                        <figcaption class="anons">
                            {{--                                    <p class="title"><a href="#">Bedman Premium</a></p>--}}
                            <h3 class="product-custom"><a href="#">{{$product->name}}</a></h3>
                            <p>{{$product->subtitle}}</p>
                            {{--                                    <p class="price">150 000 $</p>--}}
                            {{--                                    <p class="sold">142 items sold</p>--}}
                            {{--                                    <hr>--}}
                            {{--                                    <span class="info">We can deliver anywhere anytime, but not to antarctica</span>--}}
                            {{--                                    <div class="action">--}}
                            {{--                                        <a class="btn  btn-order"> Order now</a>--}}
                            {{--                                        <a class="btn  btn-add"><i class="fa fa-shopping-cart"></i> Add to cart</a>--}}
                            {{--                                    </div>--}}
                        </figcaption>
                    </figure>
                </div><!-- col// -->
                @endforeach
                <!-- item // -->



            </div><!-- row // -->
            <!-- products prodbox // -->

        </div>

    </section>




    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 download-catalogue">
                    <a href="{{asset('uploads/catalogs/BEDMAN KATALOG_MK.pdf')}}"  target="_blank" >
                        <img src="{{asset('assets/img/download-mk.jpg')}}">
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container-fluid pillow-custom">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section_tittle text-center">
                        <h2>Наддушеци и перници за вистински одмор и мирен сон</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 offset-lg-2 col-sm-6">
                    <div class="pillow-item">
                        <a href="{{ route('toppers') }}">
                            <img src="{{asset('assets/img/nadduseci.jpg')}}">
                            <h3>НАДДУШЕЦИ</h3>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="pillow-item">
                        <a href="{{ route('pillows') }}">
                            <img src="{{asset('assets/img/pernici.jpg')}}">
                            <h3>ПЕРНИЦИ</h3>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- feature part here -->
    <section class="feature_part section_padding"  style="background-color:  #fafafb;">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-6">
                    <div class="feature_part_tittle">
                        <h3>Производи резултат на стручни студии за ергономските барања на човечкото тело </h3>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="feature_part_content">
                        <p>Користејки висококвалитетни материјали
                            кои се добиваат со различни научно
                            технолошки решенија, обезбедуваваме
                            идеална поддршка, одлична удобност и
                            совршена распределба на тежината за
                            секој тип на тело. За време на спиењето
                            секојдневно исфрламе пот и мртва кожа
                            со која се хранат грините, во креветот се
                            акумулира и прашина, вируси, бактерии и
                            габи, затоа обрнуваме посебно внимание
                            на избор на материјали кои обезбедуваат
                            проветрување и заштита од бактерии,
                            грини и габи.</p>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- feature part end -->






@endsection