@extends('layouts/home/logined')

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

@section('content')

<script src='/ueditor/ueditor.config.js'></script>
<script src='/ueditor/ueditor.all.js'></script>


<link href="{{URL::asset('assets/css/home/viewer.min.css')}}" rel="stylesheet">

<script src="{{URL::asset('assets/js/home/viewer.min.js')}}"></script>
<style>
.account-item{margin-left:9%;margin-top:2%}
#account-content{margin-bottom:45.6%}
@media screen and (max-width: 768px) {
	.n{background:#fff;margin-bottom:50%}

}
a{color:black}
.user-left{float:left;margin-top:10px;width:50%}
.user-right{float:right;margin-top:10px;width:50%}
#user-info tr td{height:25px;font-size:14px}
#user-info .tit{text-align:right}
.edui-default .edui-editor{
	    border: 0px solid #d4d4d4;
}
.user-right tr{height:35px}

.prj-title tr{height:30px}
.prj-title{padding:15px 0 0 0}
.dh ul{list-style:none;margin-left:60px;margin-bottom:0px;padding:20px 0 10px 35px;font-size:14px;font-weight:bold}
.dh ul li{display:inline-block;margin-left:20px}
.dh .active{color:#3ca1d6}
.dh .bt{cursor:pointer}
.dh{border-bottom:2px solid #929292}
.item-xc{display:inline-block;padding-left:18px;padding-bottom:20px}
.item-xc img{width:184px;height:125px;border-radius:3px}
.xc{padding-left:7%;padding-top:20px}
.down ul{padding:0 0 0 15px}
.down ul li{font-size:14px;font-weight:bold}
.work-c{display:inline-block;margin-left:20px}
.work-b{padding:5px 10px;background:#3ca1d6;color:#fff;font-size:14px}
.print-t{cursor:pointer}
.print-t:hover{color:#3ca1d6;}
.work-edit:hover{cursor:pointer;color:#3ca1d6}
.work-del:hover{cursor:pointer;color:#3ca1d6}
</style>


<div id='main' >

<div id='common-header'>
	<div class='user-ads'>
		<img src='/images/home/ads.jpg' style='width:100%;height:20%'>
	</div>
	<div class='mbx' style='text-align:center;height:65px'>
	<div class='row' style='margin-top:25px;padding-left:8%;margin-right:0px'>
	<div class='col-lg-6' style='padding-left:0px'>	
			<div class='rg1' >
			<ul class='nav navbar-nav' style='margin:0px;padding:0px;font-size:14px;'>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style="">Current Campaign</a></li>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style=""> &nbsp;&nbsp;&nbsp;&nbsp;Past Campaign&nbsp;&nbsp;&nbsp;&nbsp; </a></li>
			</ul>
			
			</div>
	</div>
	<div class='col-lg-6'>	
			<div style=''>
			<div class="input-group" style='width:80%;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>
	</div>
	
</div>

<div class='prj-title' style='background:#3ca1d6;padding-left:8%'>
	<table style='padding:15%;color:#fff'>
	<tr>
		<td style='font-weight:bold;width:40%;font-size:18px'>Campaign Name</td>
		<td style='font-weight:bold'>23 Solaorden Street,North Rocks 2221</td>
	</tr>
	<tr>
		<td style='font-weight:500'>Campgin code</td>
		<td> 6582823</td>
	</tr>
	</table>
</div>

<!-- 按钮 -->
<div class='dh'>
	<ul style='display:inline-block'>
	<li class='bt active'>Photography</li>
	<li class='bt'>Floor Plans</li>
	<li class='bt'>Video</li>
	<li class='bt'>Virtual Walkthrogh</li>
	</ul>
	
	<ul style='display:inline-block;float:right;margin-right:2%'>
		<li style='cursor: pointer;'>Add Photos</li>
	</ul>
</div>
<!-- 按钮end -->
<!-- 相册开始 -->
<div class='xc'>
	@if(false)
	
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    	
    </div>
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    	
    </div>
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    
    <div class='item-xc'>
    	<img src='/images/home/lb2.jpg'>
    </div>
    @else
    	<div style='height:20%;text-align:center;padding-top:5%;font-size:16px;font-weight:bold'>
    		This Photography currently empty
    	</div>
    @endif
    
    <div class='down' style='padding-left:13px;padding-bottom:20px'>
    	<p style='font-size:18px;font-weight: '>Download</p>
    	<ul style='display:inline-block'>
    		<li><a href=''>Print Version(4800x3200)</a></li>
    		<li><a href=''>Web Version(800x600)</a></li>
    		<li><a href=''>Web Version(1600x1067)</a></li>
    		
    	</ul>
    	<ul style='display:inline-block;margin-left:30px'>
    		<li><a href=''>Print Version(8010x600 with watermark)</a></li>
    		<li><a href=''>Web Version(1600x1067 with watermark)</a></li>
    	</ul>
    	
    </div>
</div>
<!-- 相册结束-->

<!-- 打印开始 -->
<div class='print-s' >
	<div class='tit'>
	Online Printing Service
	<span class='tips'>Try our new online design platform and submit you design in minutes!</span>
	</div>
	
	<p style='margin:0px;padding-left:7.5%;padding-top:18px;padding-bottom:18px;font-size:20px;color:#666;border-bottom:2px solid #929292'>Select a Template</p>
	
	<div class='print-d' style='padding-left:8%;'>
		<div class='temp'>
		<p>Signboard</p>
			<ul>
				<li><span class='print-t'>4x6 photosign</span></li>
				<li><span class='print-t'>4x6 photosigntgg</span></li>
				<li><span class='print-t'>4x6 photosign</span></li>
				<li><span class='print-t'>4x6 photosigndfsf</span></li>
				<li><span class='print-t'>4x6 photosign</span></li>
			</ul>
		</div>
		
				<div class='temp'>
		<p>Signboard</p>
			<ul>
				<li><span class='print-t'>4x6 photosign</span></li>
				<li><span class='print-t'>4x6 photosigntgg</span></li>
				<li><span class='print-t'>4x6 photosign</span></li>
				<li><span class='print-t'>4x6 photosigndfsf</span></li>
				<li><span class='print-t'>4x6 photosign</span></li>
			</ul>
		</div>
		
		<div class='temp'>
		<p>Brochures & Flyers</p>
			<ul>
				<li class='print-t'>4x6 photosign</li>
				<li class='print-t'>4x6 photosign</li>
				<li>4x6 photosigndfsdsf</li>
				<li>4x6 photosign</li>
				<li>4x6 photosignfdssfd</li>
				<li>4x6 photosign</li>
				<li>4x6 photosigndsfsdf</li>
				<li>4x6 photosign</li>
			</ul>
		</div>
		
		<div class='temp'>
		<p>Others</p>
			<ul>
				<li>4x6 photosignsdffffffff</li>
				<li>4x6 photosign</li>
				<li>4x6 photosign</li>
				<li>4x6 photosign</li>
				<li>4x6 photosign</li>

			</ul>
		</div>
		
		<div class='temp-r'>
			<div class='temp-img' style='background:url(/images/home/st.jpg) repeat-x;cursor:pointer'>
			<ul id='yl' style='list-style: none;margin:0px;padding:0px'>
				<li>
							<img data-original='/images/home/temp4.png' src='/images/home/temp4.png' style='width:160px;height:200px;margin:5px 50px 10px 50px'>
				
				</li>
			</ul>
				
			</div>
			<p style='margin-top:10px'>4x6 Photosign</p>
			<button class='btn btn-default btn-primary'>&nbsp;&nbsp;Continue >&nbsp;&nbsp;</button>
		</div>
	</div>
	</div>
<!-- 打印结束 -->
	
	
<div style='clear:both;margin-top:30px'></div>
	
<div style='height:30px'></div>
	
	
		<!--作品开始 -->
	<div id='artwork-r'>
		<div class='work-t' style='font-size:20px;color:#666;margin:0px;padding-left:7.5%;border-top:2px solid #929292;border-bottom:2px solid #929292;padding-top:5px;padding-bottom:5px'>
			Artwork Gallery
		</div>
		<div style='padding-left:7.5%;padding-top:30px;padding-bottom:30px'>
		<ul style='margin: 0;padding:0' id='yl1'>
			<li class='work-c' >
				<div class='work-i' style='padding-bottom:20px;background:url(/images/home/bg.jpg) 0 0 ; width:204;height:135px;float:left'>
					<img src='/images/home/temp4.png' style='width:80px;height:100px;margin:20px 60px' />
				</div>
				<p style='text-align: center;clear:both;padding-top:10px;padding-bottom:10px'>4x6 signboard</p>
				<p style='text-align: center;'>  
				<span class='work-edit' style='font-weight: bold;'>Edit</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-del' style='font-weight: bold' >Delete</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-b'>Add to Order</span>   
				
				</p>		
			</li>
			<li class='work-c' >
				<div class='work-i' style='padding-bottom:20px;background:url(/images/home/bg.jpg) 0 0 ; width:204;height:135px;float:left'>
					<img src='/images/home/temp4.png' style='width:80px;height:100px;margin:20px 60px' />
					
				</div>
						<p style='text-align: center;clear:both;padding-top:10px;padding-bottom:10px'>4x6 signboard</p>
				<p style='text-align: center;'>  
				<span style='font-weight: bold'>Edit</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span style='font-weight: bold' >Delete</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-b'>Add to Order</span>   
				</p>				
			</li>
			
			<li class='work-c' >
				<div class='work-i' style='padding-bottom:20px;background:url(/images/home/bg.jpg) 0 0 ; width:204;height:135px;float:left'>
					<img src='/images/home/temp4.png' style='width:80px;height:100px;margin:20px 60px' />
					
				</div>
					<p style='text-align: center;clear:both;padding-top:10px;padding-bottom:10px;'>4x6 signboard</p>
				<p style='text-align: center;'>  
				<span style='font-weight: bold'>Edit</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span style='font-weight: bold' >Delete</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-b'>Add to Order</span>   </p>					
			</li>
			
			<li class='work-c' >
				<div class='work-i' style='padding-bottom:20px;background:url(/images/home/bg.jpg) 0 0 ; width:204;height:135px;float:left'>
					<img src='/images/home/temp4.png' style='width:80px;height:100px;margin:20px 60px' />
					
				</div>
					<p style='text-align: center;clear:both;padding-top:10px;padding-bottom:10px;'>4x6 signboard</p>
				<p style='text-align: center;'>  
				<span style='font-weight: bold'>Edit</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span style='font-weight: bold' >Delete</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-b'>Add to Order</span>   </p>					
			</li>
			
			<li class='work-c' >
				<div class='work-i' style='padding-bottom:20px;background:url(/images/home/bg.jpg) 0 0 ; width:204;height:135px;float:left'>
										<img src='/images/home/temp4.png' style='width:80px;height:100px;margin:20px 60px' />
					
				</div>
				<p style='text-align: center;clear:both;padding-top:10px;padding-bottom:10px;'>4x6 signboard</p>
				<p style='text-align: center;'>  
				<span style='font-weight: bold'>Edit</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span style='font-weight: bold' >Delete</span>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class='work-b'>Add to Order</span>   </p>						
			</li>
			</ul>
		</div>
		</div>
		
		</div>
		
	<!--作品结束-->
	
	<!-- 订单开始 -->
	<div id='order-r' style='background:#f7f7f7'>
		<div class='work-t' style='font-size:20px;color:#666;margin:0px;padding-left:7.5%;border-top:2px solid #929292;border-bottom:2px solid #929292;padding-top:5px;padding-bottom:5px'>
				Orders
		</div>
		<div class='order-c' style=';padding-top:30px;padding-bottom:30px'>
			<table style='width:100%'>
			<tr style='border-bottom:15px solid #f7f7f7'><th ><span style='margin-left:25.5%;' >Design</span></th><th>Template Name</th><th>Product Type</th><th>Quantity</th><th>Action</th></tr>
			<tr style='background: #e8e8e8;border-top:8px solid #f7f7f7'>
				<td style=''>
				<div style='margin-left:24.5%;margin-top:10px;margin-bottom:10px;width:120px;height:90px;background-image:url(/images/home/bg.jpg);background-size:100% 100%'>
					<img src='/images/home/temp4.png' style='width:50px;height:70px;margin:10px 40px' />	
				</div>
				<p style='margin-left:24.5%;width:120px;text-align:center'>my designer1 </p>
				</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
			</tr>
			
			<tr style='background: #e8e8e8;border-top:5px solid #fff'>
				<td >
				<div style='margin-left:24.5%;margin-top:10px;margin-bottom:10px;width:120px;height:90px;background-image:url(/images/home/bg.jpg);background-size:100% 100%'>
						<img src='/images/home/temp4.png' style='width:50px;height:70px;margin:10px 40px' />
				
				</div>
						<p style='margin-left:24.5%;width:120px;text-align:center'>my designer1 </p>
				</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
			</tr>
			
			
			<tr style='background: #e8e8e8;border-top:5px solid #fff'>
				<td >
				<div style='margin-left:24.5%;margin-top:10px;margin-bottom:30px;width:120px;height:90px;background-image:url(/images/home/bg.jpg);background-size:100% 100%'>
						<img src='/images/home/temp4.png' style='width:50px;height:70px;margin:10px 40px' />
				
				</div>
								<p style='margin-left:24.5%;width:120px;text-align:center'>my designer1 </p>
			
				</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
				<td>dsfsdfsdf</td>
			</tr>
			</table>
		</div>
		<div class='note-r' style='padding-left:6.5%;padding-bottom:2%;width:92%'>
		<p style='font-size:16px;font-weight:bold'>Notes (optional)</p>
		<textarea style='width:100%;height:80px;background:#e8e8e8;border:none'> </textarea>
		</div>
		
		<div class='install-p' style='padding-left:6.5%;padding-bottom:2%'>
			<div class='ins-left ins-1' style='display:inline-block;width:45%'>
			<input type='radio' name='install-p'> <span style='position: relatvie;top:-5px;;font-size: 18px'>Signboard Installation Position</span>
			<p style='margin:10px 0px 0px 20px'>Please include detailed information regarding the intended position of the signboard installation.
			However,the position of the final installation may differ due to circumstances beyond our control.</p>
			</div>
			<div class='ins-right ins-2' style='display:inline-block;width:28%;font-size: 18px;font-size: 18px'>
			<input type='radio' name='install-p'> <span style='position: relatvie;top:-5px'>Installer Discretion</span>
			<p style='margin:10px 0px 0px 20px'>&nbsp;</p>
			<p style='margin:0px 0px 0px 20px'>&nbsp;</p>
			</div>
			<div class='ins-right ins-3' style='display:inline-block;width:26%;font-size: 18px;font-size: 18px'>
			<input type='radio' name='install-p'> <span style='position: relatvie;top:-5px'>No Signboard</span>
			<p style='margin:10px 0px 0px 20px'>&nbsp;</p>
			<p style='margin:0px 0px 0px 20px'>&nbsp;</p>
			</div>
			
			<div style='clear: both'></div>
			<div style='margin-top:15px;width:92%'>
			<textarea style='width:100%;height:80px;background:#e8e8e8;border:none'></textarea>
			</div>	
			
			<!-- 合成按钮 -->
			<div class='order-s' style='margin-top:60px;margin-bottom:60px'>
				<button class='btn btn-default btn-primary' style='font-size:22px'>
					&nbsp;&nbsp;Send Order &nbsp; > &nbsp;&nbsp;
				</button>
			</div>
			<!-- 合成按钮end -->
		</div>
	</div>
	<!-- 订单结束-->
	<div id='zz' style='display:none;position: fixed;width:100%;height:100%;opacity:0.6;background:black;z-index:20000;left:0px;top:0px'>
		<img style='margin-left:50%;margin-top:20%;position:relative' src='/images/home/temp4.png'>
	</div>
<script>
$('.temp-img').click(function(){
	//$('#zz').show();
	var viewer = new Viewer(document.getElementById('yl'), {
		url: 'data-original'
	});	
})

var viewer = new Viewer(document.getElementById('yl1'), {
		url: 'data-original'
	});	

</script>
@endsection