@extends('layouts/home/logined')

@section('title')
创建项目
@endsection
<style>
.step{font-size:18px}
#project-c{margin-top:5%;margin-bottom:52.7%}
.myradio{position:relative;top:2px;}
</style>
@section('content')
<div id='main' >
	<div class='container n' style=''>
		<div class='content' style=''>
					<div class='title-nav'>
						<span class='step'>step1:</span>创建项目
					</div>
					
					<div id='project-c'>
						<p style='text-align: center;color:red' id='name-notify'></p>
						<form class="form-horizontal" role="form" id='frm'>
						{!! csrf_field() !!}
					   <div class="form-group">
					      <label for="firstname" class="col-sm-2 control-label">项目名称</label>
					      <div class="col-sm-9">
					         <input type="text" class="form-control" id="project_name" name="name"
					            placeholder="请输入项目名字" style='background-color: rgb(250, 255, 189);'>
					            
					      </div>
					   </div>
					   
					   <div class="form-group">
					      <label for="firstname" class="col-sm-2 control-label">选择服务</label>
					      <div class="col-sm-9">
					      
					          <input class='myradio' type="radio" name="service" id="service" 
         							value="1" checked='checked'> 没有图片，预约拍摄
         						&nbsp;&nbsp;&nbsp;&nbsp;
         					   <input class='myradio' type="radio" name="service" id="service" 
         							value="2"> 已有图片，自行上传
					            
					      </div>
					   </div>
					   
					   
					    <div class="form-group">
      					<div class="col-sm-offset-2 col-sm-10">
         					<button type="button" id='project-create' class="btn btn-default">创建 </button>
         					<button type="reset" class="btn btn-default">重置 </button>
      					</div>
   						</div>
   						  						
					   </form>
													
					</div>
		</div>
	</div>
</div>
<script>
$(function(){
	$('#project-create').click(function(){
		//console.log($('.myradio').prop("checked", true).val())
		sid = $('#frm').find('input[name="service"]:checked').val()
		$('#name-notify').html('');
		if($('#project_name').val() == '')
		{
			$("#name-notify").html('项目名称必填!!');
			return false;
		}
		$.ajax({
			 url:"{{URL('project/create')}}",
             data:$('form').serialize(),
             dataType:"JSON",
             type:"POST",
             success: function(data){
				
            	if(sid == 1)
          		{
          			location.href='{{URL("service/appointment")}}/'+data.id;
          		}
          		else
          		{
          			location.href='{{URL("service/uploadpic")}}/'+data.id;
          		}
             },
             error: function(data){
                 
            	 $.each(data.responseJSON, function (key, value) {
                     $("#"+key+"-notify").html(value)
                 });
             },
		});

		
	})
	
})
</script>

@endsection