@extends('layouts/home/app_new')



@section('title')

{{trans('common.title_user')}}

@endsection



@section('content')

<div id='enquirys' class='enquirys' style="">

<div class='fx' style='height:60px'></div>

<div style="width:450px;margin:0 auto;background:#fff">
<p style="height:50px;background:black;color:#fff;font-size:22px;line-height:50px;padding-left:20px">
	Make a New Booking
</p>
	<form id="frm">
		{!! csrf_field() !!}
	<div class="form-group" style="margin-left:20px">

		<label for="username">Property Address<span style="color:red"></span></label>

		<input type="text" class="form-control my-inp" id="pro_address" name="pro_address" placeholder="Property Address" style="width:90%" value="">

		<span id="username-notify" class="notify"></span>

	</div>
	<div class="form-group" id="rc_type" style="margin-left:20px">
		<input type="radio" value="1" name = 'rc_type'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Residential</span>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="radio" value="2" name = 'rc_type'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Commercial</span>
	</div>

	<div class="form-group" id="sf_type" style="margin-left:20px;display:none">
		<input type="radio" value="1" name = 'sf_type'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">For Sale/Auction</span>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<input type="radio" value="2" name = 'sf_type'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">For Rent</span>
	</div>

	<div class="form-group" style="margin-left:20px">

		<label for="username">Property Status<span style="color:red"></span></label>
		<div>
		<input type="radio" value="Vacant" name = 'pro_status'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Vacant</span>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<input value="Styled" type="radio" name = 'pro_status'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Styled</span>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<input value="Owner Occupied" type="radio" name = 'pro_status'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Owner Occupied</span>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<input value="Tenanted" type="radio"  name = 'pro_status'>&nbsp;&nbsp;<span style="position:relative;top:-2px;font-size:14px">Tenanted</span>
			<span id="username-notify" class="notify"></span>
		</div>

	</div>



	<div class="form-group" style="margin-left:20px;text-align:right;width:90%;padding-bottom:20px;padding-top:10px">
		<span id="sub" style="cursor:pointer;background:black;color:#fff;margin-right:20px;padding:10px 18px;font-size:14px">Continue</span>
	</div>
	</form>
</div>

</div>

<script>

	$(function(){

	    $("input[name='rc_type']").click(function(){
	        var rc_val = $(this).val();

	        if(rc_val == 1) {
	            $("#sf_type").show()
			} else {
                $("#sf_type").hide()
			}
		});

	    $("#sub").click(function(){
	        var data = $('#frm').serialize();

	        if($("#pro_address").val() == '') {
	            alert('Oops, incomplete information.');
	            return false;
			}

            if($("#pro_address").val() == '') {
                alert('Oops, incomplete information.');
                return false;
            }

            if($("#pro_address").val() == '') {
                alert('Oops, incomplete information.');
                return false;
            }


            $.ajax({
                url : '/calculator/save',
                type : 'post',
                data : data,
                dataType : "JSON",
                success : function(data){
                    window.location.href="/table?cid="+data.cid
                }
            })
		})

		$('#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);

						alert(data.msg);

						return false;

					}

					else

					{

						alert('Your message has been sent successfully.');

						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