@extends('layouts.landing_website_map')

@push('style')

@endpush


@section('content')
    <div  class="cl">
        <a id="js-native" class="native-btn d-none" href="#" target="_blank"><i class="fa fa-map-o" aria-hidden="true"></i></a>
        <div class="lab" style="{{isset($mapLabelColor) ? 'color:'.$mapLabelColor : '' }};{{isset($mapLabelFontSize) ? 'font-size:'.$mapLabelFontSize.'px' : '' }}">{{isset($mapLabel) ? $mapLabel : ''}}</div>
        <div id="js-close" class="close-btn">✕</div>
    </div>
    <div id="js-map"></div>
@endsection


@push('scripts')
    <script>
        wpAdmin = {};
        wpAdmin.uploadUrl = {!! json_encode(env('WELLPACK_ASSETS_URL')) !!};
        wpAdmin.stores = {!! json_encode($stores) !!};
        wpAdmin.btnGoLabel = {!! json_encode($btnGoLabel) !!};
        wpAdmin.btnCallLabel = {!! json_encode($btnCallLabel) !!};
        wpAdmin.btnWebsiteLabel = {!! json_encode($btnWebsiteLabel) !!};
        wpAdmin.btnGoColor = {!! json_encode($btnGoColor) !!};
        wpAdmin.btnCallColor = {!! json_encode($btnCallColor) !!};
        wpAdmin.btnWebsiteColor = {!! json_encode($btnWebsiteColor) !!};
    </script>

    @vite('resources/js/views/landing_website_store.js')
@endpush