@extends('layouts.master-new')
@section('content')
{{-- Partner Hero --}}
<div class="bkg-image partner-hero" style="background-image: url('{{ isset($partner->banner) ? $partner->banner : '' }}');">
    <div class="overlay-primary"></div>
    <div class="content">
        <div class="panel no-border">
            <div class="panel-header">
                <div class="tile">
                    <div class="tile-icon">
                        <figure class="partner avatar">
                            <img src="{{ isset($partner->logo) ? $partner->logo : '' }}" alt="">
                        </figure>
                    </div>
                    <div class="tile-content ml-10 mt-40">
                        <p class="tile-title fs-28 bold mb-5">{{ $partner->name }}</p>
                        <p class="tile-subtitle">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="far fa-star"></i>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container bg-gray p-20">
    <div class="container grid-xl">
        {{-- Desc and Social --}}
        <div class="card">
            <div class="card-body container grid-lg py-20">
                <p class="text-center fs-15 m-0">{{ isset($partner->description) ? $partner->description : '' }}</p>
            </div>
            <div class="card-footer bt-gray text-center py-15 m-0">
                    <div class="social-links">
                        <ul class="social-nav partner-pg m-0">
                            @if(isset($partner->social->facebook) && $partner->social->facebook != '')
                                <li><a href="{{ $partner->social->facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                            @endif
                            @if(isset($partner->social->twitter) && $partner->social->twitter != '')
                                <li><a href="{{ $partner->social->twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
                            @endif
                            @if(isset($partner->social->instagram) && $partner->social->instagram != '')
                                <li><a href="{{ $partner->social->instagram }}" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            @endif
                            @if(isset($partner->social->youtube) && $partner->social->youtube != '')
                            <li><a href="{{ $partner->social->youtube }}" target="_blank"><i class="fab fa-youtube"></i></a></li>
                            @endif
                            @if(isset($partner->website) && strpos($partner->website, 'http') !== false)
                                <li><a href="{{ $partner->website }}" target="_blank"><i class="fa fa-globe-americas mb-10"></i></a></li>
                            @endif
                        </ul>
                    </div>
            </div>
        </div>
        {{-- Promociones  --}}
        <div class="columns mt-20">
            @foreach ($promotions as $key => $item)
                <div class="column col-4 col-md-12 col-lg-6 mb-10">
                  @if(true)
                    <a href="{{ '#termsConditions' . $item->id }}"">
                        <div class="card bg-primary promotions">
                            <div class="card-body text-center text-light">
                                <h4 class="uppercase mb-5">{{ isset($item->title) ? $item->title : '' }}</h4>
                                <h5 class="light m-0">{{ isset($item->sub_title) ? $item->sub_title : '' }}</h5>
                            </div>
                        </div>
                    </a>
                  @else
                    <a href="#loginModal">
                        <div class="card bg-primary promotions">
                            <div class="card-body text-center text-light">
                                <h4 class="uppercase mb-5">{{ isset($item->title) ? $item->title : '' }}</h4>
                                <h5 class="light m-0">{{ isset($item->sub_title) ? $item->sub_title : '' }}</h5>
                            </div>
                        </div>
                    </a>
                  @endif
                </div>
                <div class="modal modal-md" id="{{ 'termsConditions' . $item->id }}">
                    <a href="#close" class="modal-overlay" aria-label="Close"></a>
                    <div class="modal-container">
                        <div class="modal-header">
                            <a href="#close" class="btn btn-clear float-right" aria-label="Close"></a>
                            <div class="modal-title h5">T&eacute;rminos y condiciones</div>
                        </div>
                        <div class="modal-body">
                            <div class="content">
                                <p style="justify-content: justify;">{!! isset($item->legals) ? $item->legals : 'No existen términos y condiciones' !!}</p>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="columns mt-10">
            {{-- Sucursales --}}
            <div class="column col-4 col-md-12">
                <div class="card">
                    <div class="card-header bb-secundary pb-15 pt-20 mx-15 px-5">
                        <i class="fa fa-map-marked-alt text-secundary pr-10"></i><span class="text-secundary bold">Sucursales</span>
                        <p class="hint-text">Recuerda que estas viendo resultados según la ciudad que filtraste.</p>
                    </div>
                    <div class="card-body sucursales-content">
                        @foreach ($offices as $office)
                            <div class="sucursal-card">
                                <h6 class="bold">{{ $office->name }}</h6>
                                <p>{{ $office->location->first_address . ' ' . $office->location->second_address }}</p>
                                {{-- <p>Barrios Usaquén</p> --}}
                                {{-- <p>{{ $office->location[0]->name }}</p> --}}
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            {{-- Mapa --}}
            <div class="column col-8 col-md-12">
                <div class="card">
                    <div class="card-body p-0">
                        @component('partials.g-map', [
                            'divHeight'=>'432px',
                            'map'=>[ 'center' => $cityPosition, 'zoom' => 10 ],
                            'markers'=> $markers,
                            'data' => [
                                'categories' => $partnerCategories,
                                'cities' => $cities,
                                'slug' => $slug,
                                'category' => $category,
                                'hideCat' => 'true'
                            ],
                        ])@endcomponent
                    </div>
                </div>
            </div>
        </div>
        {{-- Categorías --}}
        @if(count($partnerCategories) > 0)
            <div class="card mt-20 mb-20">
                <div class="partner-categories card-body text-center py-25">
                    @foreach ($partnerCategories as $item)
                        @if($item->master_id == 0)
                            <a href="/categories/{{ $item->name }}/all" class="partner-social-link">
                                <img id="{{ 'cat-' . $item->id }}" src="#" alt="{{ $item->name }}" data-cat="{{ $item->id }}">
                                <span>{{ $item->name }}</span>
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>
        @endif
        {{-- Marcas Relacionadas --}}
        @if(count($related)>0)
            <div class="text-center mt-30">
                <h5 class="bold my-20">Estas marcas también te pueden interesar</h5>
            </div>
            <div class="columns mb-20">
                @foreach ($related as $partner)
                    <div class="column col-3 col-md-6 col-sm-12">
                        @component('partials.partner-card',[
                            'id' => $partner->id,
                            'cover' => isset($partner->banner) ? $partner->banner : '',
                            'logo' => isset($partner->logo) ? $partner->logo : '',
                            'title' => isset($partner->name) ? $partner->name : '',
                            'subtitle' => isset($partner->description) ? $partner->description : '',
                            'url' => 'https://www.yekoclub.com/partner/' . $partner->name,
                        ])@endcomponent
                    </div>
                @endforeach
            </div>
        @endif
    </div>
</div>
@endsection
@section('extra-footer')
<script>

$(document).ready(function(){
    images();
});

var images = function(){

    var aImages = $('.partner-categories').find('img');

    $.each( aImages, function( key, value ) {

        var category = $(this).attr('data-cat');
        var url = 'https://v2.yekoclub.com/cms/public/categories/icon?category=' + category + '&domain=' + '{{ $account }}';

        $.get(url, {account: "{{ $account }}", category: category}, function(response){
            $('#cat-' + category).attr('src', response.file);
        }).fail(function(err){
            console.log(err);
        });

    });
}

</script>
@endsection