@extends('layouts.admin-simple')

@section('title')
    Property Browser
@stop

@section('body-class')
    open hide-secondary-sidebar
@stop

@section('scripts')
    {{ HTML::script( URL::asset('assets/js/charts.js') ) }}
@endsection

@section('main')
    <div class="property-browser">
        <div class="property-browser-left">
            <strong>Today</strong>
            <div class="row">
                <div class="col-sm-6">
                    <div class="property-preview active">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/1.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Mark Street</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->

                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/2.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Ever Ave. 850</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->
            </div><!-- /.row -->

            <strong>Yesterday</strong>
            <div class="row">
                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/3.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Mark Street</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->

                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/4.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Ever Ave. 850</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->
            </div><!-- /.row -->

            <strong>Last Week</strong>
            <div class="row">
                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/5.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Mark Street</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->

                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/6.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Ever Ave. 850</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->
            </div><!-- /.row -->

            <div class="row">
                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/1.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Mark Street</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->

                <div class="col-sm-6">
                    <div class="property-preview">
                        <div class="property-preview-image">
                            <a href="#" class="property-preview-action">
                                <i class="fa fa-pencil"></i>
                            </a><!-- /.property-preview-action -->

                            <a href="#">
                                <img src="{{{ URL::asset('assets/img/tmp/medium/2.jpg') }}}" alt="">
                            </a>
                        </div><!-- /.property-preview-image -->

                        <div class="property-preview-content">
                            <h3><a href="#">Ever Ave. 850</a></h3>
                        </div><!-- /.property-preview-content -->
                    </div><!-- /.property-preview -->
                </div><!-- /.col-* -->
            </div><!-- /.row -->
        </div><!-- /.property-browser-left -->

        <div class="property-browser-right">
            <h1 class="page-header">Property Detail</h1>
            @include('helpers/properties/info')
            @include('helpers/properties/chart')

            <div class="row">
                <div class="col-sm-6">
                    <h2 class="page-header">Map Position</h2>

                    <div class="box">
                        <input id="pac-input" class="controls" type="text" placeholder="Enter a location">

                        <div id="map-canvas"></div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
                                    <input class="form-control" type="text" placeholder="Latitude">
                                </div><!-- /.form-group -->
                            </div><!-- /.col-* -->

                            <div class="col-sm-6">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
                                    <input class="form-control" type="text" placeholder="Lontgitude">
                                </div><!-- /.form-group -->
                            </div><!-- /.col-* -->
                        </div><!-- /.row -->
                    </div><!-- /.box -->
                </div>

                <div class="col-sm-6">
                    <h2 class="page-header">Gallery</h2>

                    <div class="box">
                        <input type="file" id="input-file">
                    </div><!-- /.box -->
                </div>
            </div><!-- /.row -->
                        
            @include('helpers/properties/valuation')
            @include('helpers/properties/amenities')
        </div><!-- /.property-browser-right -->
    </div><!-- /.property-browser -->
@stop