{{-- @if ((Route::current()->slug ?? null) !== 'contact')
<div class="get-in-touch mt-5">
    <div class="container pt-5 pb-4">
        <h3 class="h2 text-center text-uppercase mb-5">Get in touch!</h3>
        @include('front.partials.form')
    </div>
</div>
@endif --}}
<footer class="container py-3 py-md-5">
    <div class="d-sm-flex justify-content-between align-items-center text-center">
        <div>
            @php
            $menu = \Modules\Menu\Entities\Menu::firstWhere('slug', 'menu-primary');
            $menu_items = collect(json_decode($menu->json))->filter(function($item) {
                return $item->name !== 'Home';
            });
            @endphp
            <ul class="list-unstyled text-sm-left">
                @foreach ($menu_items as $item)
                    <li>
                        <a href="{{ $item->slug }}" class="font-small" target="{{ $item->target }}">{{ $item->name }}</a>
                    </li>
                @endforeach
            </ul>
        </div>
        <div>
            @if (!empty($site->facebook))
                <a class="footer-icon" href="{{ $site->facebook }}">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57" height="57" viewBox="0 0 57 57">
                        <defs>
                            <filter id="footer-icon-filter" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.102"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                            <filter id="footer-icon-filter-hover" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.302"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                        </defs>
                        <g transform="translate(7.5 7.5)">
                            <g class="icon-group" transform="matrix(1, 0, 0, 1, -7.5, -7.5)">
                                <circle cx="21" cy="21" r="21" transform="translate(7.5 7.5)"/>
                            </g>
                            <path d="M12.193,11.9l.587-3.827H9.109V5.585a1.914,1.914,0,0,1,2.158-2.068h1.669V.259A20.359,20.359,0,0,0,9.972,0c-3.024,0-5,1.833-5,5.151V8.068H1.609V11.9H4.971v9.252H9.109V11.9Z" transform="translate(13.727 10.426)"/>
                        </g>
                    </svg>
                </a>
            @endif
            @if (!empty($site->instagram))
                <a class="footer-icon" href="{{ $site->instagram }}">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57" height="57" viewBox="0 0 57 57">
                        <defs>
                            <filter id="footer-icon-filter" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.102"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                            <filter id="footer-icon-filter-hover" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.302"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                        </defs>
                        <g transform="translate(7.5 7.5)">
                            <g class="icon-group" transform="matrix(1, 0, 0, 1, -7.5, -7.5)">
                                <circle cx="21" cy="21" r="21" transform="translate(7.5 7.5)"/>
                            </g>
                            <path d="M9.19,6.716A4.713,4.713,0,1,0,13.9,11.429,4.706,4.706,0,0,0,9.19,6.716Zm0,7.777a3.064,3.064,0,1,1,3.064-3.064A3.07,3.07,0,0,1,9.19,14.493ZM15.2,6.523a1.1,1.1,0,1,1-1.1-1.1A1.1,1.1,0,0,1,15.2,6.523Zm3.122,1.116a5.44,5.44,0,0,0-1.485-3.852A5.476,5.476,0,0,0,12.981,2.3c-1.518-.086-6.067-.086-7.585,0A5.468,5.468,0,0,0,1.544,3.783,5.458,5.458,0,0,0,.059,7.635c-.086,1.518-.086,6.067,0,7.585a5.44,5.44,0,0,0,1.485,3.852A5.483,5.483,0,0,0,5.4,20.556c1.518.086,6.067.086,7.585,0a5.44,5.44,0,0,0,3.852-1.485,5.476,5.476,0,0,0,1.485-3.852c.086-1.518.086-6.063,0-7.58Zm-1.961,9.209A3.1,3.1,0,0,1,14.609,18.6c-1.21.48-4.081.369-5.419.369s-4.213.107-5.419-.369a3.1,3.1,0,0,1-1.747-1.747c-.48-1.21-.369-4.081-.369-5.419s-.107-4.213.369-5.419A3.1,3.1,0,0,1,3.772,4.263c1.21-.48,4.081-.369,5.419-.369s4.213-.107,5.419.369a3.1,3.1,0,0,1,1.747,1.747c.48,1.21.369,4.081.369,5.419S16.837,15.642,16.357,16.848Z" transform="translate(11.812 9.57)"/>
                        </g>
                    </svg>
                </a>
            @endif
            @if (!empty($site->linked_in))
                <a class="footer-icon" href="{{ $site->linked_in }}">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57" height="57" viewBox="0 0 57 57">
                        <defs>
                            <filter id="footer-icon-filter" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.102"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                            <filter id="footer-icon-filter-hover" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.302"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                        </defs>
                        <g transform="translate(7.5 7.5)">
                            <g class="icon-group" transform="matrix(1, 0, 0, 1, -7.5, -7.5)">
                                <circle cx="21" cy="21" r="21" transform="translate(7.5 7.5)"/>
                            </g>
                            <path d="M4.361,19.483H.322V6.476H4.361ZM2.339,4.7A2.35,2.35,0,1,1,4.678,2.34,2.359,2.359,0,0,1,2.339,4.7ZM19.478,19.483h-4.03V13.151c0-1.509-.03-3.444-2.1-3.444-2.1,0-2.422,1.639-2.422,3.335v6.44H6.891V6.476h3.874V8.25h.057a4.244,4.244,0,0,1,3.822-2.1c4.088,0,4.839,2.692,4.839,6.188v7.145Z" transform="translate(11.259 11.259)"/>
                        </g>
                    </svg>
                </a>
            @endif
            @if (!empty($site->youtube))
                <a class="footer-icon" href="{{ $site->youtube }}">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="57" height="57" viewBox="0 0 57 57">
                        <defs>
                            <filter id="footer-icon-filter" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.102"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                            <filter id="footer-icon-filter-hover" x="0" y="0" width="57" height="57" filterUnits="userSpaceOnUse">
                                <feOffset input="SourceAlpha"/>
                                <feGaussianBlur stdDeviation="2.5" result="b"/>
                                <feFlood flood-opacity="0.302"/>
                                <feComposite operator="in" in2="b"/>
                                <feComposite in="SourceGraphic"/>
                            </filter>
                        </defs>
                        <g transform="translate(7.5 7.5)">
                            <g class="icon-group" transform="matrix(1, 0, 0, 1, -7.5, -7.5)">
                                <circle cx="21" cy="21" r="21" transform="translate(7.5 7.5)"/>
                            </g>
                            <path d="M23.708,7.046a2.908,2.908,0,0,0-2.046-2.059c-1.8-.487-9.041-.487-9.041-.487s-7.237,0-9.041.487A2.908,2.908,0,0,0,1.534,7.046a30.5,30.5,0,0,0-.484,5.606,30.5,30.5,0,0,0,.484,5.606A2.864,2.864,0,0,0,3.58,20.285c1.8.487,9.041.487,9.041.487s7.237,0,9.041-.487a2.864,2.864,0,0,0,2.046-2.026,30.5,30.5,0,0,0,.484-5.606,30.5,30.5,0,0,0-.484-5.606ZM10.254,16.093V9.211L16.3,12.652l-6.048,3.441Z" transform="translate(8.379 8.364)"/>
                        </g>
                    </svg>
                </a>
            @endif
        </div>
    </div>
