@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 || $project->featured_image)
            <div class="project-details__img">
                <img src="{{ asset('storage/' . ($project->cover_photo ?? $project->featured_image))}}" 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>{{ __('messages.partner_label') }}:<span>{{$project->partner}}</span></p>
                                </li>
                                @endif
                                @if($project->phase)
                                <li>
                                    <p>{{ __('messages.phase_label') }}:<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>{{ __('messages.startdate') }}:<span>{{$project->start_date->format('d M Y')}}</span></p>
                                </li>
                                @endif
                                @if($project->end_date)
                                <li>
                                    <p>{{ __('messages.enddate') }}:<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-12">
                    <div class="project-details__left">
                        <h3 class="project-details__title-1">{{$project->title}}</h3>

                        @if($project->introduction)
                        <div class="project-details__content project-details__text-1">{!! nl2br(e($project->introduction)) !!}</div>
                        @endif

                        @if($project->objectives)
                        <h3 class="project-details__title-2">{{ __('messages.objectives') }}</h3>
                        <div class="project-details__content project-details__text-2">
                            @php $lines = array_filter(array_map('trim', explode("\n", (string) $project->objectives))); @endphp
                            @if(count($lines) > 0)
                            <ul>
                                @foreach($lines as $line)
                                <li>{{ e(strip_tags($line)) }}</li>
                                @endforeach
                            </ul>
                            @else
                            <p>{!! nl2br(e($project->objectives)) !!}</p>
                            @endif
                        </div>
                        @endif

                        @if($project->activities)
                        <h3 class="project-details__title-2">{{ __('messages.mainactivities') }}</h3>
                        <div class="project-details__content project-details__text-2">
                            @php $lines = array_filter(array_map('trim', explode("\n", (string) $project->activities))); @endphp
                            @if(count($lines) > 0)
                            <ul>
                                @foreach($lines as $line)
                                <li>{{ e(strip_tags($line)) }}</li>
                                @endforeach
                            </ul>
                            @else
                            <p>{!! nl2br(e($project->activities)) !!}</p>
                            @endif
                        </div>
                        @endif

                        @if($project->results)
                        <h3 class="project-details__title-2">{{ __('messages.keyresults') }}</h3>
                        <div class="project-details__content project-details__text-2">
                            @php $lines = array_filter(array_map('trim', explode("\n", (string) $project->results))); @endphp
                            @if(count($lines) > 0)
                            <ul>
                                @foreach($lines as $line)
                                <li>{{ e(strip_tags($line)) }}</li>
                                @endforeach
                            </ul>
                            @else
                            <p>{!! nl2br(e($project->results)) !!}</p>
                            @endif
                        </div>
                        @endif

                        @if($project->challenges)
                        <h3 class="project-details__title-2">{{ __('messages.challenges') }}</h3>
                        <div class="project-details__content project-details__text-2">
                            @php $lines = array_filter(array_map('trim', explode("\n", (string) $project->challenges))); @endphp
                            @if(count($lines) > 0)
                            <ul>
                                @foreach($lines as $line)
                                <li>{{ e(strip_tags($line)) }}</li>
                                @endforeach
                            </ul>
                            @else
                            <p>{!! nl2br(e($project->challenges)) !!}</p>
                            @endif
                        </div>
                        @endif

                        @if($project->documents && $project->documents->count() > 0)
                        <div class="project-details__documents mt-4">
                            <h4 class="project-details__title-2">{{ __('messages.documents') }}</h4>
                            <ul class="list-unstyled project-details__doc-list">
                                @foreach($project->documents as $document)
                                <li>
                                    <a href="{{ asset('storage/' . $document->file_path) }}" target="_blank" class="thm-btn project-details__doc-link">
                                        <i class="icon-download"></i> {{ $document->title }}
                                    </a>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            @if(!empty($project->gallery))
            <div class="project-details__gallery mt-5">
                <h3 class="project-details__title-2">{{ __('messages.gallery') }}</h3>
                <div class="row">
                    @foreach($project->gallery as $photo)
                    <div class="col-6 col-md-4 col-lg-3 mb-3">
                        <a href="{{ asset('storage/' . $photo) }}" data-fancybox="project-gallery" class="project-details__gallery-item d-block">
                            <img src="{{ asset('storage/' . $photo) }}" alt="Gallery" class="img-fluid">
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </section>
    <!--Project Details End-->
@endsection