@extends('layouts/home/logined_new')
@section('title')
{{trans('common.title_user')}}
@endsection
<script src='/ueditor/ueditor.config.js'></script>
<script src='/ueditor/ueditor.all.js'></script>	
@section('content')
<style>

#login {
    	width: 500px;
		height:700px;
	    margin: 0 auto;
	    background: #fff;
}
</style>
	<div class='user-ads'>
		<img src='{{Session::get('login_img')}}' style='width:100%;height:160px'>
	</div>
<div id='user-address'>
<div class='mbx' style=''>
	<div style='float:left;width:55%'>
		<ul class="btn-list" style="font-size:14px;">
				<li class="spec_btn"><a href="{{URL('project/list/current')}}" style="">Current Campaign</a></li>
				<li class="spec_btn"><a href="{{URL('project/list/past')}}" style=""> &nbsp;&nbsp;Recent Campaign&nbsp;&nbsp; </a></li>
				<li style='display:inline-block'>
				<a href='{{URL('/tutorial')}}' target='_blank'><img src='/images/home/tut.png' style='position:relative;top:-4px'></a>
				</li>
		</ul>
	</div>
		<div class='search' style='float:right;width:45%;margin-top:30px'> 
		<div class="input-group" style='width:98%;margin-left:20px'>
               <input type="text" id='find_prj' name='find_prj' class="form-control" placeholder='Find a Campaign' style=''>
               <span class="input-group-btn">
                  <button class="btn btn-default btn-primary find-c" type="button">
                     >
                  </button>
               </span>
            </div><!-- /input-group -->
		</div>
	</div>
	<div style="border:1px solid rgb(51,51,51)"></div>
	
	<div id='tips' class='notify'></div>
<div style='padding-bottom:5%'>
<div id="login" style="border:1px solid #d8dee2;border-radius: 5px;padding:2% 2% 2% 2%;margin-top:5%;margin-bottom:0;">
	<p style='text-align: center;font-size:18px;font-weight:bold;'>MY ADDRESS</p>

        <div id="form"  style="" >
            <form role="form">
            <input type='hidden' id='member_id' name='member_id' value='{{$member_id}}' />
            <input type='hidden' id='id' name='id' value="@if(isset($address)){{$address['id']}} @endif" />
             <input type='hidden' value='{{$member_id}}' />
			{!! csrf_field() !!}
                <div class="form-group">
                    <label for="username">First Name<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="first_name" name='first_name'
                           placeholder="firstName" style="width:95%" value="{{$address['first_name']}}">
						    <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="{{$address['last_name']}}" style="width:95%">
						    <span id="username-notify" class="notify"></span>
                </div>
                                <div class="form-group">
                    <label for="username">Address<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="address" name='address'
                           placeholder="Address" style="width:95%" value="{{$address['address']}}">
						    <span id="username-notify" class="notify"></span>
                </div>
                                <div class="form-group">
                    <label for="username">City<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="city" name='city'
                           placeholder="City" style="width:95%" value="{{$address['city']}}">
						    <span id="username-notify" class="notify"></span>
                </div>
                                <div class="form-group">
                    <label for="username">State<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="state" name='state'
                           placeholder="State" style="width:95%" value="{{$address['state']}}">
						    <span id="username-notify" class="notify"></span>
                </div>
                
               </div>
                  <div class="form-group">
                    <label for="username">Zip Code <span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="zip" name='zip'
                           placeholder="Zip Code" style="width:95%" value="{{$address['zip']}}">
						    <span id="username-notify" class="notify"></span>
                </div>

                <div class="form-group">
                    <label for="username">Mobile<span style='color:red'>*</span></label>
                    <input  type="text" class="form-control my-inp" id="mobile" name='mobile'
                           placeholder="Mobile" style="width:95%" value="{{$address['mobile']}}">
						    <span id="username-notify" class="notify"></span>
                </div>
               <div class="form-group">
                    <label for="username">Fax</label>
                    <input  type="text" class="form-control my-inp" id="fax" name='fax'
                           placeholder="Fax" style="width:95%" value="{{$address['fax']}}">
						    <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</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('users/doaddress')}}",
				data:$('form').serialize(),
				dataType:"JSON",
				type:"POST",
				success:function(data){
					 $('.alert-danger').hide();
					if(!data.success)
					{
						$('#tips').html(data.msg);
					}
					else
					{
						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