@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>
.form-control{appearance: auto;}
@media only screen and (max-width: 768px) {
	.pt-87{padding-top: 47px;}
}
.data{
	font-size: 2.5rem;
}
.quick {
    font-size: 62px;
    color: white !important;
    padding-bottom: 100px;
}
.Ready{
	font-size: 60px;
}
.step{
	font-size: 24px !important;
	color: white !important;
	font-family: "inter" !important;
	padding-bottom:0px !important;
}
.data1 {
    font-size: 39px;
}
</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" 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" 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>
	 
    {!! 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</label>
	    <input type="text" name="first_name" value="{{old('first_name')}}" class="form-control" id="f_name">
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="l_name" class="form-label">Last name</label>
	    <input type="text" name="last_name" value="{{old('last_name')}}" class="form-control" id="l_name">
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="email" class="form-label">Email</label>
	    <input type="email" name="email" value="{{old('email')}}" class="form-control" id="email">
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	      <label for="mobile" class="form-label">Mobile</label>
		  <input type="text" class="form-control" id="phone" name="mobile" placeholder="Mobile" style="margin-bottom: 10px !important;" required>
	  </div>
	  <div class="col-md-12 mpl-12 mpr-12">
	    <label for="address" class="form-label">Address</label>
	    <textarea name="address" class="form-control" id="address">{{old('address')}}</textarea>
	  </div>
	  <div class="col-md-6 mpl-12 mpr-12">
	    <label for="city" class="form-label">Town/City</label>
	    <input type="text" class="form-control" name="city" id="city" value="{{old('city')}}" />
	  </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>