@php
$footer = footerContent();
@endphp

<footer class="footer @if(isset($footerhome) && $footerhome=='yes') @else done @endif" id="main-footer">
	<div class="footer__ornament">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/bg-footer.svg') }}" class="lazy f1">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/bg-footer-2.png') }}" class="lazy f2">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/bg-footer-3.png') }}" class="lazy f3">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/bg-footer-4.png') }}" class="lazy f4">
	</div>
	<div class="footer__bot @if(isset($footerhome) && $footerhome=='yes') animate @else @endif" id="footer-bot">
		<div class="container">
			<div class="w-4/5 lg:w-full mx-auto from-bottom">
				<div class="text-center">
					<div class="h1">
						{!! ($footer) ? $footer->outputTranslate('contactus_title', session('locale')) : '' !!}<br>
						{!! ($footer) ? $footer->outputTranslate('contactus_title_secondary', session('locale')) : '' !!}
					</div>
					<p class="my-8">
						{!! ($footer) ? $footer->outputTranslate('contactus_excerpt', session('locale')) : '' !!}
					</p>
					<div class="flex gap-4 justify-center md:flex-col md:w-72 md:mx-auto">
						<a href="{!! ($footer) ? $footer->contactus_cta_link : '' !!}" class="btn btn--primary ">
							<span class="md:justify-center">
								<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"/>
								</svg>
								{!! ($footer) ? $footer->outputTranslate('contactus_cta_text', session('locale')) : '' !!}
							</span>
						</a>
						<a href="{!! ($footer) ? $footer->contactus_map_link : '' !!}" class="btn btn--border" target="blank">
							<span class="md:justify-center">
								<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd" d="M5.73429 12.9472L5.73686 12.948C5.90571 13.0138 6 12.9985 6 12.9985C6 12.9985 6.09429 13.0138 6.264 12.948L6.26571 12.9472L6.27086 12.9449L6.28629 12.9388C6.36765 12.9051 6.44797 12.8694 6.52714 12.8318C6.68657 12.7584 6.90943 12.6483 7.176 12.5007C7.70743 12.2071 8.41457 11.7621 9.12514 11.1511C10.5446 9.93082 12 8.02311 12 5.35231C12 4.64943 11.8448 3.95344 11.5433 3.30407C11.2417 2.6547 10.7998 2.06466 10.2426 1.56765C9.68549 1.07065 9.02405 0.676399 8.2961 0.40742C7.56815 0.138441 6.78793 0 6 0C5.21207 0 4.43185 0.138441 3.7039 0.40742C2.97595 0.676399 2.31451 1.07065 1.75736 1.56765C1.20021 2.06466 0.758251 2.6547 0.456723 3.30407C0.155195 3.95344 -1.17411e-08 4.64943 0 5.35231C0 8.02234 1.45543 9.93082 2.87571 11.1511C3.47036 11.6606 4.12337 12.113 4.824 12.5007C5.09537 12.651 5.37453 12.7898 5.66057 12.9166L5.71371 12.9388L5.72914 12.9449L5.73429 12.9472ZM6 7.07269C6.51149 7.07269 7.00203 6.89144 7.36371 6.5688C7.72538 6.24617 7.92857 5.80858 7.92857 5.35231C7.92857 4.89603 7.72538 4.45845 7.36371 4.13581C7.00203 3.81318 6.51149 3.63192 6 3.63192C5.48851 3.63192 4.99797 3.81318 4.63629 4.13581C4.27462 4.45845 4.07143 4.89603 4.07143 5.35231C4.07143 5.80858 4.27462 6.24617 4.63629 6.5688C4.99797 6.89144 5.48851 7.07269 6 7.07269Z" fill="white"/>
								</svg>
								{!! ($footer) ? $footer->outputTranslate('contactus_map_text', session('locale')) : '' !!}
							</span>
						</a>
					</div>	
				</div>
			</div>
		</div>
	</div>
	<div class="footer__space">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/footer-space.jpg') }}" class="lazy md:hidden">
		<img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/footer-space-mobile.jpg') }}" class="lazy md:block hidden">
	</div>
	<div class="footer__nav">
		<div class="container">
			<div class="footer__logo-nav">
				<div>
					<a href=""><img src="{{ asset('styling/img/logo-white.svg') }}"></a>
					<div class="footer__social">
						<span>{!! get_staticwording('follow', session('locale')) !!}</span>
						<div class="flex gap-4 mt-2">
							<a href="{{ setting('socialmedia.facebook') }}" target="blank"><img src="{{ asset('styling/img/icon-facebook.svg') }}"></a>
							<a href="{{ setting('socialmedia.twitter') }}" target="blank"><img src="{{ asset('styling/img/icon-twitter.svg') }}"></a>
							<a href="{{ setting('socialmedia.youtube') }}" target="blank"><img src="{{ asset('styling/img/icon-youtube.svg') }}"></a>
							<a href="{{ setting('socialmedia.instagram') }}" target="blank"><img src="{{ asset('styling/img/icon-instagram.svg') }}"></a>
							<a href="{{ setting('socialmedia.linkedin') }}" target="blank"><img src="{{ asset('styling/img/icon-linkedin.svg') }}"></a>
						</div>
					</div>
				</div>
				<nav>
					{!! get_bottommenu() !!}
				</nav>
			</div>
		</div>
	</div>
	<div class="footer__copyrights">
		<div class="container">
			<div class="mx-auto flex gap-4 items-center md:flex-col">
				<span>&copy; {{ date('Y') }} Bevananda</span>
				{!! get_footermenu() !!}
				{{-- <a href="{{ url('privacy-policy') }}">{!! get_staticwording('privacypolicy', session('locale')) !!}</a>
				<a href="{{ url('term-conditions') }}">{!! get_staticwording('tnc', session('locale')) !!}</a>
				<a href="{{ url('cookie-policy') }}">{!! get_staticwording('cookie', session('locale')) !!}</a> --}}
			</div>
		</div>
	</div>
