@extends('website.layouts.web-layouts')
@section('title', $content->title ?? '')
@section('description', Str::of(strip_tags($content->description ?? ''))->words(100))
@section('image', $content->image ?? '')
@section('url', url()->full())

@section('content')
    {{--    <x-bread-crumb module="President" list="GlobalHelper::getBreadCrumb($content->slug ?? '')" :extra="false" /> --}}
    <div class="breadcrumb mb-0" style="background: url('{{ asset('images/sm-2.jpg') }}');">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="content">

                            @if (!empty($content->title) && $content->title == 'Standard Operating Procedure')
                                <h3 class="text-white">{{ $content->title ?? '' }}</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>Committees</li>
                                    <li class="px-2">/</li>
                                    <li>Standing Committees</li>
                                    <li class="px-2">/</li>
                                    <li>Standard Operating Procedure</li>
                                </ul>
                            @elseif (!empty($content->title) && $content->title == 'Board Committee')
                                <h3 class="text-white">{{ $content->title ?? '' }}s</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>Committees</li>
                                    <li class="px-2">/</li>
                                    <li>Board Committees</li>
                                </ul>
                            @elseif(isset($_GET['track']))
                                <h3 class="text-white">{{ $content->title ?? '' }} Profile</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>President Profile</li>
                                </ul>
                            @elseif(!empty($content->title) && $content->slug == 'president')
                                <h3 class="text-white">{{ $content->title ?? '' }}</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>About FBCCI</li>
                                    <li class="px-2">/</li>
                                    <li>Board Of Directors</li>
                                    <li class="px-2">/</li>
                                    <li>{{ $content->title ?? '' }} Profile</li>
                                </ul>
                            @elseif(!empty($content->title) && $content->title == 'Introduction to the FBCCI')
                                <h3 class="text-white">{{ $content->title ?? '' }} Profile</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>{{ $content->title ?? '' }}</li>
                                </ul>
                            @elseif(!empty($content->title) && $content->slug == 'mission-vision')
                                <h3 class="text-white">{{ $content->title ?? '' }} Profile</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>About FBCCI</li>
                                    <li class="px-2">/</li>
                                    <li>FBCCI</li>
                                    <li class="px-2">/</li>
                                    <li>{{ $content->title ?? '' }}</li>
                                </ul>
                            @elseif(!empty($content->title) && $content->slug == 'brief-history')
                                <h3 class="text-white">{{ $content->title ?? '' }} Profile</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>About FBCCI</li>
                                    <li class="px-2">/</li>
                                    <li>FBCCI</li>
                                    <li class="px-2">/</li>
                                    <li>{{ $content->title ?? '' }}</li>
                                </ul>
                            @else
                                <h3 class="text-white">{{ $content->title ?? '' }}</h3>
                                <ul class="d-flex pt-2 list-unstyled">
                                    <li><a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home</a></li>
                                    <li class="px-2">/</li>
                                    <li>Division</li>
                                    <li class="px-2">/</li>
                                    <li>{{ $content->title ?? '' }}</li>
                                </ul>
                            @endif
                            {{--                            {{ dd($content->slug) }} --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- bread crumb part end for website-->

    <!-- content page start -->
    <section class="content-page">
        <div class="container">
            <div class="content-main">
                <div class="row">
                    <div class="col-lg-12">
                        {{-- <h1> {{ $content->title ?? '' }} </h1> --}}
                        <div class="content-box">
                            <div class="image small-image">
                                @if (!empty($content->slug))
                                    @if ($content->slug === 'president')
                                        <img loading="lazy" src="https://i.ibb.co/Gpc0Y6p/111.png" alt="president-image"
                                            class="img-fluid w-100">
                                    @else
                                        @if ($content->image ?? '' != '')
                                            <img src="{{ $content->image ?? '' }}" alt="{{ $content->title ?? '' }}"
                                                class="img-fluid w-100">
                                        @endif
                                    @endif
                                @endif
                            </div>
                            <div class="text">
                                @if (!empty($content->description))
                                    @php
                                        $modifiedInput = str_replace('<a ', '<a target="_blank" ', $content->description ?? '');
                                    @endphp
                                    <p>{!! $modifiedInput !!}</p>
                                @endif
                            </div>
                            @if (!empty($content->contentFiles))
                                @if (count($content->contentFiles) > 0 && $content->contentFiles[0]['title'] != null)
                                    <fieldset>
                                        <legend>Content Files</legend>
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th style="width:30%">Title</th>
                                                    <th style="width:20%">File</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($content->contentFiles as $contentFile)
                                                    <tr>
                                                        <td>{{ $contentFile->title ?? '' }}</td>
                                                        <td>
                                                            <a href="{{ $contentFile->file }}" target="_blank"><i
                                                                    class="fas fa-file-pdf"></i></a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </fieldset>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- content page end -->
@endsection