@extends('layouts/home/app')

@section('title')
{{trans('common.title_user')}}
@endsection

@section('content')
<style>
	#login-title{margin-top:3%}
	#login{width:30%}
</style>
<div id='main' style="background:url('/images/home/lb2.jpg') no-repeat;background-size:100% 100%;height:100%">
<div class="container" style="">

	<div id='tips' class='notify'></div>
<div id="login" style="border:1px solid #d8dee2;border-radius: 5px;padding:2% 1.5%;margin-top:5%;">

        <div id="form"  style="" >
         <p style='font-size:30px;margin-bottom:20px;margin-left:10px;font-family: 'lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;'>Make an Enquire</p>
            <form role="form">
            <input type='hidden' id='member_id' name='member_id' value='' />
            <input type='hidden' id='id' name='id' value="@if(isset($address)){{$address['id']}} @endif" />
             <input type='hidden' value='' />
			{!! csrf_field() !!}
                <div class="form-group">
                    <label for="username">Your Name<span style='color:red'></span></label>
                    <input  type="text" class="form-control my-inp" id="username" name='username'
                           placeholder="Your Name" style="width:95%" value="">
						    <span id="username-notify" class="notify"></span>
                </div>
                <!--<div class="form-group">
                    <label for="username">Last Name<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="last_name" name='last_name'
                           placeholder="Last Name" value="" style="width:95%">
						    <span id="username-notify" class="notify"></span>
                </div>  -->
                <div class="form-group">
                    <label for="username">Your Company Name<span style='color:red'></span></label>
                    <input  type="text" class="form-control my-inp" id="company" name='company'
                           placeholder="Your Company Name" style="width:95%" value="">
						    <span id="username-notify" class="notify"></span>
                </div>
                
                  <div class="form-group">
                    <label for="username">Email<span style='color:red'></span></label>
                    <input  type="text" class="form-control my-inp" id="email" name='email'
                           placeholder="Email" style="width:95%" value="">
						    <span id="username-notify" class="notify"></span>
                </div>
                                <div class="form-group">
                    <label for="username">Contact Number<span style='color:red'></span></label>
                    <input  type="text" class="form-control my-inp" id="mobile" name='mobile'
                           placeholder="Contact Number" style="width:95%" value="">
						    <span id="username-notify" class="notify"></span>
                </div>
               <div class="form-group" style='display:none'>
                    <label for="username">Title<span style='color:red'></span></label>
                    <input  type="text" class="form-control my-inp" id="title" name='title'
                           placeholder="Title" style="width:95%" value="">
						    <span id="username-notify" class="notify"></span>
                </div>
                

                  <div class="form-group">
                    <label for="username">Message<span style='color:red'></span></label>
                    <textarea rows=5 class="form-control my-inp" id="content" name='content'
                           placeholder="Message" style="width:95%"></textarea>
						    <span id="username-notify" class="notify"></span>
                </div>

                <button type="button" id='sub-login' class="btn btn-default btn-lg btn-block" style="width:95%;font-weight: normal">Submit Enquiry</button>
            </form>
			<div class="alert alert-danger" style='margin-top:10px;display:none'></div>



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

<script>
	$(function(){
		$('#sub-login').click(function(){
			$('.notify').html('')
			$.ajax({
				url:"{{URL('enquirys/store')}}",
				data:$('form').serialize(),
				dataType:"JSON",
				type:"POST",
				success:function(data){
					 $('.alert-danger').hide();
					if(!data.success)
					{
						$('#tips').html(data.msg);
					}
					else
					{
						alert('咨询成功，我们将会以邮箱或电话的形式给您回复！');
						location.href="/";
					}
				},
				error:function(data){
					var str = '';
					$.each(data.responseJSON, function (key, value) {
                         // $("#"+key+"-notify").html(value);
						  str=str+value+"<br>";
                          $('.alert-danger').show();
                          $('.alert-danger').html(str);
                    });
				},
			})
		})
	})
</script>
@endsection