@extends('themes.default.layout.master')
@section("site_ayar_seo_title",$content->seo_title)
@section("site_ayar_seo_keywords",$content->seo_keywords)
@section("site_ayar_seo_description",$content->seo_description)

@section('content')

    <div class="page-content bg-white" style="min-height: 1000px">

        <div class="dlab-bnr-inr overlay-black-middle bg-pt"
             @if(!empty($uiThemeSettings["content_header_bg"]))
                 style="background-image:url({{$uiThemeSettings["content_header_bg"]}});height: 100px"
             @else
                 style="height: 100px;background: black"
            @endif
        >
            <div class="container">
                <div class="dlab-bnr-inr-entry" style="height: 100px">
                    <div class="breadcrumb-row">
                        <ul class="list-inline" style="font-size: 12px">
                            <li><a href="{{route('theme.index',['locale'=>config('app.locale')])}}"
                                   title="{{\TransLibrary::languageTrans("breadcrumb_home_text")}}">       {{\TransLibrary::languageTrans("breadcrumb_home_text")}}</a>
                            </li>
                            @if($contentCategory!==null)
                                <li>
                                    <a href="{{route('theme.content.categories.index',['locale'=>config('app.locale'),'slug'=>$contentCategory->slug])}}"
                                       title="{{$contentCategory->title}}">       {{$contentCategory->title}}</a>
                                </li>
                            @endif
                            <li>{{$content->title}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-area">
            <div class="container max-w900">
                <!-- blog start -->
                <div class="blog-post blog-single">
                    <div class="dlab-post-title">
                        <h4 class="post-title m-t0">{{$content->title}}</h4>
                    </div>
                    <div class="dlab-post-text">
                        <p>
                            {{$content->short_description}}
                        </p>
                    </div>
                    @if($content->detail_image_status)
                        @if($contentImageDefaultFull!==null)
                            <div class="dlab-post-media dlab-img-effect zoom-slow"
                                 style="display: flex;justify-content: center;align-items: center">
                                <img src="{{$contentImageDefaultFull}}" alt="{{$content->title}}" style="width: auto">
                            </div>
                        @endif
                    @endif
                    @if(count($contentFeaturesList) > 0)
                        <div class="dlab-post-text">
                            <table class="table table-bordered" style="font-size: 12px">
                                <tbody>
                                <tr>
                                    <td colspan="2" style="background-color: #efefef;padding: 7px 10px  ;width: 100%">
                                        <div>
                                            {{\TransLibrary::languageTrans("content_detail_feature_title")}}
                                        </div>
                                    </td>
                                </tr>
                                @foreach($contentFeaturesList as $contentFeatures)
                                    <tr>
                                        <td>{{$contentFeatures["title"]}}</td>
                                        <td>{{$contentFeatures["content_feature_value"]}}</td>
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    @endif
                    <div class="dlab-post-text">
                        {!! $content->description !!}
                    </div>
                </div>

                <div class="row">


                    @foreach($contentImages as $contentImage)
                        @if($contentImage["image_full"]!==null)
                            <div class="gallery-item col-xl-3 col-lg-3 col-md-4 col-xs-6">
                                <div class="gallery-item-box">
                                    <div class="gallery-item-img">
                                        <a data-fancybox="gallery" href="{{$contentImage["image_full"]}}"
                                           title="{{$contentImage["title"]}}">
                                            <img src="{{$contentImage["image_full"]}}" alt="{{$contentImage["title"]}}">
                                        </a>
                                    </div>

                                </div>
                            </div>
                        @endif
                    @endforeach

                </div>
                @if(count($fileList) > 0)
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th colspan="2"
                                        style="font-size: 14px;font-weight: normal"> {{\TransLibrary::languageTrans("content_detail_file_center_title")}}</th>
                                </tr>

                                </thead>
                                <tbody>
                                @foreach($fileList as $file)
                                    @if($file["file_url"]!==null)
                                        <tr style="font-size: 12px">
                                            <td>{{$file["title"]}}</td>
                                            <td>

                                                <a href="{{$file["file_url"]}}" target="_blank">
                                                    {{\TransLibrary::languageTrans("content_detail_file_center_preview_title")}}
                                                </a>
                                            </td>

                                        </tr>
                                    @endif
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif

            </div>
        </div>

    </div>
@endsection

@section('ui.javascript')
    <script>
        Fancybox.bind('[data-fancybox="gallery"]', {
            //
        });
    </script>
@endsection