@extends('themes.frontend.layouts.app')
@if (isset($dataArr['meta_title']))
@section('page-title'){{ $dataArr['meta_title'] }}@stop
@else
@section('page-title'){{ $dataArr['title'] }}@stop
@endif
@if (isset($dataArr['meta_key']))
@section('meta-keywords'){{ $dataArr['meta_key'] }}@stop
@endif
@if (isset($dataArr['meta_descp']))
@section('meta-description'){{ $dataArr['meta_descp'] }}@stop
@endif
@if (isset($dataArr['image_path']))
@section('meta-image'){{ $dataArr['image_path'] }}@stop
@endif
@if ($dataArr['full_url'])
@section('cur-url'){{ $dataArr['full_url'] }}@stop
@endif

@push('styles')
@if(isset($dataArr['custom_fields']['textarea_4']) && $dataArr['custom_fields']['textarea_4'] && $dataArr['custom_fields']['textarea_4']['value'])
<!--====== START: CUSTOM PAGE CSS from backed the Page ======-->
<style scoped>
    {
        ! ! $dataArr['custom_fields']['textarea_4']['value'] ! !
    }
</style>
<!--====== END: CUSTOM PAGE CSS from backed the Page ======-->
@endif
@endpush

@section('content')
<!--==================================================-->
<!-----Start Carousel Slider Section ------->
<!--===================================================-->
@if (isset($dataArr['image_path']) && $dataArr['image_path'])
<div class="headerwrapper">
    <div>
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <x-img src="{{ $dataArr['image_path'] }}" class="w-100 slide-desktop" alt="{{ $dataArr['image_alt'] }}" title="{{ $dataArr['image_title'] }}" />
                </div>
            </div>
        </div>
    </div>
</div>
@endif


<!--==================================================-->
<!-----Start About Section Style Seven ----->
<!--===================================================-->
<div class="blog-section style-7 bg-3 pt-80 pb-50">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-6 col-lg-9">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="blog-content-text text-left">
                            <h3>{!! $dataArr['title'] !!}</h3>
                        </div>
                    </div>
                    <!--<div class="col-lg-4">
							<div class="form_box mb-4">
								<select>
							<option>All</option>
							<option>Graphics</option>
							<option>Technology</option>
							</select></div>
						</div>-->
                </div>
                <div class="row">
                    @if($blogPosts && $blogPosts->count()>0)
                    @foreach($blogPosts as $blogPost)
                        <div class="col-lg-6">
                            <div class="blog-single-items">
                                <div class="blog-thumb">
                                    <x-link url="{{ route('web.blog.detail', $blogPost->slug) }}">
                                        @if($blogPost->mediathumb)
                                            <x-img src="{{ $blogPost->mediathumb->displayfile() }}" alt="{{ $blogPost->mediathumb->alt }}" title="{{ $blogPost->mediathumb->title }}" />
                                        @else 
                                            @if (isset($optsDbArr['media_folder']) && isset($optsDbArr['logo']))
                                            <x-img src="{{ $optsDbArr['media_folder'] . $optsDbArr['logo'] }}" alt="logo" />
                                            @endif
                                        @endif
                                    </x-link>
                                    <!-- @if($blogPost->categories && $blogPost->categories->count()>0)
                                    <div class="blog-meta-top">
                                        <ul>
                                            @foreach($blogPost->categories as $category)
                                            <li><a href="#">{!! $category->title !!}</a></li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif -->
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <span>{{ date('F j, Y', strtotime($blogPost->published_at))}}</span>
                                    </div>
                                    <div class="blog-content-text text-center">
                                        <h5>
                                            <x-link url="{{ route('web.blog.detail', $blogPost->slug) }}" title="{!! $blogPost->title !!}">
                                                {!! Terc::getShortContent($blogPost->title,70) !!}
                                            </x-link>
                                        </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    @else
                    <div class="col-lg-12">                        
                        <div class="alert alert-primary" role="alert">
                            Sorry! No post found.
                        </div>
                    </div>
                    @endif
                </div>
                <!--Pagination-->

                <!--<div class="pagination pt-30 pb-30 pl-10">
							<a href="#" class="active">1</a>
							<a href="#">2</a>
							<a href="#"><i class="fas fa-angle-double-right"></i></a>
						</div>-->

            </div>
            <div class="col-sm-12 col-md-6 col-lg-3">                
                @include('themes.frontend.pages.partials._category_sidebar',['blogCategories'=>$blogCategories])
                @include('themes.frontend.pages.partials._recentpost_sidebar',['recentBlogPosts'=>$recentBlogPosts])
                <!-- @include('themes.frontend.pages.partials._tag_sidebar',['blogTags'=>$blogTags]) -->
            </div>
        </div>
    </div>
</div>
@stop