@php
    $site = App\Site::find(1);
    $social = $site->socialMedia();
@endphp

{{-- The landing page's version of this bar has slightly different spacing; other pages are unchanged. --}}
<h3 class="h4 text-center text-white strong mb-4 {{ ($isLandingPage ?? false) ? 'pt-2' : '' }}">Contact Us</h3>
<div class="footer__right-social text-center d-flex justify-content-center align-items-center {{ ($isLandingPage ?? false) ? 'pb-md-3' : 'pb-3' }}">
    @if(!empty($social) && is_array($social))

        @if(isset($social['']))

            <a href="{{ $social['facebook'] }}" class="d-block mb-3 mb-md-0" target="_blank">
                <div class="component-image-link">
                   <div class="position-relative">
                      <div class="overflow-hidden">
                         <img class="img-fluid px-lg-2" src="/uploads/images/icons/social/facebook.png" alt="Facebook" title="Like Us On Facebook">
                      </div>
                   </div>
                </div>
             </a>

        @endif

        {{-- @if(isset($social['instagram']))

            <a href="{{ $social['instagram'] }}" class="d-block mb-3 mb-md-0" target="_blank">
                <div class="component-image-link">
                <div class="position-relative">
                    <div class="overflow-hidden">
                        <img class="img-fluid px-lg-2" src="/uploads/images/icons/social/instagram.png" alt="Instagram" title="Follow Us On Instagram">
                    </div>
                </div>
                </div>
            </a>

        @endif --}}


        @if(isset($social['linked_in']))

            <a href="{{ $social['linked_in'] }}" class="d-block mb-3 mb-md-0" target="_blank">
                <div class="component-image-link">
                   <div class="position-relative">
                      <div class="overflow-hidden">
                         <img class="img-fluid px-lg-2" src="/uploads/images/icons/social/linkedin.png" alt="LinkedIn" title="Follow Us On LinkedIn">
                      </div>
                   </div>
                </div>
             </a>

        @endif

        @if(isset($social['youtube']))

            <a href="{{ $social['youtube'] }}" target="_blank">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                    viewBox="0 0 38 38" style="enable-background:new 0 0 38 38;" xml:space="preserve">
                    <style type="text/css">
                        .st0{fill:#FFFFFF;}
                    </style>
                    <rect x="0" width="38" height="38"/>
                    <g>
                        <path class="st0" d="M24.8,23.6h-1.1l0-0.6c0-0.3,0.2-0.5,0.5-0.5h0.1c0.3,0,0.5,0.2,0.5,0.5L24.8,23.6z M20.6,22.3
                            c-0.3,0-0.5,0.2-0.5,0.4v3.1c0,0.2,0.2,0.4,0.5,0.4c0.3,0,0.5-0.2,0.5-0.4v-3.1C21.2,22.5,20.9,22.3,20.6,22.3L20.6,22.3z
                            M27.3,20.5v5.9c0,1.4-1.2,2.6-2.7,2.6H13.4c-1.5,0-2.7-1.2-2.7-2.6v-5.9c0-1.4,1.2-2.6,2.7-2.6h11.2C26.1,18,27.3,19.1,27.3,20.5
                            L27.3,20.5z M14.1,27.1v-6.2h1.4v-0.9l-3.7,0v0.9H13v6.2L14.1,27.1L14.1,27.1z M18.3,21.8h-1.2v3.3c0,0.5,0,0.7,0,0.8
                            c-0.1,0.3-0.5,0.5-0.7,0c0-0.1,0-0.4,0-0.8v-3.3h-1.2l0,3.3c0,0.5,0,0.9,0,1c0,0.3,0,0.7,0.3,0.9c0.5,0.4,1.5-0.1,1.8-0.6v0.7h0.9
                            V21.8z M22,25.6v-2.8c0-1-0.8-1.7-1.9-0.8l0-2.1H19V27l0.9,0l0.1-0.4C21.3,27.7,22,26.9,22,25.6L22,25.6z M25.6,25.2l-0.9,0v0.6
                            c0,0.3-0.2,0.5-0.5,0.5h-0.2c-0.3,0-0.5-0.2-0.5-0.5v-1.3h2v-0.7c0-0.5,0-1.1-0.1-1.4c-0.1-1-1.5-1.1-2.2-0.6
                            c-0.2,0.2-0.4,0.4-0.5,0.7c-0.1,0.3-0.1,0.7-0.1,1.2v1.6C22.7,28,26,27.6,25.6,25.2L25.6,25.2z M21.2,16.3c0.1,0.1,0.2,0.3,0.3,0.4
                            c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.3,0,0.4-0.1c0.1-0.1,0.2-0.2,0.3-0.4l0,0.5H24v-5.5h-1v4.3c0,0.2-0.2,0.4-0.4,0.4
                            c-0.2,0-0.4-0.2-0.4-0.4v-4.3h-1.1v3.7c0,0.5,0,0.8,0,0.9C21.1,16,21.1,16.1,21.2,16.3L21.2,16.3z M17.3,13.2c0-0.5,0-0.9,0.1-1.2
                            c0.1-0.3,0.2-0.5,0.5-0.7c0.2-0.2,0.5-0.3,0.9-0.3c0.3,0,0.6,0.1,0.8,0.2c0.2,0.1,0.4,0.3,0.5,0.5c0.1,0.2,0.2,0.4,0.2,0.6
                            c0,0.2,0.1,0.5,0.1,0.9v1.4c0,0.5,0,0.9-0.1,1.1c0,0.2-0.1,0.5-0.2,0.7c-0.1,0.2-0.3,0.4-0.5,0.5c-0.2,0.1-0.4,0.2-0.7,0.2
                            c-0.3,0-0.5,0-0.7-0.1c-0.2-0.1-0.4-0.2-0.5-0.4c-0.1-0.2-0.2-0.4-0.2-0.6c0-0.2-0.1-0.6-0.1-1.1L17.3,13.2L17.3,13.2z M18.3,15.4
                            c0,0.3,0.2,0.6,0.5,0.6c0.3,0,0.5-0.2,0.5-0.6v-2.9c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.5,0.3-0.5,0.6V15.4z M14.7,16.8h1.2l0-4.2
                            L17.4,9H16l-0.8,2.7L14.5,9h-1.3l1.5,3.6V16.8L14.7,16.8z M14.7,16.8"/>
                    </g>
                </svg>
            </a>

        @endif

        <a href="tel:0417685541" class="d-block mb-3 mb-md-0" target="_blank">
            <div class="component-image-link">
               <div class="position-relative">
                  <div class="overflow-hidden">
                     <img class="img-fluid px-lg-2" src="/uploads/images/icons/social/phone.png" alt="Phone" title="Call Us">
                  </div>
               </div>
            </div>
         </a>

        {{-- @if(isset($site->email_to)) --}}

            {{-- On the landing page the mail icon scrolls to its own contact form. --}}
            <a href="{{ ($isLandingPage ?? false) ? '#contact' : '/contact' }}" class="d-block mb-3 mb-md-0">
                <div class="component-image-link">
                   <div class="position-relative">
                      <div class="overflow-hidden">
                         <img class="img-fluid px-lg-2" src="/uploads/images/icons/social/mail.png" alt="Mail" title="Email Us">
                      </div>
                   </div>
                </div>
             </a>

        {{-- @endif --}}

    @endif

</div>