@extends('frontend.layouts.master')

@section('title',  $advert->title . ' - ')

@section('header')
    <link rel="stylesheet" type="text/css" href="{{ asset('frontend/lib/fancyBox/jquery.fancybox.css') }}" />
    <style>
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 5px 8px;
    }
    #pointers_map {
        width: 100%;
        height: 360px;
    }
    </style>
@endsection
@section('footer')


<script type="text/javascript" src="http://www.emlakcenneti.com.tr/frontend/lib/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="{{ asset('frontend/js/owl.carousel.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('frontend/lib/fancyBox/jquery.fancybox.js') }}"></script>

<script type="text/javascript" src="/public/frontend/js/marker/src/markerclusterer.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDHgEk3sWHBEh1T_eF9XGeUt3QZHZPqN1o"></script>
<script src="{{ asset('frontend/js/gmaps.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function(){

        var map;
        map = new GMaps({
            div: '#pointers_map',
            lat: {{ $advert->latitude }},
            lng: {{ $advert->longitude }},
            zoom: 15,
            markerClusterer: function(map) {
                return new MarkerClusterer(map);
            }
        });

          map.addMarker({
          lat: {{ $advert->latitude }},
          lng: {{ $advert->longitude }},
            title: '{{ $advert->title }}',
            infoWindow: {
              content: '<h3> {{ $advert->title }}</h3> <p style="color:red">{{ $advert->price }} TL </p> <p> <img src="{{ $advert->photos->first() ? url($advert->photos->first()->file_one) : url('upload/no-photo.png') }}" style="height:100px; margin: 5px 0"> </p> <p> {{ $advert->description }} </p> <p><a href="{{ slug($advert->id, $advert->title) }}" target="_blank">Detaylar</a></p> '
            }
          });

    });
  </script>
@endsection

@section('content')

 <!-- Page Content -->
    <div id="page-content">
        <!-- Breadcrumb -->
        <div class="container">
            <ol class="breadcrumb">
                <li><a href="{{ url('/') }}">{{ dil('Ana Sayfa') }}</a></li> <i class="fa fa-angle-right" aria-hidden="true"></i>
                <li><a href="{{ attribut_title($advert->status) }}">{{ attribut_title($advert->status) }}</a></li> <i class="fa fa-angle-right" aria-hidden="true"></i>
                <li><a href="{{ city($advert->city) }}">{{ city($advert->city) }}</a></li> <i class="fa fa-angle-right" aria-hidden="true"></i>
                <li><a href="{{ state($advert->state) }}">{{ state($advert->state) }}</a></li> <i class="fa fa-angle-right" aria-hidden="true"></i>
                <li class="active">{{ $advert->title }}</li>
            </ol>
        </div>
        <!-- end Breadcrumb -->

        <div class="container">
            <div class="row">
                <!-- Property Detail Content -->
                <div class="col-md-9 col-sm-9">
                    <section id="property-detail">
                        <header class="property-title">
                            <h1>{{ $advert->title }}</h1>
                        </header>
                        <section id="property-gallery">
                            <div class="owl-carousel property-carousel">

                                            @foreach($advert->photos as $photo)
                                <div class="property-slide">
                                    <a href="{{ url($photo->file_one) }}" class="image-popup">
                                        <div class="overlay"><h3>{{ $advert->title }}</h3></div>
                                        <img alt="{{ $advert->title }}" src="{{ $advert->photos->first() ? url($photo->file_one) : url('upload/no-photo.png') }}">
                                    </a>
                                </div><!-- /.property-slide -->
                                            @endforeach

                            </div><!-- /.property-carousel -->
                        </section>
                        <div class="row">

                            <div class="col-md-12 col-sm-12">
                                <section id="description">
                                    <header><h2>{{ dil('İlan Detayı') }}</h2></header>
                                    <p>                            {!! $advert->content !!}</p>
                                </section><!-- /#description -->
                        @if($advert->distance != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Ulaşım') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->distance) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->in_feature != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('İç Özellikleri') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->in_feature) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->out_feature != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Dış Özellikleri') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->out_feature) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->facedes != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Cephe') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->facedes) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->milieus != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Muhit') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->milieus) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->landscapes != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Manzara') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->landscapes) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                        @if($advert->housing_types != 'null')
                                <section id="property-features">
                                    <header><h2>{{ dil('Konut Tipi') }}</h2></header>
                                    <ul class="list-unstyled property-features-list">
                                @foreach(json_decode($advert->housing_types) as $value)
                                    <li> <i class="fa fa-check-square-o fa-lg"></i> {{ attribut_title($value) }} </li>
                                @endforeach
                                    </ul>
                                </section><!-- /#property-features -->
                        @endif

                                <section id="property-map">
                                    <header><h2>{{ dil('Harita') }}</h2></header>
                                    <div class="property-detail-map-wrapper">
                                        <div class="property-detail-map" id="pointers_map"></div>
                                    </div>
                                </section><!-- /#property-map -->
  <hr>
                            </div><!-- /.col-md-8 -->

                            <div class="col-md-12 col-sm-12">
                                <section id="contact-agent">

                                    <div class="row">
                                        <section class="agent-form">
                                            <div class="col-md-12 col-sm-12">
                                                <aside class="agent-info clearfix">
                                                  <header><h3>Danışman: {{ $advert->user->first_name }} {{ $advert->user->last_name }}</h3></header>
                                                    <figure><a href="#"><img alt="avatar" src="{{ url($advert->user->avatar) }}"></a></figure>
                                                    <div class="agent-contact-info">

                                                        <dl>
                                                            <dt>{{ dil('Tel') }}:</dt>
                                                            <dd>{{ $advert->user->phone }}</dd>
                                                            <dt>{{ dil('Email') }}:</dt>
                                                            <dd><a href="mailto:{{ $advert->user->email }}">{{ $advert->user->email }}</a></dd>
                                                            <dt>{{ dil('Web') }}:</dt>
                                                            <dd>{{ $advert->user->web }}</dd>
                                                            <dt>{{ dil('Adres') }}:</dt>
                                                            <dd>{{ $advert->user->adress }}</dd>
                                                        </dl>
                                                    </div>
                                                </aside><!-- /.agent-info -->
                                            </div><!-- /.col-md-7 -->
                                            <div class="col-md-12 col-sm-12">
                                                <div class="agent-form">

                                                    <form role="form" id="form-contact-agent" action="{{ route('advert.message.post', $advert->id) }}" method="post"  class="clearfix">
            {!! csrf_field() !!}
                                                        <div class="form-group">
                                                            <label for="form-contact-agent-name">{{ dil('Ad Soyad') }}<em>*</em></label>
                                                            <input type="text" class="form-control"  id="name" name="name" required>
                                                        </div><!-- /.form-group -->
                                                        <div class="form-group">
                                                            <label for="form-contact-agent-email">{{ dil('Email Adres') }}<em>*</em></label>
                                                            <input type="email" class="form-control"  id="email" name="email" required>
                                                        </div><!-- /.form-group -->
                                                        <div class="form-group">
                                                            <label for="form-contact-agent-message">{{ dil('Mesaj') }}<em>*</em></label>
                                                            <textarea class="form-control" name="message" id="message" rows="4" required>
{{ url('/') }}'dan ilanlara bakıyordum ve sizin ilanınız dikkatimi çekti.
{{ city($advert->city) }}/{{ state($advert->state) }}/{{ street($advert->street) }}, {{ $advert->referance_code }} numaralı emlak hakkında detaylı bilgi almak istiyorum.
Bana en kısa zamanda geri dönüş yapabilirseniz sevinirim.  </textarea>
                                                        </div><!-- /.form-group -->
                                                        <div class="form-group">
                                                            <button type="submit" class="btn pull-right btn-default" id="btn-send-contact">{{ dil('Gönder') }}</button>
                                                        </div><!-- /.form-group -->
                                                        <div id="form-contact-agent-status"></div>
                                                    </form><!-- /#form-contact -->

                                                </div><!-- /.agent-form -->
                                            </div><!-- /.col-md-5 -->
                                        </section><!-- /.agent-form -->
                                    </div><!-- /.row -->
                                </section><!-- /#contact-agent -->

                            </div><!-- /.col-md-12 -->
                        </div><!-- /.row -->
                    </section><!-- /#property-detail -->
                </div><!-- /.col-md-9 -->
                <!-- end Property Detail Content -->

                <div class="col-md-3 col-sm-3">

                    <section id="quick-summary" class="clearfix">
                          <h2>{{ $advert->price }} <i class="fa fa-try" aria-hidden="true"></i></h2>
                          <ol class="breadcrumb">
                              <li><a style="color:black;font-size:15px;" href="{{ attribut_title($advert->status) }}">{{ attribut_title($advert->status) }}</a></li>
                              <li><a style="color:black;font-size:15px;" href="{{ city($advert->city) }}">{{ city($advert->city) }}</a></li>
                              <li><a style="color:black;font-size:15px;" href="{{ state($advert->state) }}">{{ state($advert->state) }}</a></li>
                          </ol>

                        <dl>
                          <dt>İlan Kodu</dt><dd><span class="tag price">#{{ $advert->referance_code }}</span></dd>
                            <dt>{{ dil('İlan Tarihi') }}:</dt><dd>{{ $advert->created_at->format('d-m-Y') }}</dd>

                                @if($advert->status)
                            <dt>{{ dil('Durumu') }}:</dt><dd>{{ attribut_title($advert->status) }}</dd>
                                @endif
                                @if($advert->type)
                            <dt>{{ dil('Türü') }}:</dt><dd>{{ $advert->type }}</dd>
                                @endif
                            @if($advert->parsel_no)
                                <dt>{{ dil('Parsel No') }}:</dt><dd>{{ $advert->parsel_no }}</dd>
                            @endif
                            @if($advert->ada_no)
                                <dt>{{ dil('Ada No') }}:</dt><dd>{{ $advert->ada_no }}</dd>
                            @endif
                            @if($advert->m2_fiyat)
                                <dt>{{ dil('M2 Fiyat') }}:</dt><dd>{{ $advert->m2_fiyat }}</dd>
                            @endif

                                <dt>{{ dil('Site İçi') }}:</dt><dd>{{ $advert->site_ici=="1"?"Evet":"Hayır" }}</dd>

                                @if($advert->heating_system)
                            <dt>{{ dil('Isıtma Sistemi') }}:</dt><dd>{{ attribut_title($advert->heating_system) }}</dd>
                                @endif
                                @if($advert->background)
                            <dt>{{ dil('Zemin Durumu') }}:</dt><dd>{{ attribut_title($advert->background) }}</dd>
                                @endif
                                @if($advert->rooms)
                            <dt>{{ dil('Oda Salon') }}:</dt><dd>{{ $advert->rooms }}</dd>
                                @endif
                                @if($advert->bathrooms)
                            <dt>{{ dil('Banyo Sayısı') }}:</dt><dd>{{ $advert->bathrooms }}</dd>
                                @endif
                                @if($advert->floors)
                            <dt>{{ dil('Kat Sayısı') }}:</dt><dd>{{ attribut_title($advert->floors) }}</dd>
                                @endif
                                @if($advert->floor_location)
                            <dt>{{ dil('Bulundugu Kat') }}:</dt><dd>{{ attribut_title($advert->floor_location) }}</dd>
                                @endif
                                @if($advert->meter)
                            <dt>{{ dil('Metrekare') }}:</dt><dd>{{ $advert->meter }} <b>m²</b></dd>
                                @endif
                                @if($advert->age)
                            <dt>{{ dil('Bina Yaşı') }}:</dt><dd>{{ $advert->age }}</dd>
                                @endif

                            <dt>{{ dil('Krediye Uygunluk') }}:</dt><dd> @if($advert->is_credit == 0) Uygun Degil @endif
                                        @if($advert->is_credit == 1) Uygun @endif
                                        @if($advert->is_credit == 2) Kiralık @endif</dd>

                                @if($advert->deposit)
                            <dt>{{ dil('Depozito') }}:</dt><dd>{{ $advert->deposit }}</dd>
                                @endif
                                @if($advert->user_status)
                            <dt>{{ dil('Kullanım Durumu') }}:</dt><dd>{{ attribut_title($advert->user_status) }}</dd>
                                @endif
                                @if($advert->student_singles)
                            <dt>{{ dil('Öğrenciye/Bekara') }}:</dt><dd>{{ attribut_title($advert->student_singles) }}</dd>
                                @endif
                                @if($advert->deed)
                            <dt>{{ dil('Tapu Durumu') }}:</dt><dd>{{ attribut_title($advert->deed) }}</dd>
                                @endif
                            <dt>{{ dil('Adres') }}:</dt><dd>{{ $advert->address }}</dd>


                        </dl>
                    </section><!-- /#quick-summary -->
                    <section id="sidebar">
           @include('frontend.helpers.liste')
 </section><!-- /#sidebar -->
                </div><!-- /.col-md-4 -->
                <!-- end Sidebar -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div>
    <!-- end Page Content -->

@endsection