@extends('frontend.layouts.master')

@section('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: 6px 8px;
    }
    </style>
@endsection
@section('footer')
<script type="text/javascript" src="{{ asset('frontend/lib/jquery.elevatezoom.js') }}"></script>
<script type="text/javascript" src="{{ asset('frontend/lib/fancyBox/jquery.fancybox.js') }}"></script>
@endsection

@section('content')

<!-- Modal -->
<div class="modal fade" id="mySendMessage" tabindex="-1" role="dialog" aria-labelledby="mySendMessageLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="mySendMessageLabel">Mesaj Gönder</h4>
      </div>
      <div class="modal-body">
        <div class="contact-form-box">
          <div class="form-group">
            <label>Ad Soyad</label>
            <input type="text" class="form-control input-sm" id="order_reference" />
          </div>
          <div class="form-group">
            <label>Email adres</label>
            <input type="text" class="form-control input-sm" id="email" />
          </div>
          <div class="form-group">
            <label>Telefon</label>
            <input type="text" name="phone" class="form-control input-sm" id="phone" />
          </div>
          <div class="form-group">
            <label>Mesaj</label>
            <textarea class="form-control input-sm" rows="5" name="message" id="message">
İlanlara bakıyordum ve sizin ilanınız dikkatimi çekti. Emlak hakkında detaylı bilgi almak istiyorum.
Bana en kısa zamanda geri dönüş yapabilirseniz sevinirim. Teşekkürler.
                </textarea>
          </div>
          <div class="form-group">
            <button id="btn-send-contact" class="btn btn-success">Gönder</button>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
      </div>
    </div>
  </div>
</div>
<div class="columns-container">
  <div class="container" id="columns">
    <!-- breadcrumb -->
    <div class="breadcrumb clearfix"> <a class="home" href="#" title="Return to Home">Ana Sayfa</a> <span class="navigation-pipe">&nbsp;</span> <a href="#" title="Return to Home">Satılık</a> <span class="navigation-pipe">&nbsp;</span> <a href="#" title="Return to Home">Konya</a> <span class="navigation-pipe">&nbsp;</span> <a href="#" title="Return to Home">Selçuklu</a> <span class="navigation-pipe">&nbsp;</span> <span class="navigation_page">Sahibinden satılık sıfır daire</span> </div>
    <!-- ./breadcrumb -->
    <!-- row -->
    <div class="row">
      <!-- Left colunm -->
      <div class="column col-xs-12 col-sm-3" id="left_column">

        <!-- SPECIAL -->
        <div class="block left-module">
          <div class="block_content">
            <ul class="products-block">
              <li>
                <div id="address-box"> <a href="#"><img src="frontend/images/logo.png" alt="" /></a>
                  <p class="product-price">**** Emlak Ofisi</p>
                  <div id="address-list">
                    <div class="tit-name">Yetkili:</div>
                    <div class="tit-contain">Ad Soyad</div>
                  </div>
                </div>
              </li>
              <li>
                <div id="address-box">
                  <div id="address-list">
                    <div class="tit-name">Adres:</div>
                    <div class="tit-contain">Deneme adres deneme deneme 4455.</div>
                    <div class="tit-name">Gsm:</div>
                    <div class="tit-contain">0555 333 22 11</div>
                    <div class="tit-name">Tel:</div>
                    <div class="tit-contain">0555 333 22 11</div>
                    <div class="tit-name">Email:</div>
                    <div class="tit-contain">mail@adresiniz.com</div>
                    <div class="tit-name">Web:</div>
                    <div class="tit-contain">www.websitem.com</div>
                  </div>
                </div>
              </li>
              <li>
                <hr>
              </li>
              <li > <a href="" class="btn btn-xs btn-default">Profili</a> <a href="" class="btn btn-xs btn-default">Tüm İlanları</a> <a href="#mySendMessage" data-toggle="modal" data-target="#mySendMessage" class="btn btn-xs btn-danger">Mesaj Gönder</a> </li>
            </ul>
          </div>
        </div>
        <!-- ./SPECIAL -->

        <!-- block category -->
        <div class="block left-module">
          <div class="block_content">
            <!-- layered -->
            <div class="layered layered-category">
              <div class="layered-content">
                <ul class="tree-menu">
                  <li><a href="#"><i class="fa fa-print"></i> Yazdır</a></li>
                  <li><a href="#"><i class="fa fa-envelope-o fa-fw"></i> E-Posta olarak gönder</a></li>
                  <li><a href="#"><i class="fa fa-share-alt"></i> Paylaş</a></li>
                  <li>
                    <hr>
                  </li>
                  <li><a href=""><i class="fa fa-bug"></i>İlan ile İlgili Şikayetim Var</a></li>
                </ul>
              </div>
            </div>
            <!-- ./layered -->
          </div>
        </div>
        <!-- ./block category  -->

        <!-- left silide -->
        <div class="col-left-slide left-module">
          <div class="banner-opacity"> <a href="#">Reklam Alanı</a> </div>
        </div>
        <!--./left silde-->
      </div>
      <!-- ./left colunm -->
      <!-- Center colunm-->
      <div class="center_column col-xs-12 col-sm-9" id="center_column">
        <!-- Product -->
        <div id="product">
          <div class="primary-box row">
            <div class="pb-left-column col-xs-12 col-sm-7">
              <!-- product-imge-->
              <div class="product-image">
                <div class="product-full"> <img id="product-zoom" src='frontend/data/bs2.jpg' data-zoom-image="frontend/data/bs2.jpg"/> </div>
                <div class="product-img-thumb" id="gallery_01">
                  <ul class="owl-carousel" data-items="3" data-nav="true" data-dots="false" data-margin="20" data-loop="true">
                    <li> <a href="#" data-image="frontend/data/bs2.jpg" data-zoom-image="frontend/data/bs2.jpg"> <img id="product-zoom"  src="frontend/data/bs2.jpg" /> </a> </li>
                    <li> <a href="#" data-image="frontend/data/bs2.jpg" data-zoom-image="frontend/data/bs2.jpg"> <img id="product-zoom"  src="frontend/data/bs2.jpg" /> </a> </li>
                    <li> <a href="#" data-image="frontend/data/bs2.jpg" data-zoom-image="frontend/data/bs2.jpg"> <img id="product-zoom"  src="frontend/data/bs2.jpg" /> </a> </li>
                    <li> <a href="#" data-image="frontend/data/bs2.jpg" data-zoom-image="frontend/data/bs2.jpg"> <img id="product-zoom"  src="frontend/data/bs2.jpg" /> </a> </li>
                    <li> <a href="#" data-image="frontend/data/bs2.jpg" data-zoom-image="frontend/data/bs2.jpg"> <img id="product-zoom"  src="frontend/data/bs2.jpg" /> </a> </li>
                  </ul>
                </div>
              </div>
              <!-- product-imge-->
            </div>
            <div class="pb-right-column col-xs-12 col-sm-5">
              <h1 class="product-name">Sahibinden satılık sıfır daire</h1>
              <div class="product-price-group"> <span class="price">23,338.00 <i class="fa fa-try"></i></span> <span class="discount pull-right">#453217907</span> </div>
              <div class="form-action">
                <table class="table table-striped">
                  <tr>
                    <td>İlan Tarihi</td>
                    <td>02.09.2015</td>
                  </tr>
                  <tr>
                    <td>Konut Tipi</td>
                    <td>Satılık Apartman Dairesi</td>
                  </tr>
                  <tr>
                    <td>Konut Şekli</td>
                    <td>Daire</td>
                  </tr>
                  <tr>
                    <td>Banyo Sayısı</td>
                    <td>2</td>
                  </tr>
                  <tr>
                    <td>Kat Sayısı</td>
                    <td>5</td>
                  </tr>
                  <tr>
                    <td>Bulunduğu Kat</td>
                    <td>2</td>
                  </tr>
                  <tr>
                    <td>Yakıt Tipi</td>
                    <td>Doğalgaz</td>
                  </tr>
                  <tr>
                    <td>Yapı Tipi</td>
                    <td>Betonarme</td>
                  </tr>
                  <tr>
                    <td>Yapının Durumu</td>
                    <td>İkinci El</td>
                  </tr>
                  <tr>
                    <td>Kullanım Durumu</td>
                    <td>Boş</td>
                  </tr>
                  <tr>
                    <td>Tapu Durumu</td>
                    <td>Kat İrtifakı</td>
                  </tr>
                  <tr>
                    <td>Krediye Uygunluk</td>
                    <td>Uygun</td>
                  </tr>
                  <tr>
                    <td>Öğrenciye/Bekara</td>
                    <td>Evet</td>
                  </tr>
                  <tr>
                    <td>Cephe Seçenekleri</td>
                    <td>Güney</td>
                  </tr>
                  <tr>
                    <td>Kira Getirisi</td>
                    <td>1.500 TL</td>
                  </tr>
                  <tr>
                    <td>Yetki Sözleşmesi</td>
                    <td>Yok</td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <h4 class="page-heading"> <span class="page-heading-title  tye-title">İlan Detayı</span> </h4>
          <div class="content-text clearfix">
            <p>Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consecvtetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel.</p>
            <p>Integer rutrum ante eu lacus.Vestibulum libero nisl, porta vel, scelerisque eget, <a href="#">malesuada at</a>, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. </p>
          </div>
          <h4 class="page-heading"> <span class="page-heading-title tye-title">İç Özellikleri</span> </h4>
          <div class="content-text clearfix">
            <ul class="tye-checked">
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
            </ul>
          </div>
          <h4 class="page-heading"> <span class="page-heading-title tye-title">Dış Özellikleri</span> </h4>
          <div class="content-text clearfix">
            <ul class="tye-checked">
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
            </ul>
          </div>
          <h4 class="page-heading"> <span class="page-heading-title tye-title">Konum</span> </h4>
          <div class="content-text clearfix">
            <ul class="tye-checked">
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
              <li class="col-md-3"> <i class="fa fa-check-square-o fa-lg"></i> Özellik deneme</li>
            </ul>
          </div>
          <h4 class="page-heading"> <span class="page-heading-title tye-title">Maps</span> </h4>

          <!-- box product -->
          <div class="page-product-box">
            <h3 class="heading">Benzer İlanlar</h3>
            <ul class="product-list owl-carousel" data-dots="false" data-loop="true" data-nav = "true" data-margin = "30" data-autoplayTimeout="1000" data-autoplayHoverPause = "true" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
              <li>
                <div class="product-container">
                  <div class="left-block"> <a href="#"> <img class="img-responsive" alt="product" src="frontend/data/bs2.jpg" /> </a>
                    <div class="quick-view"> <a title="Add to my wishlist" class="heart" href="#"></a> <a title="Add to compare" class="compare" href="#"></a> <a title="Quick view" class="search" href="#"></a> </div>
                    <div class="add-to-cart"> <a title="İncele" href="#add">İncele</a> </div>
                  </div>
                  <div class="right-block">
                    <h5 class="product-name"><a href="#">Deneme ilan adı deneme deneme</a></h5>
                    <div class="product-star"> Konya/Yazır </div>
                    <div class="content_price"> <span class="price product-price">300.00 <i class="fa fa-try"></i></span> </div>
                  </div>
                </div>
              </li>
              <li>
                <div class="product-container">
                  <div class="left-block"> <a href="#"> <img class="img-responsive" alt="product" src="frontend/data/bs2.jpg" /> </a>
                    <div class="quick-view"> <a title="Add to my wishlist" class="heart" href="#"></a> <a title="Add to compare" class="compare" href="#"></a> <a title="Quick view" class="search" href="#"></a> </div>
                    <div class="add-to-cart"> <a title="İncele" href="#add">İncele</a> </div>
                  </div>
                  <div class="right-block">
                    <h5 class="product-name"><a href="#">Deneme ilan adı deneme deneme</a></h5>
                    <div class="product-star"> Konya/Yazır </div>
                    <div class="content_price"> <span class="price product-price">300.00 <i class="fa fa-try"></i></span> </div>
                  </div>
                </div>
              </li>
              <li>
                <div class="product-container">
                  <div class="left-block"> <a href="#"> <img class="img-responsive" alt="product" src="frontend/data/bs2.jpg" /> </a>
                    <div class="quick-view"> <a title="Add to my wishlist" class="heart" href="#"></a> <a title="Add to compare" class="compare" href="#"></a> <a title="Quick view" class="search" href="#"></a> </div>
                    <div class="add-to-cart"> <a title="İncele" href="#add">İncele</a> </div>
                  </div>
                  <div class="right-block">
                    <h5 class="product-name"><a href="#">Deneme ilan adı deneme deneme</a></h5>
                    <div class="product-star"> Konya/Yazır </div>
                    <div class="content_price"> <span class="price product-price">300.00 <i class="fa fa-try"></i></span> </div>
                  </div>
                </div>
              </li>
              <li>
                <div class="product-container">
                  <div class="left-block"> <a href="#"> <img class="img-responsive" alt="product" src="frontend/data/bs2.jpg" /> </a>
                    <div class="quick-view"> <a title="Add to my wishlist" class="heart" href="#"></a> <a title="Add to compare" class="compare" href="#"></a> <a title="Quick view" class="search" href="#"></a> </div>
                    <div class="add-to-cart"> <a title="İncele" href="#add">İncele</a> </div>
                  </div>
                  <div class="right-block">
                    <h5 class="product-name"><a href="#">Deneme ilan adı deneme deneme</a></h5>
                    <div class="product-star"> Konya/Yazır </div>
                    <div class="content_price"> <span class="price product-price">300.00 <i class="fa fa-try"></i></span> </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <!-- ./box product -->
        </div>
        <!-- Product -->
      </div>
      <!-- ./ Center colunm -->
    </div>
    <!-- ./row-->
  </div>
</div>
@endsection