@extends(get_view('index'))
@section('title')
@endsection
@section('header')
    <style>
        img {
            max-width: 100%;
            display: block;
        }
        .left-image{
            width: 150px; 
            height: 150px; 
            background-size: cover; 
            background-position:center; 
        }
    </style>
@endsection
@section('content')



<div class="text-center mb-4 pb-5 pt-sm-70px" style="background-image: url('{{ get_asset('images/page-title-bg.png') }}'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 300px;">
    <h1 class="mb-2 fw-bold text-white">{{ Site::site_settings()->site_name ?? env('APP_NAME') ?? '' }}</h1>
    <nav aria-label="breadcrumb" class="d-inline-block">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active fw-bold text-white">{{ translate('homepage') }}</li>
        </ol>
    </nav>
</div>

<div class="container pt-4">
    <div class="row">
        <div class="col-md-12 col-12">


            <div class="row">
                <div class="col-sm-8 col-12">
                    @if (count(Site::get_main_post_categories()) > 0)
                        <div class="row">
                            <div class="col-12">
                                <h3 class="mt-4 mb-0 fw-bold">{{ translate('categories') }}</h3>
                                <div class="bg-danger mt-1 mb-4" style="width: 125px; height: 5px;"></div>
                            </div>
                            @foreach (Site::get_main_post_categories() as $post_category)
                                <div class="col-sm-12 col-12">
                
                                    <div class="d-flex align-items-center mb-3 bg-white shadow-sm">
                                        <div class="flex-shrink-0">
                                            @if ($post_category->image != null)
                                                <div class="bg-dark rounded-3 left-image"
                                                    style="@if ($post_category->image != null) background-image: url({{ Common::get_post_category_image($post_category->id, $post_category->image) }}) @endif">
                                                </div>
                                            @else
                                                <div class="bg-dark rounded-3 left-image"></div>
                                            @endif
                                        </div>
                                        <div class="flex-grow-1 ms-3">
                                            <h4>
                                                <a href="{{ route('post.category', ['category_url' => $post_category->content->url]) }}"
                                                    class="td-none text-dark fw-bold">
                                                    {{ $post_category->content->name ?? 'Category Name' }}
                                                </a>
                                            </h4>
                
                                            <p class="fs-12"><i>Paylaşım Sayısı: {{ $post_category->posts->count() }}</i></p>
                
                                            @if (isset($post_category->content->content) && $post_category->content->content != null)
                                                @if ( strlen($post_category->content->content) > 255 )
                                                    {!! substr($post_category->content->content, 0, 255) !!}...
                                                @else
                                                    {!! $post_category->content->content !!}
                                                @endif
                                            @endif
                                            <p>
                                                <a href="{{ route('post.category', ['category_url' => $post_category->content->url]) }}" class="btn btn-sm btn-secondary rounded-pill fs-12"><i class="fa fa-long-arrow-alt-right"></i> {{ translate('read_more') }}</a>
                                            </p>
                                        </div>
                                    </div>
                
                                </div>
                            @endforeach
                        </div>
                    @else
                        @include(get_view('components.errors.post-not-found'))
                    @endif


                    @if ( Site::get_post_place(2)->count() > 0 )
                        <div class="row">
                            <div class="col-12">
                                <h3 class="mt-4 mb-0 fw-bold">{{ translate('our_picks_for_you') }}</h3>
                                <div class="bg-danger mt-1 mb-4" style="width: 125px; height: 5px;"></div>
                            </div>
                            @foreach (Site::get_post_place(2) as $key => $item)
                            <div class="col-12">
                                <div class="row align-items-center py-4">
                                    <div class="col-sm-5 col-12 @if($key %2 != 0) order-sm-last @endif">
                                        @if ( isset($item) && isset($item->post) && isset($item->post->image) && $item->post->image != null )
                                            <a href="{{ route('post.detail', ['url' => $item->post->content->url]) }}">
                                                <img src="{{ Common::get_post_small_image($item->post->id, $item->post->image) }}" alt="{{ $item->post->content->title }}" style="width: 100%">
                                            </a>
                                        @endif
                                    </div>
                                    <div class="col-sm-7 col-12">
                                        <a href="{{ route('post.category', [ 'category_url' => $item->post->category->content->url ]) }}">
                                            <span class="badge rounded-3" style="background-color: {{ $item->post->category->color ?? 'var(--theme-color)' }}">{{ $item->post->category->content->name ?? '' }}</span>
                                        </a>
                                        <h4 class="m-0 p-0 mt-2 mb-1"><a href="{{ route('post.detail', ['url' => $item->post->content->url]) }}" class="text-dark fw-bold td-none">{{ $item->post->content->title ?? '' }}</a></h4>
                                        <p class="m-0 p-0 height-72px"><i>{{ $item->post->content->description ?? '' }}</i></p>
                                        <p class="m-0 p-0 fs-12 mt-3"><i>{{ $item->post->created_at->diffForHumans() }}</i></p>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    @endif
                    

                </div>
                <div class="col-md-4 col-12">

                    <h5>{{ translate('search_something') }}</h5>
                    <form class="d-flex mb-4" method="GET" action="{{ route('search') }}">
                        <input class="form-control me-2" name="q" type="search" value="{{ request('q') }}"
                            placeholder="{{ translate('search') }}" aria-label="{{ translate('search_something') }}">
                        <button class="btn btn-outline-dark" type="submit"><i class="fa fa-search"></i></button>
                    </form>


                    @if ( count(Site::get_post_place(0)) > 0 )
                    <div class="list-group mb-4">
                        <a href="#" class="list-group-item list-group-item-action bg-dark text-white"
                        aria-current="true">{{ translate('showroom') }}</a>

                        @foreach (Site::get_post_place(0) as $item)
                            @if ( $item->post != null )
                            <a href="{{ route('post.detail', ['url' => $item->post->content->url]) }}"
                                class="list-group-item list-group-item-action">
                                <span class="d-block fw-bold">{{ $item->post->content->title }}</span>
                                <span class="fs-12"><i
                                        class="far fa-clock"></i> {{ $item->post->created_at->diffForHumans() }}</span>
                            </a>
                            @endif
                        @endforeach
                    </div>
                    @else
                        <div class="alert alert-warning">{{ translate('data_not_found') }}</div>
                    @endif


                    <div class="list-group mb-4">
                        <a href="#" class="list-group-item list-group-item-action bg-dark text-white"
                        aria-current="true">{{ translate('recent_posts') }}</a>

                        @if ( count(Site::get_latest_posts()) > 0 )
                            @foreach (Site::get_latest_posts() as $post)
                                <a href="{{ route('post.detail', ['url' => $post->content->url]) }}"
                                class="list-group-item list-group-item-action">
                                    <span class="d-block fw-bold">{{ $post->content->title }}</span>
                                    <span class="fs-12"><i
                                            class="far fa-clock"></i> {{ $post->created_at->diffForHumans() }}</span>
                                </a>
                            @endforeach
                        @else
                            <div class="alert alert-warning">{{ translate('data_not_found') }}</div>
                        @endif
                    </div>
                </div>
            </div>



            
            @if ( count(Site::get_post_place(0)) > 0 )
            <div class="row">
                <div class="col-12">
                    <h3 class="mt-4 mb-0 fw-bold">{{ translate('showroom') }}</h3>
                    <div class="bg-danger mt-1 mb-4" style="width: 125px; height: 5px;"></div>
                </div>

                @foreach (Site::get_post_place(0) as $item)
                    @if ( $item->post != null )            
                    <div class="col-sm-12 col-12">
                        <div class="d-flex align-items-center mb-3 bg-white shadow-sm">
                            <div class="flex-shrink-0">

                                @if ($item->post->image != null)
                                    <div class="bg-dark rounded-3 left-image"
                                        style="@if ($item->post->image != null) background-image: url({{ Common::get_post_small_image($item->post->id, $item->post->image) }}) @endif">
                                    </div>
                                @else
                                    <div class="bg-dark rounded-3 left-image"></div>
                                @endif
                            </div>
                            <div class="flex-grow-1 ms-3">
                                <a href="{{ route('post.category', [ 'category_url' => $item->post->category->content->url ]) }}">
                                    <span class="badge rounded-pill" style="background-color: {{ $item->post->category->color ?? 'var(--theme-color)' }}">{{ $item->post->category->content->name }}</span>
                                </a>
                                <h4>
                                    {{ $item->post->title }}
                                </h4>
                                
                                @if (isset($item->post->content->content) && $item->post->content->content != null)
                                    @if ( strlen($item->post->content->content) > 220 )
                                        {!! substr($item->post->content->content, 0, 220) !!}...
                                    @else
                                        {!! $item->post->content->content !!}
                                    @endif
                                @endif
                                
                                <p>
                                    <a href="{{ route('post.detail', ['url' => $item->post->content->url]) }}" class="btn btn-sm btn-secondary rounded-pill fs-12"><i class="fa fa-long-arrow-alt-right"></i> {{ translate('read_more') }}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                @endforeach
            </div>
            @endif
        </div>
    </div>
</div>

@endsection
@section('footer')
@endsection