@extends('layouts.web_app')
@section('head')
 
	
@endsection
@section('breadcrumb')

 
      <div class="container1" id="showdata">
<p style="margin: 10px 10%;">If you have store for rent, please fill below form and submit us.We will get back to you if your store is suitable for us</p>


            <div class="card">
                  <h4 id="Contactus" name="Contactus"  style="text-align:center">Contact Us </h4>
 
  
              <form ng-submit="storeformdata()" >
                <div class="row">
                   <div class="col-sm-6">
                     <div class="form-group">
      
                        <select  ng-model="storeform.post_applied"     class="browser-default custom-select">
                        	 <option value="" selected disabled>post applied</option>
                             <option value="Assistant Manager "  >Assistant Manager</option>
                              <option value="Store Manager " >Store Manager</option>
                             <option value="Store Assistant ">Store Assistant</option>
                        </select>
 
                           <div class="invalid-feedback">Please fill out this field.</div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
      
                           <input type="text"   class="form-control" id="name" placeholder="Name" ng-model="storeform.name" required>
                             <div class="valid-feedback">Valid.</div>
                              <div class="invalid-feedback">Please fill out this field.</div>
                        </div>
                    </div>
                </div>


                <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
      
                               <input type="text" class="form-control" id="Nationality" placeholder="Nationality" ng-model="storeform.nationality" required>
     
                                   <div class="invalid-feedback">Please fill out this field.</div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                              <div class="form-group">
      
                                    <select ng-model="storeform.current_location"  class="browser-default custom-select">
                                            <option   value="" selected disabled>Current Location</option>
                                            <option value="Jeddah">Jeddah </option>
                                            <option value="Makkah">Makkah</option>
                                            <option value="madina">madina</option>
                                             <option value="Taif">Taif</option>
                                              <option value="Yanbu">Yanbu</option>
                                             <option value="Riyadh">Riyadh</option>
                                             <option value="Dammam">Dammam</option>
                                             <option value="Qassim"> Qassim</option>
                                             <option value="Abha">Abha</option>
                                    </select>
                                    <div class="valid-feedback">Valid.</div>
                                    <div class="invalid-feedback">Please fill out this field.</div>
                              </div>
                        </div>
                </div>


                <div class="row">
                        <div class="col-sm-6">
                             <div class="row">
                                 <div class="form-group">
                                      <input style="width:100px;margin-right:20px" type="text" class="form-control" id="uname" placeholder="Age" ng-model="storeform.age" required>
     
                                       <div class="invalid-feedback">Please fill out this field.</div>
                                  </div>
                                  <div class="form-group">
                                      <span class="custom-control custom-radio">
                                           <input style="margin-right:10px"   type="radio" class="custom-control-input" id="defaultGroupExample2" ng-model="storeform.sex"  name="groupOfDefaultRadios" value="male" checked>
                                           <label style="margin-right:20px"  class="custom-control-label" for="defaultGroupExample2">Male</label>

                                       </span>
                                  </div>
                                  <div class="form-group">
                                      <span class="custom-control custom-radio">
                                         <input style="margin-left:10px" type="radio" ng-model="aboutform.sex"  class="custom-control-input" id="defaultGroupExample3" value="female" name="groupOfDefaultRadios">
                                         <label class="custom-control-label" for="defaultGroupExample3">Female</label>
                                        </span>
                                  </div>
                              </div>
                        </div>
                      <div class="col-sm-6">
                            <div class="row">
                                <div class="form-group"> 
      
                                    <input style="width:185px;margin-right:10px" type="text" class="form-control" id="pwd" placeholder="mobile" ng-model="storeform.mobile" required>
                                       <div class="valid-feedback">Valid.</div>
                                       <div class="invalid-feedback">Please fill out this field.</div>
                                </div>


                                <div class="form-group"> 
      
                                    <input style="width:185px" type="text" class="form-control" id="pwd" placeholder="Telephone" ng-model="storeform.telephone" required>
                                    <div class="valid-feedback">Valid.</div>
                                     <div class="invalid-feedback">Please fill out this field.</div>
                                </div>
                            </div>
                      </div>
                </div>

                <div class="row">
                     <div class="col-sm-6">
                          <div class="form-group"> 
      
                              <input   type="email" class="form-control" id="pwd" 
                             placeholder="Email" ng-model="storeform.email" required>
     
                             <div class="valid-feedback">Valid.</div>
                              <div class="invalid-feedback">Please fill out this field.</div>
                          </div>
                     </div>
 
                     <div class="col-sm-6">
                          <div class="form-group">
                               <div class="custom-file">
                                  <input type="file" ng-model="storeform.cv">
 
                                </div>
                          </div>
                     </div>
                </div>
   
                <!--  <div class="row"> -->
                 <div class="form-group">
   
                       <textarea placeholder="message" ng-model="storeform.message" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                  </div>
 
                  <button     type="submit"  id="formbutton"  class="btn btn-primary">Submit</button>
            </form> 
        </div>
  



 


<style>
 
 .pointer-event{
   	font-size: 20px;
   }

 

.container1{
	margin-top:35px;
	margin-bottom:20px;
 margin-left: 10px;
}
.row{
 margin: 0px 0px;
}
textarea.form-control {
    height: auto;
    width: 96%;
    margin-left: 10px;
}
.card {
    margin: auto;
    width: 80%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
button#formbutton {
    margin-left: 44%;
        background: #139413;
}

.modal {
  display: none;
  position: fixed; 
  padding-top: 50px;
  left: 0; 
  top: 0;
  width: 100%;
  height: 100%; 
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  position: relative; 
  background-color: white;
  padding: 20px; 
  margin: auto; 
  width: 75%;  
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
.close-btn {
  float: right; 
  color: lightgray; 
  font-size: 24px;  
  font-weight: bold;
}
.close-btn:hover {
  color: darkgray;
}
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}





@media only screen and (max-width: 600px){
.container1{
	margin-top:26px;
	margin-bottom:20px;
 margin-left: 10px;
}

.card {
    margin: auto;
    width: 100%;
}
button#formbutton {
    margin-left: 39%;
}

}
</style>

 




       







 
 
@include('customer.footer')

	@endsection

    @section('js')  
                        
@endsection