@extends(get_view('index'))
@section('title') {{ $project->content->title ?? '' }} - @endsection
@section('header')

@endsection
@section('content')

@include(get_view('components.pages.page-title'), ['title' => ($project->content->title ?? '')])


<div class="container pt-4 pb-5 my-5">
    <div class="row justify-content-center">
        <div class="col-lg-9 mb-5 mb-lg-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600">

            <article>
                <div class="card border-0">
                    <div class="card-body z-index-1 p-0">
                        <p class="text-uppercase text-1 mb-3 text-color-default">
                            <time pubdate datetime="{{ $project->created_at->format('Y-m-d') }}">{{ $project->created_at->format('d M Y') }}</time>
                        </p>

                                
                        <div class="thumb-gallery-wrapper">
                            <div class="thumb-gallery-detail owl-carousel owl-theme manual nav-inside nav-style-4 show-nav-hover nav-primary mb-3">
                                
                                @if ( isset($project->image) && $project->image != null )
                                <div>
                                    <img alt="{{ $project->content->title ?? '' }}" src="{{ Common::get_project_image($project->id, $project->image) }}" class="img-fluid" style="max-width: 100%;">
                                </div>
                                @endif

                                @foreach ($project->images as $item)
                                    @if ( checkImage($item->name) )
                                        <div>
                                            <img src="{{ Common::get_project_image($item->project_id, $item->name) }}" class="img-fluid" alt="{{ $project->content->title ?? '' }}" style="max-width: 100%;">
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                            <div class="thumb-gallery-thumbs owl-carousel owl-theme manual thumb-gallery-thumbs">
                                
                                @if ( isset($project->image) && $project->image != null )
                                <div>
                                    <span class="d-block cur-pointer">
                                        <img alt="{{ $project->content->title ?? '' }}" src="{{ route('image.compress', ['w'=>200, 'h'=>120, 'url' => Common::get_project_image($project->id, $project->image) ]) }}" class="img-fluid" style="max-width: 100%;">
                                    </span>
                                </div>
                                @endif

                                @foreach ($project->images as $item)
                                    @if ( checkImage($item->name) )
                                        <div>
                                            <span class="d-block cur-pointer">
                                                <img src="{{ route('image.compress', ['w'=>200, 'h'=>120, 'url' => Common::get_project_image($item->project_id, $item->name) ]) }}" alt="{{ $project->content->title ?? '' }}" class="img-fluid" style="max-width: 100%;">
                                            </span>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>

                        <div class="card-body p-0">
                            <h3 class="m-0 p-0 mb-2">{{ ($project->content->title ?? '') }}</h3>

                            @if ( $project->content->description != null )
                            <div class="post-description py-2 pt-4">
                                {!! $project->content->description !!}
                            </div>
                            @endif

                            <div class="post-content pb-4 pt-2">
                                {!! $project->content->content !!}
                            </div>

                            <div class="videos">
                                <hr>
                                <h4>Videolar</h4>
                                @foreach ($project->images as $item)
                                    @if ( !checkImage($item->name) )
                                    <div class="position-relative w-100 h-auto">
                                        <video width="100%" height="auto" style="background: #111; max-height: 500px;" controls>
                                            <source src="{{ Common::get_project_image($item->project_id, $item->name) }}" type="video/mp4">
                                            <source src="{{ Common::get_project_image($item->project_id, $item->name) }}" type="video/ogg">
                                            Your browser does not support the video tag.
                                        </video>
                                    </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                        <div class="card-footer text-center py-3">
                            <a href="http://www.facebook.com/share.php?u={{ url()->full() }}" target="_blank"
                            rel="noreferrer" class="d-inline p-2"><i class="fab fa-facebook"></i></a>
                            <a href="https://twitter.com/share?url={{ url()->full() }}&amp;text={{ env('APP_NAME') }}"
                            target="_blank" rel="noreferrer" class="d-inline p-2"><i class="fab fa-twitter"></i></a>
                            <a href="https://web.whatsapp.com/send?text={{ url()->full() }}" target="_blank"
                            rel="noreferrer" class="d-inline p-2"><i class="fab fa-whatsapp"></i></a>
                            <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ url()->full() }}"
                            target="_blank" rel="noreferrer" class="d-inline p-2"><i class="fab fa-linkedin"></i></a>

                            <p style="font-size: 12px; margin:0px; padding:0px;">{{ __('Bu Sayfayı Sosyal Medyada Paylaş') }}</p>
                        </div>
                    </div>
                </div>
            </article>

        </div>
    </div>
</div>

@endsection
@section('footer')

<script src="{{ get_asset('js/examples/examples.gallery.js') }}"></script>

@endsection