@extends('layouts.mainlayout')
@section('title','Projects'??$websitedata->default_metatitle)
@section('canonical', url('projects')??url('/'))
@section('content')
    <!-- breadcrumb banner content area start -->
    <div class="lernen_banner large bg-about">
        <div class="container">
            <div class="row">
                <div class="lernen_banner_title">
                    <h1>Our Projects</h1>
                    <div class="lernen_breadcrumb">
                        <div class="breadcrumbs">
									<span class="first-item">
									<a href="/">Home</a></span>
                            <span class="separator">&gt;</span>
                            <span class="last-item">Projects</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end breadcrumb banner content area start -->

    <!-- exhibitor area start -->
    <div id="blog" class="wrap-bg">
        <div class="container">
            <!-- .row -->
            <div class="row">
                @if(isset($projects) && count($projects)>0)
                    @foreach($projects as $project)
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 blog-single">
                            <!-- 1 -->
                            <div class="themeioan_blog">
                                <article><!-- single exhibitor articles -->
                                    <div class="blog-photo">
{{--
                                        <a href="{{route('exhibitor.detail',[$projects->slug])}}"><img src="http://localhost/erp/public/storage/exhibitors_thumbnail/{{$projects->thumbnail}}" alt="exhibitor"></a>
--}}
                                        <a href="{{route('project.detail',[$project->name])}}">
                                            @php $projectimg=getprojectimage($project->id); @endphp
                                            @if(isset($projectimg) && Storage::cloud()->has('exhibitors/project-images/'.$projectimg))
                                            <img src="{{Storage::cloud()->temporaryUrl('exhibitors/project-images/'.$projectimg , now()->addMinutes(15))}}" alt="exhibitor">
                                            @else
                                            <img src="{{asset('images/placeholder.jpg')}}">
                                            @endif
                                        </a>
                                    </div>
                                    <div class="blog-content">
                                        <h5 class="title"><a href="{{route('project.detail',[$project->name])}}">{{$project->name}}</a>
                                        </h5>
                                        {{--<p class="text-left">
                                            {{Str::limit(strip_tags($projects->companyabout),50,'...')}}
                                        </p>--}}
                                        <a href="{{route('project.detail',[$project->name])}}" class="button-light">More <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </article><!-- end single exhibitor articles -->
                            </div>
                        </div>
                    @endforeach
                @else
                    <span class="text-center">Coming Soon...</span>
                @endif
            </div>
            <!-- .row end -->

            <!-- .navigation start -->
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    {{ $projects->links() }}
                    {{--<ul class="pagination p-center">
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Previous">
                                <i class="fas fa-angle-left"></i>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item active"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">...</a></li>
                        <li class="page-item"><a class="page-link" href="#">18</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <i class="fas fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>--}}
                </div>
            </div>
            <!-- .navigation end -->

        </div>
    </div>
    <!-- exhibitor area end -->
@endsection