@extends('frontLayout.frontlayout')
@section('content')
@php
use App\Libraries\General;
@endphp
<!-- ==== Public Profile Header ==== -->
@include('frontend.creators.partials.publicHeader')
<!-- ==== Public Profile Header ==== -->

<!-- ==== About start ==== -->
<div class="why-join-us-inner"  id="public-profile">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                @if(isset($creatorAbout['title']) && $creatorAbout['title'] || isset($creatorAbout['description']) && $creatorAbout['description'])
                <div class="why-us-detail">
                    <div class="headlines elt text-center">
                        <h5>
                            {{isset($creatorAbout['title']) && $creatorAbout['title'] ? $creatorAbout['title'] : "What services do we provide?"}}
                        </h5>
                        <p>
                        {!! isset($creatorAbout['description']) && $creatorAbout['description'] ? nl2br($creatorAbout['description']) : "" !!}
                        </p>
                    </div>
                    <div class="info text-center">
                        <div class="row align-items-center">
                            @if(isset($creatorAbout['video_type']) && $creatorAbout['video_type'])
                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="right text-center">
                                    <h5>
                                        {{isset($creatorAbout['video_title']) && $creatorAbout['video_title'] ? $creatorAbout['video_title'] : ""}}
                                    </h5>
                                </div>
                                <div class="left">
                                    @if($creatorAbout['video_type'] == 'url')
                                    <div class="understand-video mt-3">
                                        @php
                                        $youtubeId = General::embededIdFromYouTubeUrl($creatorAbout['url']);
                                        @endphp
                                        <iframe width="500" height="260"
                                        src="https://www.youtube.com/embed/{{$youtubeId}}" allowfullscreen>
                                        </iframe>
                                    </div>
                                    @elseif($creatorAbout['video_type'] == 'upload' && $creatorAbout['thumbnail'] && isset($creatorAbout['video']) && $creatorAbout['video'] && file_exists(public_path($creatorAbout['video'])))
                                    <div class="understand-video mt-3">
                                        <video src="{{url($creatorAbout['video'])}}" poster="{{url($creatorAbout['thumbnail'])}}" controls class="d-none" onplaying="pauseAudio();" disablePictureInPicture controlsList="nodownload"></video>
                                        <img src="{{url($creatorAbout['thumbnail'])}}" class="">
                                        <div class="play aboutPlay">
                                            <a href="javascript:;"><span><i class="fas fa-play"></i></span></a>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endif                                
                        </div>
                        <div class="audio">
                            <h5>
                                {{isset($creatorAbout['audio_title']) && $creatorAbout['audio_title'] ? $creatorAbout['audio_title'] : ""}}
                            </h5>
                            @if(isset($creatorAbout['audio']) && $creatorAbout['audio'] && file_exists(public_path($creatorAbout['audio'])))
                            <div class="sound mt-3">
                                <audio controls onplaying="pauseVideo();" disablePictureInPicture controlsList="nodownload">
                                <source src="{{url($creatorAbout['audio'])}}">
                                </audio>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                @else
                <div class="nodata text-center">
                    <img src="{{url('assets/frontend/developer/images/nodata.png')}}">
                </div>
                @endif
            </div>
        </div>
    </div>
    <!-- ==== Public Profile Footer ==== -->
	@include('frontend.creators.partials.publicSidebar')
	<!-- ==== Public Profile Footer ==== -->
</div>
<!-- ==== About End ==== -->

<!-- ==== Public Profile Footer ==== -->
@include('frontend.creators.partials.publicFooter')
<!-- ==== Public Profile Footer ==== -->

@include('frontend.creators.partials.publicShare')

@endsection