@extends('web_theme::layout.main')

@php
    $firstDetail = $company_details->first();
    $company = $firstDetail && $firstDetail->company ? $firstDetail->company : null;

    $title = $company && $company->name
        ? $company->name . ' | El DiDi Group'
        : 'Group Details | El DiDi Group';

    $description = $firstDetail && $firstDetail->content
        ? \Illuminate\Support\Str::limit(strip_tags($firstDetail->content), 150)
        : 'Explore group details and services provided by El DiDi Group.';
@endphp

@section('title', $title)
@section('meta_description', $description)


@section('content')
    <!-- Page Title -->
    <section class="page-title">
        <div class="content" style="background-image: url('{{ asset($companiesHeaderImg) }}');">
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
        <div class="auto-container">

            <h1 class="page-title" style="text-align: center">Group Details</h1>
            <br><br>
            <div class="row clearfix">
                <!-- Content Side -->
                <div class="content-side col-lg-10 col-md-12 col-sm-12" style="margin: 0 auto; float: none;">
                    <div class="blog-detail">
                        <div class="inner-box">
                            @if (!empty($company_details->first()->company->photo))
                                <div class="image"
                                    style="display: flex; justify-content: center; align-items: center; overflow: visible;">
                                    <img src="{{ asset($company_details->first()->company->photo) }}" alt="Photo" width="510" height="600" style="width: auto; height: auto; aspect-ratio: 510/600 !important;">
                                </div>
                            @endif
                            @if ($company_details->isEmpty())
                                <div class="alert alert-info mt-4 text-center" role="alert">
                                    Details for this group are coming soon.
                                </div>
                            @else
                                @foreach ($company_details as $company_detail)
                                    <br><br>
                                    {!! $company_detail->content !!}

                                    @if(!empty($company_detail->pdfs))
                                        @php
                                            $pdfs = json_decode($company_detail->pdfs, true);
                                        @endphp
                                        @foreach($pdfs as $pdf)
                                            <div class="image pt-5">
                                                <iframe src="{{ asset($pdf) }}#toolbar=0&navpanes=0&scrollbar=0"
                                                    width="100%" height="450" style="border: none; border-radius: 10px;">
                                                </iframe>
                                            </div>
                                        @endforeach
                                    @endif
                                    @if(!empty($company_detail->videos))
                                        @php
                                            $videos = json_decode($company_detail->videos, true);
                                        @endphp
                                        @foreach($videos as $video)
                                            <div class="image pt-5">
                                                <video width="100%" height="450" controls style="border-radius: 10px;">
                                                    <source src="{{ asset($video) }}" type="video/mp4">
                                                    Your browser does not support the video tag.
                                                </video>
                                            </div>
                                        @endforeach
                                    @endif
                                    <div class="title-box pt-2">
                                        <div class="clearfix">
                                            <div class="pull-right">
                                                <a href="{{ route('web.quote', ['company_details_id' => $company_detail->id]) }}" class="theme-btn btn-style-two"><span class="txt">Get A Quote</span></a>
                                                <a href="{{ route('web.categories') }}" class="theme-btn btn-style-two"><span class="txt">View Products</span></a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @if ($company_details->isNotEmpty())
                <i class="fa fa-bar-chart" aria-hidden="true"> Visitors Counter : <span
                    class="post-views-count">{{ $company_details->first()->views }}</span></i>
            @endif
        </div>
    </div>
    <!-- End Sidebar Page Container -->
@endsection