@extends('app_client')

@section('title', 'Home | ' . $property->name)

@section('content')
    <div class="content">
        <!-- Hero Image -->
        <div class="hero" style="background-image: url({{ asset('assets/images/venues/hero/' . $property->hero_image) }})">
            <div class="hero-title {{ $property->slug == 'loulavie' ? 'loulavie' : '' }}">
                <div class="text-wrapper">
                    @if ($property->slug !== 'fivepark')
                        @if ($property->slug === 'missonibaia')
                            <h2 class="bold uppercase  wow animated fadeInUp" data-wow-delay="300ms" data-wow-duration="800ms">
                                Missoni Baia Concierge
                            </h2>
                        @elseif($property->slug !== 'paraisobay' && $property->slug !== 'rcrmb')
                            <h2 class="bold uppercase  wow animated fadeInUp" data-wow-delay="300ms"
                                data-wow-duration="800ms">
                                Welcome
                            </h2>
                        @endif
                        <h1 class="wow animated fadeInUp" data-wow-delay="600ms" data-wow-duration="800ms">
                            @if ($property->slug == 'lcn')
                                {{ 'LCN Concierge Assistant Gateway' }}
                            @elseif($property->slug == 'apogee')
                                {{ $property->name . ' Concierge' }}
                            @elseif($property->slug == 'aria')
                                {{ $property->name }}
                            @elseif($property->slug == 'collectionsuites')
                                {{ $property->name }}
                            @elseif($property->slug == 'oneocean')
                                One Ocean Concierge
                            @elseif($property->slug == 'paramountmiami')
                                Paramount Lifestyle
                            @elseif($property->slug == 'gagb')
                                Grove at Grand Bay Concierge
                            @elseif($property->slug == 'fontainebleauowners')
                                Fontainebleau Owner Services Concierges
                            @elseif($property->slug == 'paraisobay')
                                Paraiso Bay Master Concierge
                            @elseif($property->slug == 'pinnacle')
                                Pinnacle Concierge
                            @elseif($property->slug == 'tdrtowerlll')
                                TDR Tower III Concierge
                            @elseif($property->slug == 'trumphollywood')
                                Trump Hollywood Concierge
                            @elseif($property->slug == 'fendichateau')
                                Fendi Chateau Concierge
                            @elseif($property->slug == 'ficlub')
                                {{ 'Fisher Island Club Concierge' }}
                            @elseif($property->slug == 'muranoatportofino')
                                {{ 'Murano At Portofino Concierge' }}
                            @elseif($property->slug == 'missonibaia')
                                {{ 'By Luxury Concierge Network' }}
                            @elseif($property->slug == 'rcrmb')
                                THE RITZ-CARLTON RESIDENCES MIAMI BEACH <br />VIRTUAL CONCIERGE
                            @else
                                {{ $property->name . ' Concierge' . ($property->id != 2 && $property->id != 7 ? ' Gateway' : '') }}
                            @endif
                        </h1>
                        @if ($property->slug == 'ficlub' || $property->slug == 'muranoatportofino' || $property->slug == 'rcrmb')
                            <h5 class="col-white wow animated fadeInUp" data-wow-delay="800ms" data-wow-duration="800ms">
                                by Luxury Concierge Network
                            </h5>
                        @endif
                    @endif
                </div>
            </div>
        </div>
        <!-- Content -->
        <div class="container-fluid">
            <div class="desktop-content">
                <div class="row">
                    @if ($property->concierge_platform)
                        <!-- Resident Perks -->
                        <div class="col-sm-4">
                            <!-- Panel -->
                            <div class="panel news-dash">
                                <!-- Panel Heading -->
                                <div class="panel-heading">
                                    <span class="panel-icon icon-price_tag_finance_product_info_details"></span>
                                    <h3 class="panel-title">
                                        @if ($property->slug == 'lcn')
                                            {{ 'Concierge Perks' }}
                                        @elseif($property->slug == 'loulavie' || $property->slug == 'ficlub' || $property->slug == 'lifestyle')
                                            {{ 'Member Perks' }}
                                        @else
                                            {{ 'Resident Perks' }}
                                        @endif
                                    </h3>
                                </div><!--./panel-heading -->
                                <!-- Panel Content -->
                                <div class="panel-content" ng-controller="DirectoryCtlr">
                                    <ul class="panel-list perks">
                                        @if ($perks->count())
                                            @foreach ($perks as $perk)
                                                <li>
                                                    @if ($perk->parent->directory)
                                                        <a class="directory-link"
                                                            href="/directories/{{ $perk->parent->directory->slug }}">{{ $perk->parent->directory->name }}
                                                        </a>
                                                    @else
                                                        <a class="directory-link">{{ $perk->parent->custom_directory }}</a>
                                                    @endif
                                                    <div class="place"><span class="place-type">{{ $perk->title }}</span>
                                                    </div>
                                                    @if ($perk->parent->directory)
                                                        <a class="btn-small accent view"
                                                            href="/directories/{{ $perk->parent->directory->slug }}"
                                                            style="font-size: 12px;">View
                                                        </a>
                                                    @endif
                                                    @if ($perk->request)
                                                        <a class="btn-small green request" style="font-size: 12px;"
                                                            ng-click="modal_perk_request_open({{ $perk->parent->id }})">{{ $property->id == 6 ? 'Service Request' : 'Request​' }}
                                                        </a>
                                                    @endif
                                                </li>
                                            @endforeach
                                            <div class="more center">
                                                <a class="btn-oval-transparent small view-all"
                                                    href="{{ url('perks') }}">Read All</a>
                                            </div>
                                        @else
                                            {!! $empty !!}
                                        @endif
                                    </ul>
                                </div><!--./panel-content -->

                            </div><!--./panel -->

                        </div><!--./col-sm-4 -->
                    @else
                        <!-- Community News -->
                        <div class="col-sm-6 col-md-4 col-xs-12">
                            <div class="panel news-dash news-dash-{{ $property->slug }}">

                                <div class="panel-heading">
                                    <span class="panel-icon icon-skyscraper_company_office_commercial_building_3"></span>
                                    <h3 class="panel-title">
                                        @if ($property->slug == 'loulavie')
                                            {{ $property->name . ' News' }}
                                        @elseif($property->slug == 'lcn')
                                            Concierge News
                                        @elseif($property->slug == 'paramountmiami')
                                            Paramount News
                                        @else
                                            Community News
                                        @endif
                                    </h3>
                                </div><!--./panel-heading -->

                                <div class="panel-content">
                                    @if ($community_news->count())
                                        <ul class="panel-list">
                                            @foreach ($community_news as $article)
                                                <li>
                                                    <div class="media">
                                                        <div class="media-left media-top">
                                                            <span class="image lazy"
                                                                data-original="{{ asset($article->parent->get_title_image()) }}"
                                                                style="background-image:url({{ asset('assets/images/loading.svg') }})">
                                                            </span>
                                                        </div>
                                                        <div class="media-body">
                                                            <span
                                                                class="date">{{ date('m/d/y', strtotime($article->parent->created_at)) }}</span>
                                                            <a
                                                                href="{{ url('news/community/' . $article->parent->slug) }}">{{ $article->parent->title }}</a>
                                                            <p>{{ read_more(strip_tags($article->content), 60) }}</p>
                                                        </div>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                        <div class="more center">
                                            <a href="{{ url('news/community') }}"
                                                class="btn-oval-transparent small view-all">Read All</a>
                                        </div>
                                    @else
                                        {!! $empty !!}
                                    @endif
                                </div><!--./panel-content -->

                            </div><!--./panel -->

                        </div><!--./col-sm-4 -->
                    @endif
                    <!-- Concierge Recommendations -->
                    <div class="col-sm-6 col-md-4 col-xs-12">
                        <div class="panel news-dash news-dash-{{ $property->slug }}">
                            <div class="panel-heading word-wrap">
                                <span class="panel-icon icon-hotel_service_employee_manager_concierge"></span>
                                <h3 class="panel-title">Concierge Recommendations</h3>
                            </div><!--./panel-heading -->
                            <div class="panel-content">
                                @if ($concierge_recommendations->count())
                                    <ul class="panel-list recommendations">
                                        @foreach ($concierge_recommendations as $recommendation_info)
                                            <li>
                                                <div class="recommendation"
                                                    style="background-image:url({{ asset('assets/images/recommendations/' . $recommendation_info->parent->image) }})">
                                                    <div class="recommendation-info">
                                                        <h4>{{ $recommendation_info->parent->title }}</h4>
                                                        <h2>{{ strlen($recommendation_info->subtitle) < 100 ? $recommendation_info->subtitle : substr($recommendation_info->subtitle, 0, 100) . ' ...' }}
                                                        </h2>
                                                        <a class="btn btn-small more-info"
                                                            href="{{ url('/recommendations/' . $recommendation_info->parent->slug) }}">More
                                                            info</a>
                                                    </div>
                                                    <div class="overlay"></div>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                    <div class="more center">
                                        <a href="{{ url('recommendations') }}"
                                            class="btn-oval-transparent small  view-all">Read All</a>
                                    </div>
                                @else
                                    {!! $empty !!}
                                @endif
                            </div><!--./panel-content -->
                        </div><!--./panel -->
                    </div><!--./col-sm-4 -->
                    <!-- Upcoming Events -->
                    <div class="col-sm-12 col-md-4 col-xs-12">
                        <div class="panel news-dash news-dash-{{ $property->slug }}">
                            <div class="panel-heading">
                                <span class="panel-icon icon-wineglass_goblet_glass_drink_toast_party_clink"></span>
                                <h3 class="panel-title">Upcoming Events</h3>
                            </div><!--./panel-heading -->
                            <div class="panel-content">
                                @if ($events->count())
                                    <ul class="panel-list perks">
                                        @foreach ($events as $event)
                                            <a class="nohover"
                                                href="{{ url('events/' . $event->slug . '/' . $event->date_slug) }}">
                                                <li class="hoverable">
                                                    <div class="calendar-date">
                                                        <h3 class="day">{{ date('d', strtotime($event->start_date)) }}
                                                        </h3>
                                                        <span
                                                            class="month uppercase">{{ date('M', strtotime($event->start_date)) }}</span>
                                                    </div>
                                                    {{ $event->title }}
                                                    <span class="place"><span
                                                            class="place-type">{{ $event->location }}</span></span>
                                                </li>
                                            </a>
                                        @endforeach
                                    </ul>
                                    <div class="more center">
                                        <a href="{{ url('calendar') }}" class="btn-oval-transparent small view-all">Read
                                            All</a>
                                    </div>
                                @else
                                    {!! $empty !!}
                                @endif
                            </div><!--./panel-content -->
                        </div><!--./panel -->
                    </div><!--./col-sm-4 -->
                </div><!--./row -->
                <div class="dashboard-news">
                    <div class="row">
                        <!-- Lifestyle News -->
                        <div class="col-sm-12 col-md-8">
                            <div class="panel panel-{{ $property->slug }}">
                                <div class="section-header">
                                    <span
                                        class="section-icon icon-vacation_beach_sun_sea_ocean_sand_lounger_umbrella_nature_travel"></span>
                                    <h2>{{ 'Lifestyle News' }}</h2>
                                    @if ($lifestyle_news->count())
                                        <a href="{{ url('news/lifestyle') }}" class="btn-oval-transparent action">Read
                                            All</a>
                                    @endif
                                </div>
                                <div class="row">
                                    @if ($lifestyle_news->count())
                                                                                @foreach ($lifestyle_news as $article)
                                            @if ($i == 0)
                                                <div class="col-sm-8">
                                                    <div class="news-item">
                                                        <div class="news-item-image"
                                                            style="background-image: url({{ $article->parent->get_title_image() }});
                              background-size: {{ $article->parent->images->count() ? 'cover' : 'contain' }};
                              background-repeat: no-repeat">
                                                        </div>
                                                        <a href="{{ url('news/lifestyle/' . $article->parent->slug) }}"
                                                            class="news-title">{{ $article->parent->title }}</a>
                                                        <p>{{ read_more(strip_tags($article->content), 100) }}</p>
                                                        <a href="{{ url('news/lifestyle/' . $article->parent->slug) }}"
                                                            style="font-size:12px;"><button
                                                                class="btn-small accent view">Read more</button></a>
                                                    </div>
                                                </div><!--./col-sm-8 -->
                                            @else
                                                <div class="col-sm-4">
                                                    <div class="news-item-small">
                                                        <div class="news-item-image"
                                                            style="background-image: url({{ $article->parent->get_title_image() }});
                                background-size: {{ $article->parent->images->count() ? 'cover' : 'contain' }};
                                background-repeat: no-repeat">
                                                        </div>
                                                        <a
                                                            href="{{ url('news/lifestyle/' . $article->parent->slug) }}">{{ $article->parent->title }}</a>
                                                        <a href="{{ url('news/lifestyle/' . $article->parent->slug) }}"
                                                            style="width: auto; font-size:12px;"><button
                                                                class="btn-small accent view">Read more</button></a>
                                                    </div>
                                                </div><!--./col-sm-4 -->
                                            @endif
                                                                                    @endforeach
                                    @else
                                        <div class="col-sm-8">
                                            {!! $empty !!}
                                        </div>
                                    @endif
                                </div><!--./row -->
                            </div><!--./panel -->
                        </div><!--./col-sm-8 -->

                        @if ($property->concierge_platform)
                            <!-- Community News -->
                            <div class="col-sm-12 col-md-4">
                                <div class="panel news-dash news-dash-{{ $property->slug }}">
                                    <div class="panel-heading">
                                        <span
                                            class="panel-icon icon-skyscraper_company_office_commercial_building_3"></span>
                                        <h3 class="panel-title">
                                            @if ($property->slug == 'loulavie')
                                                {{ $property->name . ' News' }}
                                            @elseif($property->slug == 'lcn')
                                                {{ 'Concierge News' }}
                                            @else
                                                {{ 'Community News' }}
                                            @endif
                                        </h3>
                                    </div><!--./panel-heading -->
                                    <div class="panel-content">
                                        @if ($community_news->count())
                                            <ul class="panel-list">
                                                @foreach ($community_news as $article)
                                                    <li>
                                                        <div class="media">
                                                            <div class="media-left media-top">
                                                                <span class="image lazy"
                                                                    data-original="{{ asset($article->parent->get_title_image()) }}"
                                                                    style="background-image:url({{ asset('assets/images/loading.svg') }})"></span>
                                                            </div>
                                                            <div class="media-body">
                                                                <span
                                                                    class="date">{{ date('m/d/y', strtotime($article->parent->created_at)) }}</span>
                                                                <a
                                                                    href="{{ url('news/community/' . $article->parent->slug) }}">{{ $article->parent->title }}</a>
                                                                <p>{{ read_more(strip_tags($article->content), 60) }}</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>
                                            <div class="more center">
                                                <a href="{{ url('news/community') }}"
                                                    class="btn-oval-transparent small view-all">Read All</a>
                                            </div>
                                        @else
                                            {!! $empty !!}
                                        @endif
                                    </div><!--./panel-content -->
                                </div><!--./panel -->
                            </div><!--./col-sm-4 -->
                        @else
                            <!-- Resident Perks -->
                            <div class="col-sm-12 col-md-4">
                                <div class="panel news-dash news-dash-{{ $property->slug }}">
                                    <div class="panel-heading">
                                        <span class="panel-icon icon-price_tag_finance_product_info_details"></span>
                                        <h3 class="panel-title">
                                            @if ($property->slug == 'lcn')
                                                {{ 'Concierge Perks' }}
                                            @elseif($property->slug == 'loulavie' || $property->slug == 'ficlub' || $property->slug == 'lifestyle')
                                                {{ 'Member Perks' }}
                                            @else
                                                {{ 'Resident Perks' }}
                                            @endif
                                        </h3>
                                    </div><!--./panel-heading -->
                                    <div class="panel-content" ng-controller="modalCtlr">
                                        <ul class="panel-list perks">
                                            @if ($perks->count())
                                                @foreach ($perks as $perk)
                                                    <li class="perk"
                                                        ng-init="get_index_perks({{ $perk->parent->id }})">
                                                        @if ($perk->parent->directory)
                                                            <a class="directory-link"
                                                                href="{{ url('directories/' . $perk->parent->directory->slug) }}">{{ $perk->parent->directory->name }}
                                                            </a>
                                                        @else
                                                            <a
                                                                class="directory-link">{{ $perk->parent->custom_directory }}</a>
                                                        @endif
                                                        <div class="place"><span
                                                                class="place-type">{{ $perk->title }}</span></div>
                                                        <div class="controls">
                                                            @if ($perk->parent->directory)
                                                                <a class="btn-small accent view" style="font-size: 12px;"
                                                                    href="{{ url('directories/' . $perk->parent->directory->slug) }}">View
                                                                </a>
                                                            @else
                                                                <a class="btn-small accent view" style="font-size: 12px;"
                                                                    href="{{ url('directories/' . $perk->parent->custom_directory_slug) }}">View
                                                                </a>
                                                            @endif
                                                            @if ($perk->request)
                                                                <a class="btn-small green request half-width"
                                                                    style="font-size: 12px; margin-left: 3px"
                                                                    ng-click="index_modal_perk_request_open({{ $perk->parent->id }})"
                                                                    ng-show="perks.length != 0">{{ $property->id == 6 ? 'Service Request' : 'Request​' }}
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </li>
                                                @endforeach
                                                <div class="more center">
                                                    <a class="btn-oval-transparent small view-all"
                                                        href="{{ url('perks') }}">Read All
                                                    </a>
                                                </div>
                                            @else
                                                {!! $empty !!}
                                            @endif
                                        </ul>
                                    </div><!--./panel-content -->
                                </div><!--./panel -->
                            </div><!--./col-sm-4 -->
                        @endif
                    </div><!--./row -->
                </div><!--./dashboard-news -->
            </div><!--./desktop-top-content -->
            <div class="row">
                <div class="mobile-content word-wrap">
                    <div class="equality">
                        @if ($property->concierge_platform)
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/directories') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i class="icon-label_folder_phone_book_contacts_documents_3"></i>
                                        </div>
                                        <h5>Directory</h5>
                                    </div>
                                </a>
                            </div>
                        @else
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/news/community') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i class="icon-skyscraper_company_office_commercial_building_3"></i>
                                        </div>
                                        <h5>
                                            @if ($property->slug == 'loulavie')
                                                {{ $property->name . ' News' }}
                                            @elseif($property->slug == 'lcn')
                                                {{ 'Concierge News' }}
                                            @else
                                                {{ 'Community News' }}
                                            @endif
                                        </h5>
                                    </div>
                                </a>
                            </div>
                        @endif
                        <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                            <a href="{{ url('/recommendations') }}">
                                <div class="mobile-content-location">
                                    <div class="content-icon">
                                        <i class="icon-hotel_service_employee_manager_concierge"></i>
                                    </div>
                                    <h5>Concierge Recommendations</h5>
                                </div>
                            </a>
                        </div>
                        <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                            <a href="{{ url('/calendar') }}">
                                <div class="mobile-content-location">
                                    <div class="content-icon">
                                        <i class="icon-wineglass_goblet_glass_drink_toast_party_clink"></i>
                                    </div>
                                    <h5>Events</h5>
                                </div>
                            </a>
                        </div>
                        @if ($property->slug == 'iconsouthbeach')
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/faq') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i class="icon-message_chat_bubble_comment_talk_conversation"></i>
                                        </div>
                                        <h5>{{ 'FAQ' }}</h5>
                                    </div>
                                </a>
                            </div>
                        @else
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/news/lifestyle') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i
                                                class="icon-vacation_beach_sun_sea_ocean_sand_lounger_umbrella_nature_travel"></i>
                                        </div>
                                        <h5>{{ 'Lifestyle News' }}</h5>
                                    </div>
                                </a>
                            </div>
                        @endif
                        <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                            <a href="{{ url('perks') }}">
                                <div class="mobile-content-location">
                                    <div class="content-icon">
                                        <i class="icon-price_tag_finance_product_info_details"></i>
                                    </div>
                                    <h5>
                                        @if ($property->slug == 'lcn')
                                            {{ 'Concierge Perks' }}
                                        @elseif($property->slug == 'loulavie' || $property->slug == 'ficlub' || $property->slug == 'lifestyle')
                                            {{ 'Member Perks' }}
                                        @else
                                            {{ 'Resident Perks' }}
                                        @endif
                                    </h5>
                                </div>
                            </a>
                        </div>
                        @if ($property->slug == 'lcn')
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/news/community') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i class="icon-skyscraper_company_office_commercial_building_3"></i>
                                        </div>
                                        <h5>Concierge News</h5>
                                    </div>
                                </a>
                            </div>
                        @else
                            <div class="equality-item equality-item-{{ $property->slug }} card shadowed">
                                <a href="{{ url('/directories') }}">
                                    <div class="mobile-content-location">
                                        <div class="content-icon">
                                            <i class="icon-label_folder_phone_book_contacts_documents_3"></i>
                                        </div>
                                        <h5>Directory</h5>
                                    </div>
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div><!--./mobile-content -->
        </div><!--./container-fluid -->
    </div>
    <!-- Modal -->
    @include('client.partials.modal.perk')
@endsection

@section('script')
    <script type="text/javascript" src="/assets/js/match-height.js"></script>
    <script type="text/javascript">
        angular.module('luxury-concierge', [
            'ui.dateTimeInput',
            'ui.bootstrap.datetimepicker',
            'ngFileUpload',
            'modal',
            'directories',
            'user',
            'socket',
            'liveChat'
        ]);
    </script>
    <script type="text/javascript" src="/assets/js/moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/angular-moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/dateTimeInput.js"></script>
    <script type="text/javascript" src="/assets/js/datetimepicker.js"></script>
    <script type="text/javascript" src="/assets/js/datetimepicker.templates.js"></script>
    <script type="text/javascript" src="/assets/js/ng-file-upload-shim.min.js"></script>
    <script type="text/javascript" src="/assets/js/ng-file-upload.min.js"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/directories.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/user.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/socket.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/liveChat.js') }}"></script>
    <script type="text/javascript" src="{{ elixir('assets/js/controllers/modal.js') }}"></script>
    <script type="text/javascript">
        $(function() {
            $('.panel').matchHeight();
        });
    </script>
@endsection