@extends('layouts.app')
@section('page_title', $project->name)
@section('page_description', __('projects.description'))
@section('page_keywords', __('projects.keywords'))
@section('og_title', $project->name)
@section('og_description', __('projects.description'))
@section('twitter_title', $project->name)
@section('twitter_description', __('projects.description'))
@section('page_content')
    <div class="page-content bg-white">
        <div class="dlab-bnr-inr bg-pt project-title" style="background-image:url({{ asset('assets/images/about/banner.jpg') }});">
            <div class="container">
                <div class="dlab-bnr-inr-entry">
                    <h1 class="text-white">{{ $project->name }}</h1>
                </div>
            </div>
        </div>
        <div class="content-block">
            <div class="section-full content-inner bg-white">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12">
                            <div class="section-content box-sort-in m-b30 button-example">
                                <div class="owl-fade-one owl-loaded owl-theme owl-carousel owl-btn-1 primary owl-btn-center-lr">
                                    @foreach($project->gallery_image_url as $image)
                                        <div class="item">
                                            <div class="dlab-thum-bx">
                                                <img src="{{ $image }}" alt="">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @if($project->location !== null)
                        <div class="col-lg-6 m-b30">
                            <div class="row widget widget_getintuch widget_getintuch-pro-details m-lr0">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 p-lr0">
                                    <div class="pro-details">
                                        <div style="float: left">
                                            <img src="{{ asset('assets/images/project/location.png') }}" class="project-icon">
                                        </div>
                                        <div>
                                            <strong>@lang('projects.details.location')</strong> {{ $project->location }}
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if($project->workers !== null)
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 p-lr0">
                                        <div class="pro-details">
                                            <div style="float: left">
                                                <img src="{{ asset('assets/images/project/workers.png') }}" class="project-icon">
                                            </div>
                                            <div>
                                                <strong>@lang('projects.details.workers')</strong> {{ $project->workers }}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($project->starting_date !== null)
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 p-lr0">
                                        <div class="pro-details">
                                            <div style="float: left">
                                                <img src="{{ asset('assets/images/project/start-date.png') }}" class="project-icon">
                                            </div>
                                            <div>
                                                <strong>@lang('projects.details.st-date')</strong>{{ optional($project->starting_date)->format('m/d/Y') }}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($project->finish_date !== null)
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 p-lr0">
                                    <div class="pro-details">
                                        <div style="float: left">
                                            <img src="{{ asset('assets/images/project/finish-date.png') }}" class="project-icon">
                                        </div>
                                        <div>
                                            <strong>@lang('projects.details.fin-date')</strong>{{ optional($project->finish_date)->format('m/d/Y') }}
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="row p-3">
                                {!! $project->description !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            @if($otherprojects->count() > 0)
                                <h5 class="m-b20">@lang('projects.other')</h5>
                                <ul id="masonry" class=" portfolio-ic dlab-gallery-listing gallery-grid-4 gallery lightgallery text-center">
                                    @forelse($otherprojects as $otherproject)
                                        <li class="web design card-container col-lg-3 col-md-6 col-sm-6 p-a0">
                                            <div class="dlab-box dlab-gallery-box" style="padding: 7px;">
                                                <div class="dlab-media dlab-img-overlay1 dlab-img-effect">
                                                    <a href="{{ $otherproject->slug }}"><img src="{{ $otherproject->featured_image_url }}"  alt=""> </a>
                                                </div>
                                                <div class="dez-info p-a10 bg-white">
                                                    <p class="dez-title m-t0"><a href="{{ $otherproject->slug }}">{{ $otherproject->name }}</a></p>
                                                </div>
                                            </div>
                                        </li>
                                    @empty
                                        <h5></h5>
                                    @endforelse
                                </ul>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection