@extends('home.layouts.master')

@section('title','Property Details')

@section('content')

    <div class="hero-wrap" style="background-image: url('{{asset('FrontendAsset/images/bg_1.jpg')}}');">
        <div class="overlay"></div>
        <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
            <div class="col-md-9 ftco-animate text-center">
            <p class="breadcrumbs" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><span class="mr-2"><a href="{{url('/')}}">Home</a></span> <span class="mr-2"><a href="{{url('blog')}}">Blog</a></span> <span>Property Single</span></p>
            <h1 class="mb-3 bread">Property Single</h1>
            </div>
        </div>
        </div>
    </div>

    <section class="ftco-section">
        <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-12 ftco-animate">
                        <div class="single-slider owl-carousel">
                            <div class="item">
                                <div class="properties-img" style="background-image: url('{{asset('FrontendAsset/images/properties-1.jpg')}}');"></div>
                            </div>
                            <div class="item">
                                <div class="properties-img" style="background-image: url('{{asset('FrontendAsset/images/properties-2.jpg')}}');"></div>
                            </div>
                            <div class="item">
                                <div class="properties-img" style="background-image: url('{{asset('FrontendAsset/images/properties-3.jpg')}}');"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 Properties-single mt-4 mb-5 ftco-animate">
                        <h2>Crowne Plaza Columbus</h2>
                        <p class="rate mb-4">
                            <span class="loc"><a href="#"><i class="icon-map"></i> 291 South 21th Street, Suite 721 New York NY 10016</a></span>
                            </p>
                            <p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
                            <div class="d-md-flex mt-5 mb-5">
                                <ul>
                                    <li><span>Lot Area: </span> 1,250 SQ FT</li>
                                    <li><span>Bed Rooms: </span> 4</li>
                                    <li><span>Bath Rooms: </span> 4</li>
                                    <li><span>2 Garage: </span> 4</li>
                                </ul>
                                <ul class="ml-md-5">
                                    <li><span>Floor Area: </span> 1,300 SQ FT</li>
                                    <li><span>Year Build:: </span> 2018</li>
                                    <li><span>Stories: </span> 1</li>
                                    <li><span>Roofing: </span> New</li>
                                </ul>
                            </div>
                            <p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
                    </div>
                    <div class="col-md-12 properties-single ftco-animate mb-5 mt-4">
                        <h3 class="mb-4">Take A Tour</h3>
                        <div class="block-16">
                        <figure>
                            <img src="{{asset('FrontendAsset/images/properties-6.jpg')}}" alt="Image placeholder" class="img-fluid"  loading="lazy">
                            <a href="https://vimeo.com/45830194" target="_blank" class="play-button" class_demo="popup-vimeo">
                                <span class="icon-play"></span>
                            </a>
                        </figure>
                    </div>
                    </div>

                    @include('home.components.ratings')

            <div class="col-md-12 properties-single ftco-animate mb-5 mt-5">
                <h4 class="mb-4">Related Properties</h4>
                <div class="row">
                    <div class="col-md-6 ftco-animate">
                            <div class="properties">
                                <a href="{{url('property_details')}}" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('{{asset('FrontendAsset/images/properties-1.jpg')}}');">
                                    <div class="icon d-flex justify-content-center align-items-center">
                                        <span class="icon-search2"></span>
                                    </div>
                                </a>
                                <div class="text p-3">
                                    <span class="status sale">Sale</span>
                                    <div class="d-flex">
                                        <div class="one">
                                            <h3><a href="{{url('property_details')}}">North Parchmore Street</a></h3>
                                            <p>Apartment</p>
                                        </div>
                                        <div class="two">
                                            <span class="price">$20,000</span>
                                        </div>
                                    </div>
                                    <p>Far far away, behind the word mountains, far from the countries</p>
                                    <hr>
                                    <p class="bottom-area d-flex">
                                        <span><i class="flaticon-selection"></i> 250sqft</span>
                                        <span class="ml-auto"><i class="flaticon-bathtub"></i> 3</span>
                                        <span><i class="flaticon-bed"></i> 4</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 ftco-animate">
                            <div class="properties">
                                <a href="{{url('property_details')}}" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url('{{asset('FrontendAsset/images/properties-2.jpg')}}');">
                                    <div class="icon d-flex justify-content-center align-items-center">
                                        <span class="icon-search2"></span>
                                    </div>
                                </a>
                                <div class="text p-3">
                                    <span class="status sale">Sale</span>
                                    <div class="d-flex">
                                        <div class="one">
                                            <h3><a href="{{url('property_details')}}">North Parchmore Street</a></h3>
                                            <p>Apartment</p>
                                        </div>
                                        <div class="two">
                                            <span class="price">$20,000</span>
                                        </div>
                                    </div>
                                    <p>Far far away, behind the word mountains, far from the countries</p>
                                    <hr>
                                    <p class="bottom-area d-flex">
                                        <span><i class="flaticon-selection"></i> 250sqft</span>
                                        <span class="ml-auto"><i class="flaticon-bathtub"></i> 3</span>
                                        <span><i class="flaticon-bed"></i> 4</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                </div>
            </div>

                </div>
            </div> <!-- .col-md-8 -->
            <div class="col-lg-4 sidebar ftco-animate">
            <div class="sidebar-box">
                <form action="#" class="search-form">
                <div class="form-group">
                    <span class="icon fa fa-search"></span>
                    <input type="text" class="form-control" placeholder="Type a keyword and hit enter">
                </div>
                </form>
            </div>
            <div class="sidebar-box ftco-animate">
                <div class="categories">
                <h3>Categories</h3>
                <li><a href="#">Properties <span>(12)</span></a></li>
                <li><a href="#">Home <span>(22)</span></a></li>
                <li><a href="#">House <span>(37)</span></a></li>
                <li><a href="#">Villa <span>(42)</span></a></li>
                <li><a href="#">Apartment <span>(14)</span></a></li>
                <li><a href="#">Condominium <span>(140)</span></a></li>
                </div>
            </div>

            <div class="sidebar-box ftco-animate">
                <h3>Recent Blog</h3>
                <div class="block-21 mb-4 d-flex">
                <a class="blog-img mr-4" style="background-image: url('{{asset('FrontendAsset/images/image_1.jpg')}}');"></a>
                <div class="text">
                    <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
                    <div class="meta">
                    <div><a href="#"><span class="icon-calendar"></span> July 12, 2018</a></div>
                    <div><a href="#"><span class="icon-person"></span> Admin</a></div>
                    <div><a href="#"><span class="icon-chat"></span> 19</a></div>
                    </div>
                </div>
                </div>
                <div class="block-21 mb-4 d-flex">
                <a class="blog-img mr-4" style="background-image: url('{{asset('FrontendAsset/images/image_2.jpg')}}');"></a>
                <div class="text">
                    <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
                    <div class="meta">
                    <div><a href="#"><span class="icon-calendar"></span> July 12, 2018</a></div>
                    <div><a href="#"><span class="icon-person"></span> Admin</a></div>
                    <div><a href="#"><span class="icon-chat"></span> 19</a></div>
                    </div>
                </div>
                </div>
                <div class="block-21 mb-4 d-flex">
                <a class="blog-img mr-4" style="background-image: url('{{asset('FrontendAsset/images/image_3.jpg')}}');"></a>
                <div class="text">
                    <h3 class="heading"><a href="#">Even the all-powerful Pointing has no control about the blind texts</a></h3>
                    <div class="meta">
                    <div><a href="#"><span class="icon-calendar"></span> July 12, 2018</a></div>
                    <div><a href="#"><span class="icon-person"></span> Admin</a></div>
                    <div><a href="#"><span class="icon-chat"></span> 19</a></div>
                    </div>
                </div>
                </div>
            </div>



            <div class="sidebar-box ftco-animate">
                <h3>Tag Cloud</h3>
                <div class="tagcloud">
                <a href="#" class="tag-cloud-link">Property</a>
                <a href="#" class="tag-cloud-link">Land</a>
                <a href="#" class="tag-cloud-link">Plot</a>
                <a href="#" class="tag-cloud-link">Flat</a>
                <a href="#" class="tag-cloud-link">Sale</a>
                <a href="#" class="tag-cloud-link">Rent</a>
                <a href="#" class="tag-cloud-link">Appartment</a>
                <a href="#" class="tag-cloud-link">Villa</a>
                </div>
            </div>

            <div class="sidebar-box ftco-animate">
                <h3>Paragraph</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus itaque, autem necessitatibus voluptate quod mollitia delectus aut, sunt placeat nam vero culpa sapiente consectetur similique, inventore eos fugit cupiditate numquam!</p>
            </div>
            </div>
        </div>
        </div>
    </section> <!-- .section -->

  @endsection