@extends('layouts.web')
@section('content')
<style>
.navbar-fixed-padding-top {padding-top: 125px;}
.termsform{font-size:15px;}
.termsform ul{margin:25px 0;}
.termsform ul li{margin-bottom:10px;}
</style>
<nav class="navbar navbar-default navbar-fixed-top stuck">
    <div class="container">
        @include('include.navbar')
    </div>
</nav>
    
    <div class="container navbar-fixed-padding-top">
        @if(Session::has('Success') || Session::has('Error'))
            @php $_SERVER['HTTP_REFERER'] = ''; @endphp
        @endif
    	@if(isset($_SERVER['HTTP_REFERER']) && !empty($_SERVER['HTTP_REFERER']))
        	<div class="breadcrumb-block">
                <a href="<br />
<b>Warning</b>:  Undefined array key "HTTP_REFERER" in <b>/home/albumbz/public_html/bid2rent/resources/views/properties/property-detail.blade.php</b> on line <b>21</b><br />
"><i class="fa fa-arrow-left"></i> Back</a>
            </div>
		@endif
    	<div class="row">
            @include('partials.alerts')
            @if(!empty(Auth::user()) && Auth::user()->user_type_id == env('USER_TYPE_TENANT'))
                @if(!in_array($property['id'], array_column($tenant_bid_property, 'property_id')) && $property['bid_selected']==0)
                	<div></div>
                @else
                    <div class="col-sm-12">
                    <div class="text-center form-group bg-warning p-15">You can't bid against this property. Either you have already bid or other tenant's bid has been selected by the owner</div>
                    </div>
                @endif
            @endif
            <div class="col-sm-8">
                <div class="property-detail-top-left mt-0">
                    <h1 class="pdtl-title mt-0">{{ $property['name'] }} <span class="badge">{{ $property['property_type']['name'] }}</span></h1>
                    <h4 class="pdtl-location"># {{ $property['unit'] }} <span style="padding:0 10px;">|</span> {{ $property['address'] }} - {{ $property['emirate']['name'] }}</h4>
                    <div class="property_listing_details row">
                        <div class="inforoom infosize">{{ $property['bedroom_size']['name'] }}<div class="info_labels">bedrooms</div></div>
                        <div class="infobath infosize">{{ $property['washroom_size']['name'] }}<div class="info_labels">bathrooms</div></div> 
                        <div class="infobath infosize">{{ $property['area'] }}<div class="info_labels">size (Sq. Ft.)</div></div> 
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
            	<div class="property-detail-top-right ml-0 mr-0">
                    <div class="pdp-info" align="center">Asking Price</div><div class="pdtr-price text-center mt-0">{{ number_format($property['yearly_price'],2) }} AED <span>/ Year</span></div>
                    @if(!empty(Auth::user()) && Auth::user()->user_type_id == env('USER_TYPE_TENANT'))
                        @if(!in_array($property['id'], array_column($tenant_bid_property, 'property_id')) && $property['bid_selected']==0)
                            @if(strtotime($property['bid_closure_date']) >= strtotime(date("Y-m-d")))
                                <p class="text-center"><a href="javascript:void(0);" class="btn btn-rounded btn-success btn-lg"  data-toggle="modal" data-target="#placeabid">Bid Now</a></p>
                            @else
                                <p class="text-center text-danger">Bid Closing date has been passed</p>
                            @endif
                        @else
                            	
                        @endif
                    @elseif(!empty(Auth::user()) && Auth::user()->user_type_id == env('USER_TYPE_TENANT') && $property['bid_selected']==0)
                        <p class="text-center"><a class="btn btn-rounded btn-success btn-lg" href="javascript:void(0);" data-toggle="modal" data-target="#signin">Bid Now</a></p>                        
                    @elseif(!empty(Auth::user()) && Auth::user()->user_type_id == env('USER_TYPE_LANDLORD'))
                       <p class="text-center"> <a class="btn btn-rounded btn-success btn-lg" href="{{url('/biddings/property-biddings/'.base64_encode($property['id']).'/'.base64_encode($property['landlord_id'])) }}">View All Bids</a></p>
                    @else
                        @if($property['bid_selected']==0)
                            <p class="text-center"><a class="btn btn-rounded btn-success btn-lg" href="javascript:void(0);" data-toggle="modal" data-target="#signin">Bid Now</a></p>                            
                        @endif
                    @endif                    
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
            	<div class="property-detail-panel">
                	@if(!empty($property['media']))
                	<ul id="image-gallery" class="gallery list-unstyled cS-hidden">
                        @foreach($property['media'] as $image)
                        <li data-thumb="{{ url('/').'/'.$image['path'] }}"> 
                            <img src="{{ url('/').'/'.$image['path'] }}" alt=""/>
                        </li>
                        @endforeach
                    </ul>
                    @else
                    	<div class="maxwidth100">
                        	<img src="{{ url('/').'/images/default.jpg'}}" alt=""/>
                        </div>
                    @endif
                </div>
                
                <div class="property-detail-panel">
                	<div class="property-detail-panel-heading">
                    	Description
                    </div>
                    @if(strlen($property['description'])>800)
                        <div class="property-detail-panel-content show-more">
                            <p>{{ $property['description'] }} </p>
                            <a href="javascript:void(0);" class="show-more-button">Show More</a>
                        </div>
                    @else
                        <div class="property-detail-panel-content">
                            <p>{{ $property['description'] }} </p>
                        </div>
                    @endif
                </div>
                
                <div class="property-detail-panel">
                	<div class="property-detail-panel-heading">
                    	Amenities
                    </div>
                    <div class="property-detail-panel-content">
                    	<ul class="amenities-list amenities-list-details row">
                            @foreach($property['amenity_property'] as $amenity)
                        	   <li class="col-sm-6 col-md-4"><span class="{{ $amenities_icon[$amenity['amenity_id']] }}"></span><label>{{ $amenities[$amenity['amenity_id']] }}</label></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
				@if(sizeof($property['property_term']))
				<div class="property-detail-panel">
                	<div class="property-detail-panel-heading">
                    	Terms and conditions
                    </div>
                    <div class="property-detail-panel-content">
                    	<ul class="amenities-list row">
                            @foreach($property['property_term'] as $property_term)
                        	   <li class="col-sm-6">
                               		<div class="checkbox-checked">
                               		<label>{{ $terms_conditions[$property_term['term_id']] }}</label>
                                    </div>
                               </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
				@endif
				
				
                <div class="property-detail-panel">
                	<div class="mapheight" id="map-detail"></div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            	<div class="row">

                    <div class="col-xs-12 col-sm-6 col-md-12">
                        <div class="property-detail-panel text-center">
                            <div class="pdp-info">
                                Monthly Rent<span>{{ number_format($property['monthly_rent'],2) }} AED <span>/ Month</span></span>
                            </div>
                            <hr/>
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="pdp-published-on form-group">
                                        <i>No. Of Payments</i>
                                        {{ $property['no_of_payments']['name'] }}
                                    </div>
                                </div>
                                @if(!empty(Auth::user()) && Auth::user()->user_type_id == env('USER_TYPE_TENANT'))
                                    @if(in_array($property['id'], array_column($tenant_bid_property, 'property_id')))
                                    <div class="col-xs-6">
                                        <div class="pdp-published-on form-group">
                                            <i>Viewing Option</i>
                                            {{ $property['vieweing_option']['name'] }}
                                        </div>
                                    </div>
                                    @endif
                                @endif
                            </div>
                        </div>
                        <div class="property-detail-panel text-center">
                            <div class="pdp-business-name">
                                {{ $property['name'] }}<br/>
                                {{ $property['address'] }}
                            </div>
                            <!-- <div class="property-detail-panel-heading2 mb-0">
                                {{ $property['user']['firstname'].' '.$property['user']['lastname'] }}
                            </div>
                            <div class="property-detail-panel-caption">
                                Agent
                            </div>
                            <div class="property-detail-panel-agent-image">
                            	@if($property['user']['profile_pic'] != '')
                                	<img src="{{ url('/').'/'.$property['user']['profile_pic'] }}" />
                                @endif
                            </div> -->                            
							<hr/>
                            <div class="row">
                                <div class="pdp-published-on">
                                    <i class="mb-1">Reference Number </i>
                                    {{ $property['reference_number'] }}
                                </div>                                
                            </div>
                            <div class="row">
                            	<div class="col-xs-6">
                                	<div class="pdp-published-on form-group">
                                        <i>Posted On</i>
                                        {{ date("j F, Y", strtotime($property['created_at'])) }}
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="pdp-published-on form-group">
                                        <i>Property Term</i>
                                        {{ ($property['property_term_id'] == 1) ? 'Short Term' : 'Long Term' }} - For {{ $property['property_term_period'] }}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                            	<div class="col-xs-6">
                                    <div class="pdp-published-on form-group">
                                        <i>Bid Closure Date</i>
                                        {{ date("j F,   Y", strtotime($property['bid_closure_date'])) }}
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                	<div class="pdp-published-on form-group">
                                        <i>Available From</i>
                                        {{ date("j F, Y", strtotime($property['available_from'])) }}
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <input type="hidden" id="latitude" value="{{ $property['latitude'] }}"/>
                    <input type="hidden" id="longitude" value="{{ $property['longitude'] }}"/>
                
                    <div class="col-xs-12 col-sm-6 col-md-12">
                        <div class="property-detail-panel text-center">
                            <!--<div class="property-detail-panel-heading2 mb-0">
                                Interest Level
                            </div>-->
                            <div id="g1" class="gauge" style="height:180px"></div>
                            <div><br/></div>
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="pdp-info">
                                        No of Views<span>{{ $property['view_count'] }}</span>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="pdp-info">
                                        No of Bids<span>{{ $property['bid_count'] }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-12">
                        <div class="property-detail-panel text-center">                            
                            <div>Landlord Documents</div><br/><br/>
                            <div class="row">
                                <div class="col-xs-6">
                                    <span><a href="javascript:void(0);" data-toggle="modal" data-target="#myModal"><i class="fa fa-file-text"></i> Emirates ID Copy</a></span>
                                </div>
                                <div class="col-xs-6">
                                    <span><a href="javascript:void(0);" data-toggle="modal" data-target="#myPassportModal"><i class="fa fa-file-text"></i> Passport Copy</a></span>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>

                </div>
            </div>
        </div>
    </div> 

    <!-- Emirates ID Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <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="myModalLabel">Emirates ID</h4>
          </div>
          <div class="modal-body">
            <embed src="{{ URL::asset($property['user']['document']) }}" width="100%" height="400px" />
            <input type="hidden" value="{{ $property['user']['document'] }}"  name="current_doc">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Passport Modal -->
    <div class="modal fade" id="myPassportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <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="myModalLabel">Passport Copy</h4>
          </div>
          <div class="modal-body">
            <embed src="{{ URL::asset($property['user']['passport']) }}" width="100%" height="400px" />
            <input type="hidden" value="{{ $property['user']['passport'] }}"  name="current_doc">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

    <div class="modal modal-external fade" id="placeabid">
    	<div class="modal-dialog width-800px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></button>
                <h2 class="m-0"><strong>Place a bid</strong></h2>
            </div>
            <div class="modal-body">
                {{ Form::open(['url' => '/biddings/store', 'class'=> 'form inputs-underline', 'id'=>'bidform']) }}
                    <section>
                        <div class="row">
                            <div class="col-sm-4">
                                <h3 class="text-muted">Available From</h3>
                                <div class="form-group">
                                    <p>{{ date("j F, Y", strtotime($property['available_from'])) }}</p>
                                </div>
                                <!--end form-group-->
                            </div>
                            <div class="col-sm-4">
                                <h3 class="text-muted">Property Price</h3>
                                <div class="form-group">
                                    <p>{{ $property['yearly_price'] }} AED<span> / Year</span></p>
                                </div>
                                <!--end form-group-->
                            </div>
                            <div class="col-sm-4">
                                <h3 class="text-muted">Monthly Rent</h3>
                                <div class="form-group">
                                    <p>{{ $property['monthly_rent'] }} AED<span> / Month</span></p>
                                </div>
                                <!--end form-group-->
                            </div>
                            <div class="col-sm-4">
                                <h3 class="text-muted">Security Deposit</h3>
                                <div class="form-group">
                                    <p>{{ $property['security_deposit'] }} AED</p>
                                </div>
                                <!--end form-group-->
                            </div>

                            <div class="col-sm-4">
                                <h3 class="text-muted">Maximum Bid Price</h3>
                                <div class="form-group">
                                    <p>{{ (!empty($maxBidPrice['maximum_bid_price'])) ? $maxBidPrice['maximum_bid_price'].' AED' : 'This is the first bid' }} </p>
                                </div>
                                <!--end form-group-->
                            </div>

                            <input type="hidden" name="property_id" value="{{ $property['id'] }}">
                            <input type="hidden" name="tenant_id" value="@if(!empty(Auth::user())) {{ Auth::user()->id }} @endif">
                            <input type="hidden" name="tenant_name" value="@if(!empty(Auth::user())) {{ Auth::user()->firstname }} @endif">
                            <input type="hidden" name="property_name" value="{{ $property['name'] }}">
                            <input type="hidden" name="landlord_id" value="{{ $property['landlord_id'] }}">
                            <input type="hidden" name="monthly_rent" value="{{ $property['monthly_rent'] }}">
                            <input type="hidden" name="yearly_price" value="{{ $property['yearly_price'] }}">
                            <input type="hidden" name="mobile" value="{{ $property['user']['country_code'].$property['user']['mobile'] }}">
						</div>
                        <hr/>
                        <div class="row">
                            <div class="col-sm-4">
                                <h3 class="text-muted">Bid Price<em class="text-danger">*</em></h3>
                                <div class="form-group">
                                    <div class="input-group">
                                          <span class="input-group-btn">
                                              <button type="button" class="btn btn-default btn-number inputDisabled" data-type="minus" data-field="propose_rent">
                                                  <span class="glyphicon glyphicon-minus"></span>
                                              </button>
                                          </span>
                                          @php
                                          	$min_bid_price = $property['yearly_price'] - ($property['yearly_price']/100)*5;
                                          @endphp
                                          <input type="text" name="propose_rent" class="form-control input-number" value="{{ $property['yearly_price'] }}" min="{{ $min_bid_price }} " id="proposed_rent" onkeyup="calculateMonthlyRent(this.value)">
                                          <span class="input-group-btn">
                                              <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="propose_rent">
                                                  <span class="glyphicon glyphicon-plus"></span>
                                              </button>
                                          </span>
                                    </div>
                                    <label style="display: block;text-align: center;position: relative;top: 0px;">AED</label>
                                </div>
                            </div>                 
                            <script type="text/javascript">
                            function calculateMonthlyRent(yearly_price){
                                document.getElementById('tenant_monthly_rent').value = (yearly_price/12).toFixed(2); 
                            }
                        </script>
                            <div class="col-sm-4">
                                <h3 class="text-muted">Move-in Date<em class="text-danger">*</em></h3>
                                <div class='input-group date' id='datetimepicker1' style="border-left: #6b66c4 solid 1px;  border-right: #6b66c4 solid 1px;">
                                    <input type='text' class="form-control inputNoEnter" name="move_in_date" autocomplete="off" />
                                    <span class="input-group-addon" style="border-radius: 0px;border: 0;">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                                <label id="move_in_date-error" class="error" for="move_in_date"></label>
                            </div>

                            <div class="col-sm-4">
                                <h3 class="text-muted">Monthly Rent</h3>
                                <div class="form-group">
                                <div class='input-group' style="border-left: #6b66c4 solid 1px;  border-right: #6b66c4 solid 1px;">
                                    <input type='text' class="form-control input-number" name="tenant_monthly_rent" id="tenant_monthly_rent" readonly/>
                                </div>
                                <label style="display: block;text-align: center;position: relative;top: 0px;">AED</label>
                                </div>
                            </div>

                        </div>
                        
                        <div class="row">
                            <!-- <div class="col-sm-12">
                            	<div class="form-group">
                            	<h3 class="text-muted">Tenant Note<em class="text-danger">*</em></h3>
                                <textarea name="tenant_note" rows="5" cols="16" class="form-control" style="border:#ccc solid 2px;padding: 5px;font-size: 16px;font-weight: 400;"></textarea>
                                </div>
                        	</div> -->
                        
                            <div class="col-sm-12">
                            <div class="form-group">
                            <h3 class="text-muted">Employment Status<em class="text-danger">*</em></h3>
                            <div class="radio-toggle-group radio-toggle-group-block">
                            @foreach($employment_status as $key=>$value)
                            	<div class="radio-toggle-control width33">
                                <input type="radio" name="employment_status_id" value="{{ $key }}"><label>{{ $value }}</label>
                                </div>
                            @endforeach
                            </div>
                            <label id="employment_status_id-error" class="error" for="employment_status_id"></label>
                            </div>
                            </div>
                        </div>
                   
                        <h3 class="text-muted">Documents</h3>
                        @if(!empty(Auth::user()) && (Auth::user()->user_type_id == env('USER_TENANT','')))
                            <p><small>Upload your Emirates ID and Passport</small></p>
                            <div class="file-upload-previews row"></div>
                            <div class="file-upload mb-0">
                                <input type="file" name="files[]" class="file-upload-input with-preview" multiple title="Click to add files" maxlength="2" accept="pdf|jpg|png">
                                <span>Click or drag files here</span>
                            </div>
                            <p class="text-center pt-5"><small class="text-muted">Supported format: pdf, jpg, png</small></p>
                        @else
                            @if(!empty(Auth::user()))
                                <embed src="{{ url('/').'/'. Auth::user()->document }}" width="100%" height="400px" />
                            @endif

                        @endif

                    </section>
                   	<div class="form-group hidden">
                        <div class="checkbox-toggle-group">
                            <div class="checkbox-toggle-control ctc-inline mb-0">
                                <input type="checkbox" value="yes" name="terms" id="terms" /> 
                                <label>I agree to the Bid2Rent <a href="{{url('/terms')}}" target="_blank"> Terms &amp; Conditions </a></label>
                            </div>
                        </div>
                    </div>
                    <hr/>
                    <div class="form-group text-center">
                        <button type="submit" name="bidbtn" class="btn btn-lg btn-min-width-250 btn-purple btn-rounded">Submit Bid</button>
                    </div>
                    
                {{ Form::close() }}
                <!--end form-->
            </div>
            <!--end modal-body-->
        </div>
        </div>
        <!--end modal-content-->
    </div>
    <!--end modal-dialog-->
    
    <div class="modal modal-external fade" id="termsmodal">
    	<div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" id="termsclose"><i class="fa fa-times-circle"></i></button>
                    <h2 class="m-0"><strong>Terms &amp; Conditions</strong></h2>
                </div>
                <div class="modal-body">
                    <form id="termsform" class="termsform">
                    	<p>Etiam dictum cursus auctor. Praesent sit amet consectetur diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer quis hendrerit nisi.</p>
                    	<ul>
                        	<li>Etiam dictum cursus auctor. Praesent sit amet consectetur diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer quis hendrerit nisi.</li>
                            <li>Donec sed lectus justo. Ut nec euismod nunc. Phasellus porta venenatis ante, ac lacinia eros fringilla eu. Vestibulum id scelerisque elit. Ut elementum leo nunc, quis blandit risus sodales ac.</li>
                            <li>Nullam tincidunt lacus ante, eget auctor massa blandit elementum. Maecenas sagittis consectetur lectus, bibendum accumsan est hendrerit non. Quisque maximus nisl ut egestas interdum.</li>
                            <li>Mauris laoreet viverra nibh vel gravida.</li>
                            <li>Maecenas non egestas quam. Nam condimentum lacus pharetra tellus finibus, nec malesuada tellus lobortis. </li>
                        </ul>
                        <p>Eget auctor massa blandit elementum. Maecenas sagittis consectetur lectus, bibendum accumsan est hendrerit non. Quisque maximus nisl.</p>
                        <hr/>
                        <div class="form-group text-center">
                            <button type="submit" name="bidbtn" class="btn btn-lg btn-block btn-purple btn-rounded">I agree and comply to the above</button>
                            <div style="padding-top:10px;">
                            	<a href="{{url('/terms')}}" target="_blank" class="btn btn-lg btn-block btn-default btn-rounded">Read Full Terms &amp; Conditions </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="modal modal-signin fade-scale" id="survey">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    	<i class="fa fa-times-circle"></i>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <div class="modal-signin-form">
                        <h2 class="mb-5"><strong>Survey</strong></h2>
                        <form id="surveyform" method="get" action="">
                        	<p class="text-center"><strong>Did you find what you were looking for?</strong></p>
                            <div class="form-group">
                            	<div class="survey-list">
                                	<div class="survey-item">
                                    	<input type="radio" value="Unstatisfy" name="surveyvalue" />
                                        <label>Unstatisfy</label>
                                    </div>
                                    <div class="survey-item">
                                    	<input type="radio" value="Neutral" name="surveyvalue" />
                                        <label>Neutral</label>
                                    </div>
                                    <div class="survey-item">
                                    	<input type="radio" value="Statisfy" name="surveyvalue" />
                                        <label>Statisfy</label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group text-center">
                            	<input type="button" class="btn btn-rounded btn-info btn-lg" value="Submit" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
@include('include.footer')    
@include('include.scripts')
<script>
    $(document).ready(function() {
        $('#image-gallery').lightSlider({
            gallery:true,
            item:1,
            thumbItem:4,
            slideMargin: 0,
            speed:500,
            auto:false,
            loop:false,
            onSliderLoad: function() {
                $('#image-gallery').removeClass('cS-hidden');
            }  
        });
    });
</script>
<script>
    var _latitude = document.getElementById('latitude').value;
    var _longitude = document.getElementById('longitude').value;
    var element = "map-detail";
    simpleMap(_latitude,_longitude, element);
</script>
<script type="text/javascript" src="{{ asset('js/moment.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/bootstrap-datetimepicker.js') }}"></script>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            useCurrent: false,
			defaultDate: "<br />
<b>Warning</b>:  Undefined variable $property in <b>/home/albumbz/public_html/bid2rent/resources/views/properties/property-detail.blade.php</b> on line <b>585</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/albumbz/public_html/bid2rent/resources/views/properties/property-detail.blade.php</b> on line <b>585</b><br />
",
			minDate: moment("<br />
<b>Warning</b>:  Undefined variable $property in <b>/home/albumbz/public_html/bid2rent/resources/views/properties/property-detail.blade.php</b> on line <b>586</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/albumbz/public_html/bid2rent/resources/views/properties/property-detail.blade.php</b> on line <b>586</b><br />
")
        });
		$("input[name=move_in_date]").val("");
	});
</script>
<script type="text/javascript" src="{{ asset('js/raphael-2.1.4.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/justgage.js') }}"></script>
<script>
var g1;
var percentage = ({{$property['bid_count']}} / {{$property['view_count']}}) * 100;
document.addEventListener("DOMContentLoaded", function(event) {
	g1 = new JustGage({
		id: "g1",
		title: "Interest Level",
		value: percentage,
		min: 0,
		max: 100,
		gaugeWidthScale: 0.95,
		counter: true,
		relativeGaugeSize: true,
		titleFontFamily: "poppinsregular",
		titleFontColor: "#32313a",
		valueFontColor: "black",
		valueFontFamily: "poppinsregular"
	});
});
</script>
<script src="{{ asset('js/bootstrap-number-input.js') }}" ></script>
<script>
$("#bidform").validate({
	rules: {
		move_in_date: {
			required: true
		},
		tenant_note: {
			required: true
		},
		employment_status_id: {
			required: true
		}
	},
	messages: {
		move_in_date: {
			required: "Required"
		},
		tenant_note: {
			required: "Required"
		},
		employment_status_id: {
			required: "Required"
		}
	},
    submitHandler: function(form) { 
		if ($('#terms').is(':checked')) {
			return true;  
		}else{
			$("#terms").prop("checked", true);
			$("#termsmodal").modal("show");
        	return false;
		}
    }
});
$("#termsform").validate({
    submitHandler: function(form) { 
		$("#bidform").submit();
    }
});
$(function () {
	$("#terms").prop("checked", false);
	$("#termsclose").on("click", function(){
		$("#terms").prop("checked", false);
		$("#termsmodal").modal("hide");	
	});
	$('#placeabid').on('hidden.bs.modal', function () {
		$('.inputDisabled').prop("disabled", false);
	})
});
</script>
@endsection