@extends('layouts.master-second')

@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))
                                <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="/{{ $slug }}/{{ $item->master_id == 0 ? $item->id : 'all' }}/categories/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' => '/' . $slug . '/9/partners/' . $partner->id,
                                ])
                            @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