{{-- HERO HEADER --}}
<header class="company-hero company-style1" id="header">
    <div class="company-single-slide">
        <div class="company-hero-bg company-bg" @if($company_bg) style="background-image: url({{ $company_bg }});" @endif></div>
        <div id="company-scene" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative;">
            <div class="layer" data-depth="0.2" style="transform: translate3d(2.21625px, -6.92096px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative; display: block; left: 0px; top: 0px;">
                <div class="container" data-title="no.1">
                    <div class="company-slider-text">
                        {{--<img src="{{ $company_logo['large'] }}" alt="{{ $company_name }} Logo">--}}
                        <h1>{{ $company_name }}</h1>
                        @if($paying_advert)
                        <div class="d-flex flex-row justify-content-center">
                            @if($company_link)
                                <a href="{{ $company_link['action'] }}" target="_blank" class="btn btn-info mx-1 my-1 p-3 text-truncate" rel="{{ $company_link['rel'] }}" title="{{ $company_link['domain'] }}"><span><i class="fa fa-external-link fa-lg fa-fw"></i> Visit website</span></a>
                                {{--<a href="#contact" target="_blank" class="l2a company-btn flex-equal mx-1 my-3" title="Contact"><span><i class="fa fa-envelope fa-lg fa-fw"></i> Contact</span></a>--}}
                            @endif
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Quick Links --}}
    <div class="quick-links">
        <div class="container">
            <div class="ql-container d-flex justify-content-center">
                <div class="d-flex flex-row justify-content-center">
                    <div class="ql-item flex-equal mx-2 my-0">
                        <a href="{{$canonical_link}}#about" class="btn d-flex flex-column align-items-center">
                            <i class="fa fa-info fa-lg fa-fw"></i>
                            <span class="d-none d-sm-block">About</span>
                        </a>
                    </div>
                    @if($company_images)
                    <div class="ql-item flex-equal mx-2 my-0">
                        <a href="{{$canonical_link}}#gallery" class="btn d-flex flex-column align-items-center">
                            <i class="fa fa-picture-o fa-lg fa-fw"></i>
                            <span class="d-none d-sm-block">Gallery</span>
                        </a>
                    </div>
                    @endif
                    @if($company_locations)
                    <div class="ql-item flex-equal mx-2 my-0">
                        <a href="{{$canonical_link}}#locations" class="btn d-flex flex-column align-items-center">
                            <i class="fa fa-map-marker fa-lg fa-fw"></i>
                            <span class="d-none d-sm-block">Locations</span>
                        </a>
                    </div>
                    @endif
                    @if(1==2 && $paying_advert)
                    <div class="ql-item flex-equal mx-2 my-0">
                        <a href="{{$canonical_link}}#contact" class="btn d-flex flex-column align-items-center">
                            <i class="fa fa-envelope-o fa-lg fa-fw"></i>
                            <span class="d-none d-sm-block">Contact</span>
                        </a>
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </div>

</header>
<!--BREADCRUMBS_SLOT-->





{{-- ABOUT --}}
<a name="about"></a>
<div class="about-us about-us-2 section" id="about">
    <div class="container">
        <div class="section-head">
            <span class="h2">About</span>
            <div class="section-divider">
                <span></span>
            </div>
            @if (isset($_SESSION['user_id']))
                <div class="edit-advert"><a href="../admin/advert_manager.php?advert_action=advert_edit_main&advertisment_id={{ $adv['advertisment_id'] }}" target="_blank" style="font-size: 1rem; display: block;"><i class="fa fa-pencil fa-fw"></i></a></div>
            @endif
            {{--<p>Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem</p>--}}
        </div>
        <div class="row d-flex flex-column flex-sm-row flex-lg-row">
            <div class="@if($paying_advert) col-md-6 col-lg-7 order-2 @else col-md-10 order-1 @endif">
                <div class="about-company">
                    {!! $company_description !!}
                </div>

                @if (trim($adv['YearOfEstablishment']) != "" || trim($adv['Directors']) != ""
                || trim($adv['NumberOfEmployees']) != "" || trim($adv['MemberOf']) != ""
                )
                    <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="text-left" colspan="2">Company Information</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if (trim($adv['YearOfEstablishment']) != "")
                            <tr>
                                <td class="text-bold text-nowrap">Year of Establishment</td>
                                <td class="col-md-8"></td>
                            </tr>
                        @endif
                        @if (trim($adv['Directors']) != "")
                            <tr>
                                <td class="text-bold text-nowrap">Directors</td>
                                <td class="col-md-8"></td>
                            </tr>
                        @endif
                        @if (trim($adv['MemberOf']) != "")
                            <tr>
                                <td class="text-bold text-nowrap">Member of</td>
                                <td class="col-md-8"></td>
                            </tr>
                        @endif
                        @if (trim($adv['NumberOfEmployees']) != "")
                            <tr>
                                <td class="text-bold text-nowrap">Number of Employees</td>
                                <td class="col-md-8"></td>
                            </tr>
                        @endif

                        </tbody>
                    </table>
                    </div>
                @endif
            </div>
            @if($paying_advert)
            <div class="col-md-4 col-lg-3 order-1">
                @if($paying_advert)
                <img src="{{ $company_logo['large'] }}" alt="{{ $company_name }} Logo" class="img-responsive" style="width: 100%; margin-bottom: 30px">
                @endif
                {{-- Company Social Links--}}
                @if(count($company_social_links))
                    <div class="company-social-links effect aeneas">
                        @foreach ($company_social_links as $sp=>$sp_link)
                            @if($sp_link != null)
                                <a href="{!! $sp_link !!}" name="{{ $sp }}" id="{{ $sp }}"
                                   target="_blank" rel="noopener"
                                   class="{{ $social_platforms[$sp]['class'] }}"
                                    title="{{ $social_platforms[$sp]['name'] }}">
                                    <i class="{{ $social_platforms[$sp]['icon'] }}" aria-hidden="true"></i>
                                </a>
                            @endif
                        @endforeach
                        <div class="ml-auto"><!--[/SocialShareButtons/]--></div>
                    </div>
                @endif

                {{-- Company Video --}}
                @if($company_video)
                <div class="about-video">
                    {!! $company_video !!}
                </div>
                @endif
            </div>
            @endif
        </div>
    </div>
