@extends("app")
@section('head_title', 'Sell Your Property In Dubai | '.getcong('site_name') )
@section('head_url', Request::url())
@section('canonical_url', config('app.url').'sell-your-property-in-dubai')
@section('head_image', config('app.url').'public/assets/sell_header_bg' . '.webp')
@section("content")
{!! NoCaptcha::renderJs() !!}
<style>
#valid-msg {color: #00c900;font-size: 12px;}
#error-msg {font-size: 12px;color: #950505;}
.form-control{appearance: auto;}
@media only screen and (max-width: 768px) {
	.pt-87{padding-top: 47px;}
	#h1-header, .heading{min-height: auto;}
}
.data{
	font-size:24px;
}
.Ready{
	font-size: 30px;
}
.step{
	font-size: 18px !important;
	color: white !important;
	padding-bottom:0px !important;
}
.data1 {
    font-size:24px;
}
</style>
<div class="container-xxl pl-0 pr-0">
<div class="section1-sell">
	<div class="row">
		<div class="col-6 sec1-left" id="bg-left">
			<h1 id="h1-header">Ready to sell with us?</h1>
			<p id="p-header">We have the experience, network and personal approach to help you through every step of the sales process. We work with you from start to finish to help you successfully sell your property with the greatest efficiency at the maximum price.</p>
			<a class="btn bg-black text-white" href="#ready_to_sell">Get Started</a>
		</div>
		<div class="col-6 sec1-right" id="bg-right">
			<img src="{{ URL::asset('public/assets/sell_header_bg.webp') }}" alt="Sell Header" id="img-header">
		</div>
	</div>
</div>
<div class="clearfix"></div>
<!-- Mobile View -->
<div class="section1-sell2">
	<div class="row">
		<div class="col-6 sec1-left" id="bg-left">
			<img src="{{ URL::asset('public/assets/sell_header_bg.webp') }}" alt="Sell Header Bg" id="img-header">
		</div>
		<div class="col-6 sec1-right mpr-16 mpl-16" id="bg-right">
			<p id="h1-header">Ready to sell with us?</p>
			<p id="p-header">We have the experience, network and personal approach to help you through every step of the sales process. We work with you from start to finish to help you successfully sell your property with the greatest efficiency at the maximum price.</p>
			<a class="btn bg-black text-white" href="#ready_to_sell">Get Started</a>
		</div>
	</div>
</div>
<div class="clearfix"></div>
<div class="section2-sell mpr-5 mpl-5" id="ready_to_sell">
	<div class="row">
		<div class="col-6">
			<p id="sec2-title">
				Please complete the following fields and our team will contact you within the next 24 hours.
			</p>
		</div>
		<div class="col-6">
			
		</div>
	</div>
	 @if ($errors->any())
		<div class="alert alert-danger">
			<ul>
				@foreach ($errors->all() as $error)
					<li>{{ $error }}</li>
				@endforeach
			</ul>
		</div>
	@endif
    {!! Form::open(array('url' => 'sell-submit','class'=>'row g-3','id'=>'sec2-form','role'=>'form','enctype' => 'multipart/form-data')) !!}
    @if(Session::has('flash_message_sell'))
    <button style="display:none" id="on_success" data-bs-toggle="modal" data-bs-target="#on_success_modal">On Success</button>
	<div class="modal fade" id="on_success_modal" tabindex="-1" aria-labelledby="schedule_tour" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
                    <div class="modal-title">Property selling information</div>
                </div>
                <div class="modal-body">
                    <div class="row p-0">
                        <div class="col-10">
							<img src="{{url('/')}}/public/assets/email-btn.webp" alt="Email">
                            <h4>Thanks for submitting your information</h4>
                            <p class="pb-36 mb-36">Our team will contact you in less than 24 hours</p>
                            <div class="text-left">
                                <button type="button" class="btn bg-black text-white pull-left" data-bs-dismiss="modal" aria-label="Close">Continue Browsing</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     @endif
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="f_name" class="form-label">First name <span style="color: red;">*</span></label>
	    <input type="text" name="first_name" value="{{old('first_name')}}" class="form-control" id="f_name" required>
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="l_name" class="form-label">Last name <span style="color: red;">*</span></label>
	    <input type="text" name="last_name" value="{{old('last_name')}}" class="form-control" id="l_name" required>
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="email" class="form-label">Email <span style="color: red;">*</span></label>
	    <input type="email" name="email" value="{{old('email')}}" class="form-control" id="email" required>
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	      <label for="mobile" class="form-label">Mobile <span style="color: red;">*</span></label>
		  <input type="text" class="form-control" id="phone_contact" name="mobile" maxlength="14" minlength="8" placeholder="Mobile" style="margin-bottom: 10px !important;" required>
			<span id="valid-msg" class="hide"></span>
			<span id="error-msg" class="hide"></span>
	  </div>
	  <div class="col-md-12 mpl-12 mpr-12">
	    <label for="address" class="form-label">Address <span style="color: red;">*</span></label>
	    <textarea name="address" class="form-control" id="address" required>{{old('address')}}</textarea>
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="city" class="form-label">Town/City <span style="color: red;">*</span></label>
	    <input type="text" class="form-control" name="city" id="city" value="{{old('city')}}" required />
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="post_code" class="form-label">Community</label>
	    <select name="community" class="form-control">
	        <option>Select</option>