<!-- ====== Breadcrumbs Area====== --> 
<?php 
    use yii\helpers\Html;
    $path = Yii::$app->request->baseUrl . '/frontend/web/staticImg/';
    //echo '<pre/>';
    //print_r($model);
?>
   <div class="breadcrumbs-area">
       <div class="container">
           <div class="row">
               <div class="col-md-12">
                   <div class="breadcrumbs">
                       <span class="first-item">
                            <!-- <a href="index01.html">Home</a> -->
                            <?= Html::a('Home',['index']);?>
                        </span>
                       <span class="separator">&gt;</span>
                       <span class="last-item">Hall Details</span>
                   </div>
               </div><!-- /.col-md-12 -->
           </div><!-- /.row -->
       </div><!-- /.container -->
   </div><!-- /.breadcrumbs-area -->

	<!-- ====== Apartments-Single-Area ======= --> 
	<div class="apartment-single-area">
	  	<div class="container">
		  	<div class="row">
			    <div class="col-md-8">
    				<div class="corousel-gallery-content">
    					  <div class="gallery">
    					       <div class="full-view">
                                <?php 
                                    if($model->hotel_image != ''){
                                        $model->hotel_image = $model->hotel_image;
                                    }else{
                                        $model->hotel_image = "defaultImage.png";
                                    }
                                ?>
    					     		  <img src=<?= $path.'/'.$model->hotel_image ?> alt="corousel">
    					       </div>
    					  </div> <!-- /.gallery-two -->
    				</div> <!-- /.corousel-gallery-content -->

    				<div class="family-apartment-content mobile-extend">
                        <div class="tb">
                            <div class="tb-cell">
        					   <h3 class="apartment-title">Family Apartment</h3>
                            </div><!-- /.tb-cell -->
                            <div class="tb-cell">
        					   <p class="pull-right rent">Rent 52222></p>
                            </div><!-- /.tb-cell -->
                        </div><!-- /.tb -->
    					<div class="clearfix"></div><!-- /.clearfix -->
    					<p class="apartment-description default-gradient-before">3000 sq-ft., 3 Bedroom, Semi-furnished, Luxurious, South facing Apartment for Rent in Rangs Malancha, Melbourne.</p>
    					<div class="price-details">
    						<h3>Price Details-</h3>
    						<ul>
    							<li><span>Rent/Month: </span> $550 (negotiable)</li>
    							<li><span>Service Charge :</span> 8,000/= Tk per month, subject to change</li>
    							<li><span>Security Deposit :</span> 3 month’s rent</li>
    							<li><span>Flat Release Policy :</span> 3 months earlier notice required</li>
    						</ul>
    					</div><!-- /.price -->

    					<div class="property-details">
    						<h3>Property Details-</h3>
    						<ul>
    							<li><span>Address  &amp; Area :</span> Rangs Malancha, House-68, Road-6A (Dead End Road), Dhanmondi Residential Area.</li>
    							<li><span>Flat Size :</span> 3000 Sq Feet.</li>
    							<li><span>Floor :</span> A5 (5th Floor) (6 storied Building ) (South Facing Unit)</li>
    							<li><span>Room Category :</span> 3 Large Bed Rooms with 3 Verandas, Spacious Drawing, Dining &amp; Family    Living Room, Highly Decorated Kitchen with Store Room and Servant room with attached Toilet.</li>
    							<li><span>Facilities :</span> 1 Modern Lift, All Modern Amenities &amp; Semi Furnished.</li>
    							<li><span>Additional Facilities :</span> a. Electricity with full generator load, b. Central Gas Geyser, c. 2 Car Parking with 1 Driver’s Accommodation, d. Community Conference Hall, e. Roof Top Beautified Garden and Grassy Ground, f. Cloth Hanging facility with CC camera </li>
    						</ul>
    					</div><!-- /.Property -->
    					<div class="apartment-overview">
    						<div class="row">
    							<div class="col-md-12">
    								<h3>Apartment Overview</h3>
    								<div class="overview">
                                        <ul>
                                            <li>Deposit / Bond <span class="pull-right">$225000.00</span></li>
                                            <li>computer <span class="pull-right">03</span></li>
                                            <li>Total Area (sq. ft) <span class="pull-right">300</span></li>
                                            <li>Total Floors <span class="pull-right">06</span></li>
                                            <li>Car Parking Per Space <span class="pull-right">02</span></li>    
                                            <li>Air Condition <span class="pull-right">Yes</span></li>
                                            <li>Car Parking Per Space <span class="pull-right">02</span></li>    
                                            <li>Air Condition <span class="pull-right">Yes</span></li>
                                        </ul>
                                    </div><!-- /.apartment-overview -->
    							</div><!-- /.col-md-12 -->
    						</div><!-- /.row -->
    					</div><!-- /.overview -->
    					<div class="indoor-features">
    						<div class="row">
    							<div class="col-md-6">
    								<h3 class="features-title">Indoor features:</h3>
    								<ul class="features-list">
    									<li>Community Hall</li>
    									<li>Safety Grills</li>
    									<li>Servants Room</li>
    									<li>Servants Toilet</li>
    									<li>Fire exit</li>
    									<li>CCTV</li>
    									<li>WASA connection</li>
    									<li>DESCO connection</li>
    									<li>TITAS GAS connection</li>
    									<li>alcony</li>
    									<li>Inter Com</li>
    								</ul>
    							</div><!-- /.col-md-6 -->
    							<div class="col-md-6">
    								<h3 class="features-title">Indoor features:</h3>
    								<ul class="features-list">
    									<li>South facing</li>
    									<li>Roof Top Garden</li>
    									<li>Drivers quarters</li>
    									<li>Generator</li>
    									<li>Lift</li>
    								</ul>
    							</div><!-- /.col-md-6 -->
    						</div><!-- /.row -->
    					</div><!-- /.indoor -->
    				</div><!-- /.family-apartment-content -->
                    <div class="hidden-md hidden-lg text-center extend-btn">
                        <span class="extend-icon">
                            <i class="fa fa-angle-down"></i>
                        </span>
                    </div>
			    </div> <!-- /.col-md-8 -->

    			<div class="col-md-4">
                    <div class="apartment-sidebar">                    
        				<div class="widget_rental_search clerafix">					
        					<div class="form-border gradient-border">
        						<form action="https://htmlguru.net/house-rent/booking.html" method="get" class="advance_search_query booking-form">
        							<div class="form-bg seven">
        								<div class="form-content">
                                            <h2 class="form-title">Book This Apartment</h2>
        									<div class="form-group">
        									   <label>Full Name</label>
        									   <input type="text" name="FirstName" placeholder="Full name">
        									</div><!-- /.form-group -->
        									<div class="form-group">
                            					<label>Phone Number</label>
                                                <input type="tel" name="phone number" placeholder="+99(99)9999-9999">
        									</div><!-- /.form-group -->
        									<div class="form-group">
        										<label>Email Address</label>
        										<input type="email" name="Email" placeholder="example@domain.com">
        									</div><!-- /.form-group -->
        									<div class="form-group">
        									    <label>Family Member</label>
                                                <input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" size="4" class="input-text">
        									</div><!-- /.form-group -->
                                            <div class="form-group">
                                                <label>Children</label>
                                                <input type="number" step="1" min="1" max="100" name="quantity" value="1" title="Qty" size="4" class="input-text">
                                            </div><!-- /.form-group -->
        									<div class="form-group">
        									    <label>Your Message</label>
        		                                <textarea name="message" placeholder="Message" class="form-controller"></textarea>
        									</div><!-- /.form-group -->
        									<div class="form-group">
        										<button type="submit" class="button default-template-gradient button-radius">Request Booking</button>
        									</div><!-- /.form-group -->
        								</div><!-- /.form-content -->
        							</div><!-- /.form-bg -->
        						</form> <!-- /.advance_search_query -->
        					</div><!-- /.form-border -->
        				</div><!-- /.widget_rental_search -->
                    </div><!-- /.apartment-sidebar -->
    			</div> <!-- .col-md-4 -->
		  	</div> <!-- /.row -->
	  	</div> <!-- /.container -->
  	</div> <!-- /.appartment-single-area -->
    <!-- ====== Contact Area ====== --> 
    <div class="contact-area">
        <div class="container-large-device">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-7">
                        <div class="map-left-content">
                            <iframe width="600" height="350" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyC871wKM6aoCLSV_pT3xBVsYzNGXaDh7Pw&amp;q=121King+St,Melbourne+VIC+3000,Australia" allowfullscreen="allowfullscreen"></iframe>
                        </div><!-- /.mapl-left-content -->
                    </div><!-- /.col-md-7 -->
                    <div class="col-md-5">
                        <div class="map-right-content">
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <div class="contact">
                                        <h4><i class="fa fa-address-book"></i>Address</h4>
                                        <p>112/B - Road 121, King/St Melbourne Australia</p>
                                    </div><!-- /.contact -->
                                </div><!-- /.col-md-6 -->
                                <div class="col-md-6 col-sm-6">
                                    <div class="contact">
                                        <h4><i class="fa fa-envelope"></i>Mail</h4>
                                        <p>yourmail@domain.com houserent@domain.com</p>
                                    </div><!-- /.contact -->
                                </div><!-- /.col-md-6 -->
                            </div><!-- /.row -->
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <div class="contact">
                                        <h4><i class="fa fa-phone-square"></i>Call</h4>
                                        <p>+99 0215469875 <br/>666 35874692050</p>
                                    </div><!-- /.contact -->
                                </div><!-- /.col-md-6 -->
                                <div class="col-md-6 col-sm-6">
                                    <div class="contact">
                                        <h4><i class="fa fa-user-circle"></i>Social account</h4>
                                        <div class="social-icon">
                                            <a href="#"><i class="fa fa-facebook"></i></a>
                                            <a href="#"><i class="fa fa-twitter"></i></a>
                                            <a href="#"><i class="fa fa-instagram"></i></a>
                                            <a href="#"><i class="fa fa-google-plus"></i></a>
                                        </div><!-- /.Social-icon -->
                                    </div><!-- /.contact -->
                                </div><!-- /.col-md-6 -->
                            </div><!-- /.row -->
                        </div><!-- /.map-right-content -->
                    </div><!-- /.col-md-5 -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
    </div><!-- /.contact-area -->