</div>

{{-- IMAGE GALLERY --}}
@if($company_images)
    <a name="gallery"></a>
    <div class="company-gallery section" id="gallery">
        <div class="container">
            <div class="section-head">
                <span class="h2">Gallery</span>
                <div class="section-divider">
                    <span></span>
                </div>
                {{--<p>Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem</p>--}}
            </div>
        </div>
        <div class="container">
            <!-- The Gallery as lightbox dialog, should be a child element of the document body -->
            <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
                <div class="slides"></div>
                <span class="title"></span>
                <a class="prev">‹</a>
                <a class="next">›</a>
                <a class="close">×</a>
                <a class="play-pause"></a>
                <ol class="indicator"></ol>
            </div>

            <div id="company-gallery-links" class="company-gallery-images @if(count($company_images) == 1) single @endif " data-company-gallery="company-gallery">
                <div class="company-unit-sizer"></div>
                @foreach($company_images as $img)
                    @if ($img['main'] == 1)
                        <div class="company-unit company-unit-th">
                            <div class="company-unit-content">
                                <a href="{!! $img['src'] !!}" title="{{$img['title']}}">
                                    <img src="{!! $img['src_th'] !!}" alt="{{ $img['title'] }}">
                                </a>
                            </div>
                        </div>
                    @else
                        <div class="company-unit company-unit-th">
                            <div class="company-unit-content">
                                <a href="{!! $img['src'] !!}" title="{{ $img['title'] }}">
                                    <img src="{!! $img['src_th'] !!}" alt="{{ $img['title'] }}">
                                </a>
                            </div>
                        </div>
                     @endif
                @endforeach
            </div>
        </div>
    </div>
@endif

{{-- LOCATIONS --}}
@if($company_locations)
    <a name="locations"></a>
    <div class="section" id="locations">
        <div class="container">
            <div class="section-head">
                <span class="h2">Locations</span>
                <div class="section-divider">
                    <span></span>
                </div>
                {{--<p>Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem</p>--}}
            </div>

            @foreach($company_locations as $district_group=>$district_locations)
                @if(is_array($district_locations))
                    <div class="sub-section">
                        <div class="section-head">
                            <span class="h3">{{ $district_group }}</span>
                        </div>
                        @foreach($district_locations as $location_id=>$data)
                            {!! $data['html'] !!}
                        @endforeach
                    </div>
                @endif
            @endforeach
        </div>
    </div>
@endif

@if( 1==2 && $paying_advert)
{{-- CONTACT --}}
<a name="contact"></a>
<div class="section mb-4" id="contact">
    <div class="container">
        <div class="section-head">
            <span class="h2">Contact</span>
            <div class="section-divider">
                <span></span>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3">
                <p class="h3">Got a question? We would love to hear from you.</p>
                <p>Send us a message and we will respond as soon as possible.</p>

                @if($show_contact_reply)
                    @if($show_contact_errors)
                        <div class="alert alert-danger alert-dismissible fade show mt-3 mb-3 mr-2">
                            <span class="h3">{{ $contact_message }}</span>
                            <ul>
                            @foreach($contact_errors as $err)
                                <li class="list-item">{{ $err }}</li>
                            @endforeach
                            </ul>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @else
                        <div class="alert alert-success alert-dismissible fade show mt-3 mb-3 mr-2">
                            <span class="h3">{{ $contact_message }}</span>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>

                    @endif

                @endif
            </div>
            <div class="col-md-7 bg-gray-box mx-md-n3">

                <form method="post" action="{{ $canonical_link }}">
                    <input type="hidden" name="company_contact" value="1">
                    <input type="hidden" name="csrf_token" value="{{ $csrf_token }}"/>
                    <div class="form-group row">
                        <label for="vName" class="col-sm-10 col-form-label sr-only">What is your Name?</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control form-control-lg" id="vName" name="contact[name]" value="{{ $contact_data['name'] }}" placeholder="What is your Name?" required maxlength="128">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="vEmail" class="col-sm-10 col-form-label sr-only">Your best contact email:</label>
                        <div class="col-sm-10 input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon-email"><i class="fa fa-at fa-lg fa-fw"></i></span>
                            </div>
                            <input type="email" class="form-control form-control-lg" id="vEmail" name="contact[email]" value="{{ $contact_data['email'] }}" placeholder="Your best contact email" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="vPhone" class="col-sm-10 col-form-label sr-only">Best contact number:</label>
                        <div class="col-sm-10 input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon-phone"><i class="fa fa-phone fa-lg fa-fw"></i></span>
                            </div>
                            <input type="tel" class="form-control form-control-lg" id="vPhone" name="contact[phone]" value="{{ $contact_data['phone'] }}" placeholder="Best contact number" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="vMessage" class="col-sm-10 col-form-label sr-only">How can we help?</label>
                        <div class="col-sm-10">
                            <textarea rows="6" class="form-control form-control-lg" id="vMessage" name="contact[message]" placeholder="How can we help?" required maxlength="1024">{{ $contact_data['message'] }}</textarea>
                        </div>
                    </div>
                    <div class="bd-highlight p-2">
                        <div class="d-flex justify-content-center">
                            <button type="submit" class="btn btn-outline-primary btn-lg px-5">Send</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>
@endif