</footer>

<div class="popup popup--loading" title="Loading" style="display: "></div>
<div class="popup popup--partner" title="Partner" style="display: "></div>
<div class="popup popup--global" title="Global" id="popup--contactus" style="display: "></div>

@php 
	$display_cookies = 'block';
	$sessionconsent = session('bev_cookiesconsent');
	if($sessionconsent=='yes'){
		$display_cookies = '';
	}

	$popupcookies_title = $popupcookies_desc = $popupcookies_btn = '';
	$getsection = get_sectionpage();
	if($getsection && $getsection->popupcookie_title!=''){ $popupcookies_title = $getsection->outputTranslate('popupcookie_title', session('locale')); }
	if($getsection && $getsection->popupcookie_description!=''){ $popupcookies_desc = $getsection->outputTranslate('popupcookie_description', session('locale')); }
	if($getsection && $getsection->popupcookie_button!=''){ $popupcookies_btn = $getsection->outputTranslate('popupcookie_button', session('locale')); }
@endphp 
<div class="popup popup--cookies" title="Cookies" style="display: {{ $display_cookies }}">
	<div class="popup-full">
		<div class="popup-wrapper">
			<div class="inner">
				<div class="flex justify-between mb-4">
					<h6 class="display flex items-center gap-2"><img class="w-6" src="{{ asset('styling/img/icon-information.png') }}"> {!! $popupcookies_title !!}</h6>
					<button class="close-btn btn-cookiesconsent" data-cookies="no">
						<img src="{{ asset('styling/img/icon-x-red.png') }}">
					</button>
				</div>
				{!! $popupcookies_desc !!}
				<div class="flex gap-4">
					<button class="btn btn--primary btn-cookiesconsent" data-cookies="yes">{!! $popupcookies_btn !!}</button>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="popup popup--global" title="Data" id="popup--data" style="display: ">
	<div class="popup-full">
		<div class="popup-wrapper">
			<div class="inner">
				<button onclick="$(this).parents('.popup').fadeOut()" class="close-btn">
					<img src="{{ asset('styling/img/icon-x-red.png') }}">
				</button>
				<h6 class="mb-10" id="title-data">
					{!! get_staticwording('formdata_title', session('locale')) !!}
				</h6>
				<div class="grid grid-cols-2 md:grid-cols-1 gap-8">
					<div class="input">
						<label>{!! get_staticwording('formdata_name', session('locale')) !!}</label>
						<input type="text" class="input__text alphaonly alphaonly" id="data-name" name="data_name" placeholder="{!! get_staticwording('formdata_name_placeholder', session('locale')) !!}">
						<div class="error error-dataname" id="error-dataname" style="display:none;"></div>
					</div>
					<div class="input">
						<label>{!! get_staticwording('formdata_company', session('locale')) !!}</label>
						<input type="text" class="input__text" id="data-company" name="data_company" placeholder="{!! get_staticwording('formdata_company_placeholder', session('locale')) !!}">
						<div class="error error-datacompany" id="error-datacompany" style="display:none;"></div>
					</div>
					<div class="input">
						<label>{!! get_staticwording('formdata_email', session('locale')) !!}</label>
						<input type="text" class="input__text emailonly" id="data-email" name="data_email" placeholder="{!! get_staticwording('formdata_email_placeholder', session('locale')) !!}">
						<div class="error error-dataemail" id="error-dataemail" style="display:none;"></div>
					</div>
					<div class="input">
						<label>{!! get_staticwording('formdata_phone', session('locale')) !!}</label>
						<input type="text" class="input__text phoneonly" id="data-phone" name="data_phone" maxlength="13" placeholder="{!! get_staticwording('formdata_phone_placeholder', session('locale')) !!}">
						<div class="error error-dataphone" id="error-dataphone" style="display:none;"></div>
					</div>
					
					<div class="input">
						<!-- Google Recaptcha -->
						<div class="g-recaptcha mt-4" id="recaptcha1"></div>
						<div class="error error-recaptcha" id="error-recaptcha" style="display:none;"></div>
					</div>
					

					<div class="input">
						<input type="hidden" id="related-data" value="" readonly="readonly" name="related_data" class="input__text">
						<input type="hidden" id="related-id" value="" readonly="readonly" name="related_id" class="input__text">
						<input type="hidden" id="item-data" value="" readonly="readonly" name="item_id" class="input__text">
						<input type="hidden" id="item-id" value="" readonly="readonly" name="item_id" class="input__text">
						<input type="hidden" id="recaptcha1-response" value="failed" readonly="readonly" class="input__text">
						<button class="btn btn--primary btn--rounded btn-submit-download">
							<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path fill-rule="evenodd" clip-rule="evenodd" d="M0.22552 9.77082C0.0880476 9.62777 0.0129278 9.43594 0.0166682 9.23748C0.0204087 9.03901 0.102703 8.85016 0.245468 8.71241L4.17324 5.00798L0.245467 1.30355C0.171316 1.23621 0.11142 1.15466 0.0693285 1.06373C0.0272373 0.972796 0.00380734 0.874328 0.000426663 0.774163C-0.00295401 0.673997 0.0137832 0.574171 0.0496473 0.4806C0.0855114 0.387029 0.139772 0.301616 0.209215 0.229424C0.278657 0.157231 0.361868 0.0997276 0.453917 0.0603199C0.545966 0.0209123 0.64498 0.000402382 0.745092 5.86156e-06C0.845204 -0.000390659 0.944377 0.0193344 1.03673 0.0580117C1.12909 0.096689 1.21276 0.153532 1.28277 0.225172L5.77108 4.46879C5.84348 4.53865 5.90106 4.6224 5.94039 4.71504C5.97973 4.80768 6 4.90732 6 5.00798C6 5.10864 5.97973 5.20827 5.94039 5.30092C5.90106 5.39356 5.84348 5.47731 5.77108 5.54717L1.28277 9.79079C1.13988 9.92841 0.948259 10.0036 0.750014 9.99987C0.551769 9.99612 0.363119 9.91374 0.22552 9.77082Z" fill="#F6F6F6"/>
								</svg>
								{!! get_staticwording('formdata_button', session('locale')) !!}
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="popup popup--global" id="popup--thankyou" title="{!! get_staticwording('thankyou', session('locale')) !!}" style="display: ">
	<div class="popup-full">
		<div class="popup-wrapper">
			<div class="inner">
				<button onclick="$(this).parents('.popup').fadeOut();" class="close-btn">
					<img src="{{ asset('styling/img/icon-x-red.png') }}">
				</button>
				<div class="text-center">
					<h3 class="mb-3" id="popup--thankyou--title">
						{{-- {!! get_staticwording('thankyou', session('locale')) !!} --}}
					</h3>
					<p id="popup--thankyou--excerpt">
						{{-- {!! (session('locale')=='id')?  setting('popup-download.pd_excerpt_id'):setting('popup-download.pd_excerpt') !!} --}}
					</p>
					<div class="flex justify-center gap-4 mt-10" onclick="$(this).parents('.popup').fadeOut();">
						{{-- @if(session('link_download')) --}}
						<a href="" id="url-download" class="btn btn--primary">
							<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M10.7501 2.75C10.7501 2.55109 10.6711 2.36032 10.5304 2.21967C10.3898 2.07902 10.199 2 10.0001 2C9.80121 2 9.61044 2.07902 9.46979 2.21967C9.32914 2.36032 9.25012 2.55109 9.25012 2.75V11.364L6.29512 8.235C6.2281 8.16102 6.14699 8.10116 6.05654 8.05893C5.96609 8.0167 5.86812 7.99295 5.76838 7.98907C5.66863 7.9852 5.56911 8.00127 5.47566 8.03636C5.38221 8.07144 5.2967 8.12483 5.22414 8.19339C5.15159 8.26195 5.09345 8.3443 5.05314 8.43562C5.01283 8.52694 4.99115 8.62539 4.98938 8.72519C4.9876 8.825 5.00577 8.92416 5.04282 9.01685C5.07987 9.10954 5.13504 9.19391 5.20512 9.265L9.45512 13.765C9.52521 13.8391 9.6097 13.8982 9.70341 13.9386C9.79712 13.9789 9.89808 13.9998 10.0001 13.9998C10.1022 13.9998 10.2031 13.9789 10.2968 13.9386C10.3905 13.8982 10.475 13.8391 10.5451 13.765L14.7951 9.265C14.9268 9.11961 14.9963 8.9284 14.9887 8.73237C14.9811 8.53635 14.897 8.35111 14.7544 8.21637C14.6118 8.08163 14.4221 8.00813 14.2259 8.01161C14.0298 8.01509 13.8428 8.09529 13.7051 8.235L10.7501 11.364V2.75Z" fill="white"/>
								<path d="M3.5 12.75C3.5 12.5511 3.42098 12.3603 3.28033 12.2197C3.13968 12.079 2.94891 12 2.75 12C2.55109 12 2.36032 12.079 2.21967 12.2197C2.07902 12.3603 2 12.5511 2 12.75V15.25C2 15.9793 2.28973 16.6788 2.80546 17.1945C3.32118 17.7103 4.02065 18 4.75 18H15.25C15.9793 18 16.6788 17.7103 17.1945 17.1945C17.7103 16.6788 18 15.9793 18 15.25V12.75C18 12.5511 17.921 12.3603 17.7803 12.2197C17.6397 12.079 17.4489 12 17.25 12C17.0511 12 16.8603 12.079 16.7197 12.2197C16.579 12.3603 16.5 12.5511 16.5 12.75V15.25C16.5 15.94 15.94 16.5 15.25 16.5H4.75C4.06 16.5 3.5 15.94 3.5 15.25V12.75Z" fill="white"/>
							</svg>
							{!! get_staticwording('download', session('locale')) !!}
						</a>
						{{-- @endif --}}

						{{-- @if(session('link_preview')) --}}
						<a href="" id="url-preview" target="_blank" class="btn btn--secondary">
							<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M10 12.5C10.663 12.5 11.2989 12.2366 11.7678 11.7678C12.2366 11.2989 12.5 10.663 12.5 10C12.5 9.33696 12.2366 8.70107 11.7678 8.23223C11.2989 7.76339 10.663 7.5 10 7.5C9.33696 7.5 8.70107 7.76339 8.23223 8.23223C7.76339 8.70107 7.5 9.33696 7.5 10C7.5 10.663 7.76339 11.2989 8.23223 11.7678C8.70107 12.2366 9.33696 12.5 10 12.5Z" fill="white"/>
								<path fill-rule="evenodd" clip-rule="evenodd" d="M0.663883 10.59C0.516987 10.2083 0.516987 9.78569 0.663883 9.404C1.39111 7.51849 2.67234 5.89744 4.33884 4.75431C6.00535 3.61117 7.97899 2.99956 9.99988 3C14.2569 3 17.8929 5.66 19.3359 9.41C19.4829 9.791 19.4819 10.214 19.3359 10.596C18.6087 12.4815 17.3274 14.1026 15.6609 15.2457C13.9944 16.3888 12.0208 17.0004 9.99988 17C5.74288 17 2.10688 14.34 0.663883 10.59ZM13.9999 10C13.9999 11.0609 13.5785 12.0783 12.8283 12.8284C12.0782 13.5786 11.0607 14 9.99988 14C8.93902 14 7.9216 13.5786 7.17146 12.8284C6.42131 12.0783 5.99988 11.0609 5.99988 10C5.99988 8.93913 6.42131 7.92172 7.17146 7.17157C7.9216 6.42143 8.93902 6 9.99988 6C11.0607 6 12.0782 6.42143 12.8283 7.17157C13.5785 7.92172 13.9999 8.93913 13.9999 10Z" fill="white"/>
								</svg>

							{!! get_staticwording('preview', session('locale')) !!}
						</a>
						{{-- @endif --}}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>