@extends('theme_icr_layout')

@section('content')

  <div id="subSlider" class="jsGallery">
    <div class="jsSlideList">
          </div>
    <div class="jsDotList">
    </div>
  </div>

  <div class="pageContainer">
    <div class="bgGraList">
      <div class="bgGraInner">
        <div class="container980">
          <div class="section">
            <h2></h2>
            <div class="txt">
                          </div>
          </div>



<style type="text/css">
.status_message_div{
	position:fixed; 
	width:260px; 
	top:45%;
	left:50%;
	margin-left:-150px;
	background:#fff;
	background:rgba(32, 52, 105, 0.96);
	border-radius:5px;
	font-family:'Pluto', arial, helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	text-align:center;
	display:none;
	padding:20px;
	font-weight:normal
}
</style>


<form name="my_add_form" id="my_add_form" action="{{ URL('home/contact_form/') }}" method="post">
          <div class="contactForm form">
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Title*:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="title" id="title" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">First Name*:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="name" id="name" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Last Name*:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="lastname" id="lastname" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Company:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="company" id="company" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Telephone:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="telephone" id="telephone" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Email*:</div>
              <div class="col-lg-7 col-sm-8"><input type="text" name="email" id="email" value="" /></div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-4 label">Type of Enquiry*:</div>
              <div class="col-lg-7 col-sm-8">
                <div class="selectWrap">
                  <select name="con_type" id="con_type">
                    <option value="General enquiry">General enquiry</option>
                    <option value="Franchising B">Franchising B</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="formRow row">
              <div class="col-lg-5 col-sm-12 label">Comments*:</div>
              <div class="col-lg-7 col-sm-12"><textarea name="description" id="description" rows="" cols=""></textarea></div>
            </div>

            <div class="formRow row">
              <div class="col-lg-7 col-sm-12 floatRight">
                <div class="btnWrap">
			  	<input type="hidden" name="_token" value="{{ csrf_token() }}">
                  <span class="btn btnBlueLarge btnBlue" onclick="my_add_form_submit();">SUBMIT</span>
                </div>
              </div>
            </div>


          </div>
</form>
<script type="text/javascript" language="javascript">
function my_add_form_submit(){
	var form_check_state = form_check();
	if( form_check_state ){
		document.getElementById('my_add_form').submit();
	}else{
		return false;
	}
}

function form_check(){ 
	var error_msg = '';
	error_msg += form_field_text_check('title', 'Title');
	error_msg += form_field_text_check('name', 'First Name');
	error_msg += form_field_text_check('lastname', 'Last Name');
	error_msg += form_email_check('email', 'Email');
	error_msg += form_field_text_check('description', 'Comments');
	
	if( error_msg != '' ){
		$("#error_message").html(error_msg);
		return false;
	}else{
		return true;
	}
}
</script>


        </div>

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

@endsection