@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">
            <h2 class="bold uppercase  wow animated fadeInUp"
                data-wow-delay="300ms"
                data-wow-duration="800ms">Missoni Baia Concierge
            </h2>
            <h1 class="wow animated fadeInUp"
                data-wow-delay="600ms"
                data-wow-duration="800ms">
                By Luxury Concierge Network
            </h1>
        </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">
            <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>

            <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>

            <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>

            <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>

            <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>

          </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