</footer>
{{-- <div id="webinar">
    <div id="webinar-toggle">
        <img src="{{ config('env.CLOUDINARY_STATIC_URL') }}/webinar.svg" class="svg-replace" alt="Open Webinar Form" />
        <img src="{{ config('env.CLOUDINARY_STATIC_URL') }}/webinar-close.svg" class="svg-replace d-none" alt="Close Webinar Form" />
    </div>
    <div id="webinar-dialog" class="overflow-hidden" x-cloak>
        <div class="text-white bg-primary text-center p-3 position-relative">
            <h5 class="font-weight-bold">Find out more about Web Books!</h5>
            <p class="mb-0">Register now to join our next Web Books Webinar.</p>
        </div>
        <form class="p-3 border-primary bg-white border-left border-right border-bottom custom-recaptcha">
            @csrf --}}
            {{--
            <div class="p-3 row">
                <div class="col-md-6 mb-3 mb-md-0 px-2 text-center">
                    <span class="btn btn-primary text-center rounded-pill overflow-hidden w-100" x-bind="button('tuesday')">
                        Tuesday, 10am
                        <i class="fas fa-check" x-bind="check('tuesday')"></i>
                        <input type="hidden" name="tuesday" :value="tuesday ? 1 : 0" />
                    </span>
                </div>
                <div class="col-md-6 px-2 text-center">
                    <span class="btn btn-primary text-center rounded-pill overflow-hidden w-100" x-bind="button('thursday')">
                        Thursday, 10am
                        <i class="fas fa-check" x-bind="check('thursday')"></i>
                        <input type="hidden" name="thursday" :value="thursday ? 1 : 0" />
                    </span>
                </div>
            </div>
            --}}
            {{-- <div class="px-3">
                <div class="form-row mb-3">
                    <input type="text" name="first_name" class="form-control" placeholder="Your Name *" required />
                </div>
                <div class="form-row mb-3">
                    <input type="text" name="company" class="form-control" placeholder="Business Name *" required />
                </div>
                <div class="form-row mb-3">
                    <input type="tel" name="phone" class="form-control" placeholder="Phone" />
                </div>
                <div class="form-row mb-3">
                    <input type="email" name="email" class="form-control" placeholder="Email Address *" required />
                </div>
                <div class="form-row mb-3">
                    <small class="recaptcha-disclaimer">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</small>
                </div>
                <div class="form-row">
                    <input type="submit" value="Register" class="btn btn-primary hover:btn-dark px-4 rounded-pill" />
                </div>
            </div>
        </form>
        <div class="justify-content-center align-items-center p-3 border-primary bg-white border-left border-right border-bottom d-none" id="webinar-form-alt" x-cloak>
            <i class="fas fa-spinner fa-spin fa-2x"></i>
            <div class="alert alert-success d-none">
                <h5 class="text-center">Thank you for registering your interest</h5>
            </div>
        </div>
    </div>
</div> --}}
@include ('js_vars')