@extends('website.layout.main')

@section('content')
    <!--Page Header Start-->
    <x-website-page-header title="{{$project->title}}" bgImage="assets/images/backgrounds/page-header-bg.png" homeLink="{{ url('/') }}" />
    <!--Page Header End-->
     <!--Project Details Start-->
     <section class="project-details">
        <div class="container">
            @if($project->cover_photo)
            <div class="project-details__img">
                <img src="{{ Storage::url($project->cover_photo)}}" alt="{{ $project->title }}">
                <div class="project-details__info-box">
                    <div class="project-details__info-title-box">
                        <h3 class="project-details__info-title">{{$project->title}}</h3>
                    </div>
                    <div class="project-details__info-and-social">
                        <div class="project-details__info">
                            <ul class="project-details__info-list list-unstyled">
                                @if($project->partner)
                                <li>
                                    <p>Partner:<span>{{$project->partner}}</span></p>
                                </li>
                                @endif
                                @if($project->phase)
                                <li>
                                    <p>Phase:<span>{{$project->phase}}</span></p>
                                </li>
                                @endif
                            </ul>
                            @if($project->start_date || $project->end_date)
                            <ul class="project-details__info-list list-unstyled">
                                @if($project->start_date)
                                <li>
                                    <p>Start date:<span>{{$project->start_date->format('d M Y')}}</span></p>
                                </li>
                                @endif
                                @if($project->end_date)
                                <li>
                                    <p>End date:<span>{{$project->end_date->format('d M Y')}}</span></p>
                                </li>
                                @endif
                            </ul>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endif
            <div class="row">
                <div class="col-xl-8 col-lg-7">
                    <div class="project-details__left">
                        <h3 class="project-details__title-1">{{$project->title}}</h3>
                        
                        @if($project->introduction)
                        <p class="project-details__text-1">{!! $project->introduction !!}</p>
                        @endif

                        @if($project->objectives)
                        <h3 class="project-details__title-2">Objectives</h3>
                        <p class="project-details__text-2">{!! $project->objectives !!}</p>
                        @endif

                        @if($project->activities)
                        <h3 class="project-details__title-2">Main activities</h3>
                        <p class="project-details__text-2">{!! $project->activities !!}</p>
                        @endif

                        @if($project->results)
                        <h3 class="project-details__title-2">Key results</h3>
                        <p class="project-details__text-2">{!! $project->results !!}</p>
                        @endif

                        @if($project->challenges)
                        <h3 class="project-details__title-2">Challenges</h3>
                        <p class="project-details__text-2">{!! $project->challenges !!}</p>
                        @endif
                    </div>
                </div>
                <div class="col-xl-4 col-lg-5">
                    <div class="project-details__right">
                        @if($project->documents && $project->documents->count() > 0)
                        <div class="project-details__documents">
                            <h4 class="project-details__title-2">Documents</h4>
                            <ul class="list-unstyled">
                                @foreach($project->documents as $document)
                                <li style="margin-bottom: 10px;">
                                    <a href="{{ Storage::url($document->file_path) }}" target="_blank" class="thm-btn" style="display: inline-block;">
                                        <i class="icon-download"></i> {{ $document->title }}
                                    </a>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Project Details End-->
@endsection