@extends('site.pages.build')
@section('title',$product->name)
@push('css')
    <style>
        @media (min-width: 992px) {
            .navi_subdyn ul li{
                margin-right: 30px !important;
                width: calc(24% - 20px);
            }
        }

    </style>
@endpush
@section('content')
    <div class="row_header">
        <div id="c3064" class="ce_element ce_id_3064 fr_default sb_ sa_">
            <div class="static_header back_resource back_resource_3064">
                <style type="text/css" scoped="scoped">
                    .back_resource_3064 {
                        background-image: url("/storage/{{ $product->bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $product->bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $product->bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $product->bg }}");
                        }
                        .ce-bodytext img{
                            width: 100%;
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_3064 {
                            background-image: url("/storage/{{ $product->bg }}");
                        }
                    }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1">
                        <div class="headline_title">
                            {{ $product->name }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row_breadcrumb">
        <ul class="breadcrumb">
{{--            <li class="first"><a href="/">{{ __('dil.anaSayfa') }}</a></li>--}}
            <li class="last">{{ __('dil.urunler') }} / {{ $product->name }}</li>
        </ul>
    </div>

    <div class="row_content">
        <div class="container_x">


            <div id="c1779" class="ce_element ce_id_1779 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container">
                        <header class="ct_textpic lt_"><h2 class="">
                                {{ $product->name }}
                            </h2></header>
                        <div class="ce-textpic ce-center ce-above"></div>
                        <div id="c1781" class="ce_element ce_grid ce_id_1781 fr_default sb_ sa_">
                            <div class="theme_bs_gridflex_1 outer_container gridrow_template_0 gridrow_bp_md flex_0">
                                <div class="no">
                                    <div class="row gridrow gridrow_1781">
                                        <div class="col-sm-12 colnum_1 gridcol">
                                            <div class="ce-textpic ce-center ce-above">
                                                <div class="ce-bodytext">
                                                    <p>{!! $product->description !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 colnum_2 gridcol">
                                            <div id="c1784" class="ce_element ce_id_1784 fr_default sb_ sa_">
                                                <div class="theme_image">
                                                    <div class="img_w_d">
                                                        <img class="img-responsive img-default " src="/storage/{{ $product->images[0]->url ?? 0 }}" width="282" height="185" alt="" title="" />
                                                        {{--                                                        <div class="img_desc">{{ $product->name }}</div>--}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="display: flex;justify-content: start;margin-top: 1rem">
                            @foreach(\App\Models\Site\Page::where('type','product')->where('urun',$product->id)->orderBy('rank','asc')->get() as $pagex)
                                <div class="col" style="padding: 20px 15px;background: #c9c9c9;margin: 0 10px;width: 25%">
                                    <a style="color: #000;font-weight: 500" href="{{ route('site.kurumsal.show',$pagex->slug) }}">{{ $pagex->name }}</a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div id="c1923" class="ce_element ce_id_1923 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container-fluid">
                        <header class="ct_header lt_">
                            <h2 class="">
                                {{ __('dil.digerUrunler') }}
                            </h2>
                        </header>
                        <div id="c1924" class="ce_element ce_id_1924 fr_default sb_ sa_">
                            <div class="theme_tsobj theme_tsobj_navi_subdyn">
                                <div class="navi_subdyn">
                                    <ul>
                                        @foreach(\App\Models\Site\Product::where('status',1)->orderBy('rank','asc')->get() as $product)
                                            <li class="id_58 first">
                                                <a href="{{ route('site.urunler.show',$product->slug) }}">
                                                    <div class="subdyn_img">
                                                        <img
                                                                src="/storage/{{ $product->images[0]->url }}"
                                                                width="534"
                                                                height="267"
                                                                class="img-responsive"
                                                                alt="{{ $product->name }}"
                                                                title="{{ $product->name }}"
                                                        />
                                                    </div>
                                                    <h3 class="subdyn_title">{{ $product->name }}</h3>
                                                    <p class="subdyn_desc" style="text-align: justify;line-break: anywhere">{!! mb_substr(strip_tags($product->description),0,150, 'UTF-8') !!}..</p>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection