@extends('front.layouts.master')
@section('title', isset($title) ? $title : 'Home')
@section('description', isset($description) ? $description : '')
@section('keywords', isset($keywords) ? $keywords : '')
@section('content')
    <!-- breadcrumb area start here  -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-wrap text-center">
                <h2 class="page-title">{{ __('Projects and Initiatives') }}</h2>
                <ul class="breadcrumb-pages">
                    <li class="page-item"><a class="page-item-link" href="{{ route('front') }}">{{ __('Home') }}</a></li>
                    <li class="page-item">{{ __('Projects and Initiatives') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end here  -->

    <div class="content-area">
        <div class="container">
            <div class="tabs-box section">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item rscnProjectNav" role="presentation">
                        <a href="{{ url('/past-projects') }}">
                            <button class="nav-link" id="first-tab" data-bs-toggle="tab"
                                type="button" role="tab" aria-controls="first" aria-selected="true">{{ __('Past Projects') }}
                            </button>
                        </a>
                    </li>
                    <li class="nav-item rscnProjectNav" role="presentation">
                        <a href="{{ url('/current-projects') }}">
                            <button class="nav-link" id="secound-tab" data-bs-toggle="tab" data-bs-target="#secound"
                                type="button" role="tab" aria-controls="secound" aria-selected="false">{{ __('Current Projects') }}
                            </button>
                        </a>
                    </li>
                    <li class="nav-item rscnProjectNav" role="presentation">
                        <a href="{{ url('/future-projects') }}">
                            <button class="nav-link active" id="third-tab" data-bs-toggle="tab" data-bs-target="#third" type="button"
                                role="tab" aria-controls="third" aria-selected="false">{{ __('Future Projects') }}</button>
                        </a>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="third" role="tabpanel" aria-labelledby="third-tab">
                        <div class="section">
                            <div class="row">
                                @foreach (futureProjects() as $project)
                                <div class="col-12 col-md-6">
                                    <div class="project-info box-shadow rscnprojectInfoBox">
                                        <div class="image-box">
                                            <img src="{{ asset(IMG_PROJECT.$project->image) }}" />
                                        </div>
                                        <div class="title-box rscnprojectTitBox2 align-items-start">
                                            <h3>{{ langConverter($project->en_title,$project->fr_title) }}</h3>
                                            <a class="show-description" href="javascript:void(0);">
                                                <i class="fas fa-plus-circle"></i>
                                            </a>
                                        </div>
                                        <div class="description-box rscnDescription-box">
                                            <h3>{{ langConverter($project->en_title,$project->fr_title) }}</h3>
                                            <p>{{ langConverter($project->en_description,$project->fr_description) }}</p>
                                        </div>
                                        <div class="file-box rscnprojectTitBox">
                                            @if (app()->getLocale() == 'en')
                                                @if (isset($project->file))
                                                    <a class="file-link" target="_blank" href="{{ asset(IMG_PROJECT.$project->file) }}">{{ $project->en_title }}</a>
                                                @endif
                                            @endif
                                            @if (app()->getLocale() == 'fr')
                                                @if (isset($project->fr_file))
                                                <a class="file-link" target="_blank" href="{{ asset(IMG_PROJECT.$project->fr_file) }}">{{ $project->fr_title }}</a>
                                                @endif
                                            @endif
                                            <a class="hide-description" href="javascript:void(0);">
                                                <i class="fas fa-times-circle"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                
                {{-- Pagination --}}
                    {{ futureProjects()->links('vendor.pagination.careers') }}
                {{-- /Pagination --}}

            </div>
        </div>
    </div>
@endsection