@extends('layouts.app')

@push('end-of-head')
    <link rel="stylesheet" href="/css/jquery.fancybox.min.css">
@endpush

@section('content')
    <!-----banner------>
    <div class="banner-wrapper">
        <div class="container" style="background-image: url('/uploads/projects/{{$project->image}}')">
            <div class="row">
                <div class="col-12  mt-5 pt-5 text-center">
                    <h1 class="text-white caps">{{__('projects.title')}}</h1>
                    <h2 class="pt-3 text-white norm">{{__('projects.title_2')}}</h2>
                </div>
            </div>
        </div>
    </div>
    <!-----banner------>
    <!-----project inner----->
    <div class="container project-inner mb-5 mt-5 mb-5 pl-lg-0 pr-lg-0">
        <div class="row mb-4">
            @if(isset($project->gallery))
            <div class="col-12 col-md-4 mb-5">
                <div class="project-gallery owl-carousel owl-theme">
                    @foreach($project->gallery->images as $image)
                        <div class="item">
                            <a data-fancybox="gallery" href="/uploads/gallery/{{$project->gallery->id}}/{{$image->path}}">
                                <img src="/uploads/gallery/{{$project->gallery->id}}/{{$image->path}}" height="240">
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
                <div class="col-12 col-md-8">
            @else
                <div class="col-12 col-md-12">
            @endif()
                <p>
                    {!! $project->content !!}
                </p>
                <!-- Go to www.addthis.com/dashboard to customize your tools -->
                <div class="addthis_inline_share_toolbox"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 pb-4">
                <hr>
            </div>
            <div class="col-6">
                <button class="btn view-all send"><i class="fa fa-angle-left" aria-hidden="true"></i>&nbsp;Prev</button>
            </div>
            <div class="col-6 text-right">
                <button class="btn view-all send">Next&nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </div>
    <!-----project inner----->

@endsection

@push('end-of-body')
    <script src="/js/jquery.fancybox.min.js"></script>
    <!-- Go to www.addthis.com/dashboard to customize your tools --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ce7b1ef0695ee9f"></script>

@endpush