@extends('website.branches.portfolio.layouts.index')

@section('content')
@if ($advertisments->isNotEmpty())
<section class="advertisements mb-4">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="owl-carousel owl-theme">
                    @foreach ($advertisments as $advertisment)
                    <a class="item" style="background-image: url({{ uploads($advertisment->image) }})" href="{{ $advertisment->link ?? 'javascript:void(0)' }}"></a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endif

@if ($branch->portfolio?->about->{$locale})
<section id="about" class="mb-4">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div>
                    <div class="text">{!!$branch->portfolio?->about->{$locale}!!}</div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif

@if ($services->isNotEmpty())
<section id="services" class="mb-4 {{ ($services->count() > 2 ? '' : 'd-flex justify-content-evenly') }}">
    @if ($services->count() > 2)
    <div class="section-header mb-3">
        <div style="background-color: {{ $branch->restaurant->color->header_bg }}"></div>
        <h4 class="title">{{ $branch->portfolio?->services_title->{$locale} }}</h4>
        <div style="background-color: {{ $branch->restaurant->color->header_bg }}"></div>
    </div>

    <div class="owl-carousel owl-theme">
        @foreach ($services as $service)
        <div class="item">
            <a href="{{ $service->link }}">
                <div>
                    <img src="{{ str_contains($service->image,'menu.png')  ? $service->image : uploads($service->image) }}">
                    <p>{{ $service->title->{$locale} }}</p>
                </div>
            </a>
        </div>
        @endforeach
    </div>
    @else
    @foreach ($services as $service)
    <div class="item d-flex justify-content-center">
        <a href="{{ $service->link }}">
            <div>
                <img src="{{ str_contains($service->image,'menu.png') ? $service->image : uploads($service->image) }}">
                <p>{{ $service->title->{$locale} }}</p>
            </div>
        </a>
    </div>
    @endforeach
    @endif
</section>
@endif


@if ($branch->portfolio?->email || $branch->portfolio?->phone || $branch->portfolio?->facebook || $branch->portfolio?->instagram || $branch->portfolio?->twitter || $branch->portfolio?->linkedin || $branch->portfolio?->youtube || $branch->portfolio?->snapchat || $branch->portfolio?->tiktok)
<section id="contact">
    <div class="section-header mb-3">
        <div style="background-color: {{ $branch->restaurant->color->header_bg }}"></div>
        <h4 class="title">@lang('global.contact_us')</h4>
        <div style="background-color: {{ $branch->restaurant->color->header_bg }}"></div>
    </div>

    <div class="container">
        <div class="row justify-content-center">
            @if ($branch->portfolio?->email)
            <a class="col-6" href="mailto:{{ $branch->portfolio?->email }}">
                <div>
                    <i class="las la-envelope"></i>
                    <p class="text">@lang('validation.attributes.email')</p>
                </div>
            </a>
            @endif

            @if ($branch->portfolio?->phone)
            <a class="col-6" href="tel:{{ $branch->portfolio?->phone }}">
                <div>
                    <i class="las la-phone-volume"></i>
                    <p class="text">@lang('validation.attributes.phone')</p>
                </div>
            </a>
            @endif

            @if ($branch->portfolio?->facebook || $branch->portfolio?->instagram || $branch->portfolio?->twitter || $branch->portfolio?->linkedin || $branch->portfolio?->youtube || $branch->portfolio?->snapchat || $branch->portfolio?->tiktok)
            <div class="col-12 mt-4">
                <div>
                    <ul class="social-links">
                        @if ($branch->portfolio?->facebook)
                        <li>
                            <a href="{{ $branch->portfolio?->facebook }}">
                                <img src="{{ mix('website/branches/portfolio/images/facebook.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->instagram)
                        <li>
                            <a href="{{ $branch->portfolio?->instagram }}">
                                <img src="{{ mix('website/branches/portfolio/images/instagram.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->twitter)
                        <li>
                            <a href="{{ $branch->portfolio?->twitter }}">
                                <img src="{{ mix('website/branches/portfolio/images/twitter.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->linkedin)
                        <li>
                            <a href="{{ $branch->portfolio?->linkedin }}">
                                <img src="{{ mix('website/branches/portfolio/images/linkedin.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->youtube)
                        <li>
                            <a href="{{ $branch->portfolio?->youtube }}">
                                <img src="{{ mix('website/branches/portfolio/images/youtube.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->snapchat)
                        <li>
                            <a href="{{ $branch->portfolio?->snapchat }}">
                                <img src="{{ mix('website/branches/portfolio/images/snapchat.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                        @if ($branch->portfolio?->tiktok)
                        <li>
                            <a href="{{ $branch->portfolio?->tiktok }}">
                                <img src="{{ mix('website/branches/portfolio/images/tiktok.png','assets') }}" />
                            </a>
                        </li>
                        @endif
                    </ul>
                    <p class="text">
                        @lang('global.social_media')
                    </p>
                </div>
            </div>
            @endif
        </div>
    </div>
</section>
@endif

@if ($survey?->questions->isNotEmpty())
@if ( $survey?->required && session()->missing("survey_answered.$survey?->id"))
<x-bootstrap.modal id="createSurveyModal" :centered="true" data-bs-keyboard="false" data-bs-backdrop="static" content='website.branches.portfolio.modals.survey.create' width="xl" :with-header="false" :data="['branch' => $branch,'survey' => $survey]" />
@else
<x-bootstrap.modal id="createSurveyModal" :centered="true" content='website.branches.portfolio.modals.survey.create' width="xl" :with-header="false" :data="['branch' => $branch,'survey' => $survey]" />
@endif
@endif

@endsection