@extends('layouts/home/logined_new')

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

@section('content')

<script src='/ue/ueditor.config.js'></script>
<script src='/ue/ueditor.all.js'></script>
<link href="{{URL::asset('assets/editor/css/editor.css')}}" rel="stylesheet">
<link href="{{URL::asset('assets/editor/css/designdialog.css')}}" rel="stylesheet">

<script src="{{URL::asset('assets/js/home/content_zoom.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:0px;padding:10px 0 10px 0px;font-size:14px;font-weight:bold}
.dh ul li{display:inline-block;margin-right:5px}
.dh .active{color:#3ca1d6}
.dh .bt{cursor:pointer}
.dh{border-bottom:2px solid #929292}
.item-xc{display:inline-block;padding-left:13px;padding-bottom:20px}
.item-xc img{width:184px;height:125px;border-radius:3px}
.xc{width:1200px;margin:0 auto;padding-top:20px;min-height:435px}
.floor{width:1200px;margin:0 auto;padding-top:20px;display:none;min-height:435px}
.t-vedio{width:1200px;margin:0 auto;padding-top:20px;display:none;min-height:435px}
.t-virtual{width:1200px;margin:0 auto;padding-top:20px;display:none;min-height:435px}
.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}
    #products ul li{display:inline-block;margin-right:6px;margin-top:6px;cursor:pointer}
    #orders_n ul li{display:inline-block;margin-right:6px;margin-top:6px}
    #signboard_p ul li{display:inline-block;margin-right:6px;margin-top:6px;cursor:pointer;title:"click"}
#signboard_ad ul li{display:inline-block;margin-right:6px;margin-top:6px;cursor:pointer;title:"click"}
</style>

<div class='user-ads'>
		<img src='{{Session::get('login_img')}}' style='width:100%;height:160px'>
</div>

<div id='project-detail'>
<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=""> &nbsp;&nbsp;&nbsp;&nbsp; My Booking&nbsp;&nbsp;  </a></li>
				<li class="spec_btn"><a href="{{URL('project/list/past')}}" style=""> &nbsp;&nbsp;&nbsp;&nbsp;My Projects&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 class='prj-title' style='background:#3ca1d6'>
	<div style='width:1200px;margin:0 auto'>
	
	<div style='display:inline-block'>
	<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'>&nbsp;&nbsp;{{$projects['name']}}</td>
	</tr>
{{--	<tr>--}}
{{--		<td style='font-weight:700'>Campaign code</td>--}}
{{--		<td> &nbsp;&nbsp;{{$projects['bn']}}</td>--}}
{{--	</tr>--}}
	</table>
	</div>
	
	<div style='display:inline-block;float:right;margin-top:20px'>
	@if(!empty($projects['is_print']) && empty($projects['is_appointment']) && $prints['status'] < 2)
	<span style='padding:7px 25px;background:#000;color:#fff;cursor:pointer' onclick='upImages()'>Add Photos to This Campaign</span>
	@endif

	@if($prints['status']==2&&$projects['status']!=2)
		<span style='color:#fff;font-size:14px'>Order Sent. Campaign in Progress</span>
	@endif

	@if($projects['status']==2)
		<span style='color:#fff;font-size:14px'>Campaign Completed</span>
	@endif
	</div>
	</div>
</div>



<!-- 按钮 -->
<div class='dh' style="background: #4a6f7f">
<div style='width:1200px;margin:0 auto;'>
	<ul style='display:inline-block;color:#fff;font-size:20px;font-weight: normal'>
	<li class='bt active photo-n'>Photography</li> |
	<li class='bt floor-n'>Floor Plans</li>
{{--		|--}}
{{--	<li class='bt vedio-n'>Video</li> |--}}
{{--	<li class='bt virtual-n'>Virtual Walkthrough</li>--}}
	</ul>
	
	<!-- 	<ul style='display:inline-block;float:right' class='add-p'>
		<li style='cursor: pointer;margin-right:0px'>Add Photos</li>
	</ul> -->
</div>	

</div>
<!-- 按钮end -->

<!-- 相册开始 -->
<div class='xc b1' style=''>
	@if(!empty($photo_img))
	@foreach($photo_img as $k=>$v)
    <div class='item-xc tc{{$k}}'>
    <a href='#pic{{$k}}'>
    	<img src='{{$v['web_url']}}'>
    </a>	
    </div>
    <div id="pic{{$k}}" style="display:none;"><img src="{{$v['web_url']}}" /></div>
    @endforeach
    @elseif(!empty($print_img))
    @foreach($print_img as $k=>$v)
    <div class='item-xc tc{{$k}}'>
    <a href='#pic{{$k}}'>
    	<img src='{{$v['web_url']}}'>
    </a>	
    </div>
    <div id="pic{{$k}}" style="display:none;"><img src="{{$v['web_url']}}" /></div>
     @endforeach
    @else
    	<div style='height:20%;text-align:center;padding-top:10%;font-size:16px;font-weight:bold'>
    		
    	</div>
    @endif
    @if($downloads)
    <div class='down' style='padding-left:13px;padding-bottom:20px'>
    	<p style='font-size:18px;font-weight:bold'>Download</p>
		<p style='font-size:14px;margin-top: 10px; margin-bottom:10px;width: 800px'>Click the blue download button to begin. If it doesn’t work, <span style="font-weight: bold">right-click</span> the blue download button and select <span style="font-weight: bold">"Save link as"</span> to save the ZIP file to your computer.</p>
    	<ul style='display:inline-block'>
    		@if(!empty($downloads[$print_zip]))
    		<li><a href='{{$downloads[$print_zip]}}'>Print Version</a>&nbsp;&nbsp;<a href='{{$downloads[$print_zip]}}' style="text-decoration:underline;color:blue;font-size=12px">Download</a></li>
    		@else
    		<!-- <li><span style='color:gray'>Print Version</span></li>-->
    		@endif
    		@if(!empty($downloads[$w6x5]))
    		<li><a href='{{$downloads[$w6x5]}}'>Web Version(6x5)</a>&nbsp;&nbsp;<a href='{{$downloads[$w6x5]}}' style="text-decoration:underline;color:blue;font-size=12px">Download</a></li>
    		@else
    	<!-- 	<li><span style='color:gray'>Web Version</span></li> -->
    		@endif
    		@if(!empty($downloads[$w6x4]))
    		<li><a href='{{$downloads[$w6x4]}}'>Web Version(6x4)</a>&nbsp;&nbsp;<a href='{{$downloads[$w6x4]}}' style="text-decoration:underline;color:blue;font-size=12px">Download</a></li>
    		@else
    		<!--<li><span style='color:gray'>Web Version(watermark)</span></li> -->
    		@endif
    		
    	</ul>
    	<!-- <ul style='display:inline-block;margin-left:30px'>
    	@if(!empty($downloads['PrintWater800x600']))
    		<li><a href='{{$downloads['PrintWater800x600']}}'>Print Version(800x600 with watermark)</a></li>
    	@else
    		<li><span style='color:gray'>Print Version(800x600 with watermark)</span></li>
    	@endif
    	@if(!empty($downloads['WebWater1600x1067']))
    		<li><a href='{{$downloads['WebWater1600x1067']}}'>Web Version(1600x1067 with watermark)</a></li>
    	@else
    		<li><span style='color:gray'>Web Version(1600x1067 with watermark)</span></li>
    	@endif
    	</ul> -->
    	
    </div>
    @endif
    @if(!empty(0))
    <div style='width:1200px;margin-left:10px;margin-bottom:20px'>
    <p style='font-weight: 700'>if you require any changes to the floor plans or photos, please leave a message here:</p>
    <textarea style='width:100%' rows=4 id='mem_msg'></textarea>
    <div style='text-align: right;margin-top:5px'>
   
    </div>
    </div>
    
    <div style='width:1200px;margin-left:10px;margin-bottom:20px'>
    <p style='font-weight: 700'>
    Your Email Address (for update notification)
    </p>
    <input style='width:100%'  id='con_email'>
    <div style='text-align: right;margin-top:5px'>
    <button id='sub_mem_msg'>
    send
    </button>
    </div>
    </div>
    @endif
</div>
<!-- floor plan -->
<div class='floor b1'>
@if(!empty($floor_img))
	@foreach($floor_img as $k=>$v)
    <div class='item-xc'>
    <a href='#pic1{{$k}}'>
    	<img src='{{$v['web_url']}}'>
    </a>
    </div>
     <div id="pic1{{$k}}" style="display:none;"><img src="{{$v['web_url']}}" /></div>	
    @endforeach
    @else
    	<div style='height:20%;text-align:center;padding-top:5%;font-size:16px;font-weight:bold'>
    		
    	</div>
    @endif
    
     @if(isset($downloads[$dfloor]))
    <div class='down' style='padding-left:13px;padding-bottom:20px'>
    	<p style='font-size:18px;font-weight: '>Download</p>
    	<ul style='display:inline-block'>
    		@if(!empty($downloads[$dfloor]))
    		<li><a href='{{$downloads[$dfloor]}}'>Floor Plans</a></li>
    		@else
    		<!-- <li><span style='color:gray'>Floor Plans</span></li> -->
    		@endif
    		
    		
    	</ul>
    	 	
    </div>
    @endif

</div>
<!-- floor plan end -->

<!-- vedio -->
<div class='t-vedio b1' style='text-align:center'>
@if(!empty($projects['video']))
{!!$projects['video'] !!}
<div style='margin:20px 0'>
<span style='font-weight: bold;position:relative;top:12px'>Embed Code: </span><textarea cols=80>{{$projects['vir_walk'] }}</textarea>
</div>
@endif
</div>

<div class='t-virtual b1' style='text-align:center'>
@if(!empty($projects['vir_walk']))
{!!$projects['vir_walk'] !!}
<div style='margin:20px 0'>
<span style='font-weight: bold;position:relative;top:12px'>Embed Code: </span><textarea cols=80>{{$projects['vir_walk'] }}</textarea>
</div>
@endif
</div>
<!-- vedioend -->

<!-- 相册结束-->



{{--	这里是隐藏的--}}
{{--<!-- 打印开始 -->--}}
{{--<div class='dh' style="background: #005563">--}}
{{--        <div style='width:1200px;margin:0 auto;'>--}}
{{--            <ul style='display:inline-block;color:#fff;font-size:20px;font-weight: normal'>--}}
{{--                <li class='bt photo-n1'>Signboard</li> |--}}
{{--                <li class='bt floor-n1'>Brochure</li> |--}}
{{--                <li class='bt vedio-n1'>Drop Letter</li>--}}
{{--            </ul>--}}


{{--        </div>--}}

{{--    </div>--}}

{{--    <div style="background: #fff;">--}}
{{--        <div style="background:#d7d7d7;">--}}
{{--            <div style="width:1200px;margin:0 auto">--}}
{{--                <div style="cursor:pointer;display: inline-block;background:#000;color:#fff;padding:4px 6px;margin-top:4px;margin-bottom:3px;font-size:16px"><a style="color:#fff;" target="_blank" href="/users/resources">Download Templates</a></div>--}}
{{--                <div style="cursor:pointer;margin-left:20px;display: inline-block;background:#009463;color:#fff;padding:4px 6px;margin-top:4px;margin-bottom:3px;font-size:16px" onclick='upFiles(1)'>Upload Your Design</div>--}}
{{--                <div style="cursor:pointer;margin-left:20px;display: inline-block;background:#000;color:#fff;padding:4px 22px;margin-top:4px;margin-bottom:3px;font-size:16px">How</div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div style="background: #fff;height:300px">--}}
{{--            <form id="print-frm">--}}
{{--                <input type="hidden" name="id" value="{{$projects['id']}}">--}}
{{--                {!! csrf_field() !!}--}}
{{--                <div  style="width:1200px;margin:0 auto">--}}
{{--                    <div style="margin-top:20px">--}}
{{--                        <input type="hidden" name="fj" id="fj" value="{{$projects['signboard_file']}}">--}}
{{--                        <div id="display">--}}
{{--                            @foreach($signboard_info as $k=>$v)--}}
{{--                                <div style="display: inline-block;width:100px"> <img src="/images/doc.png" style="width:100px;height:100px"> <p style="text-align: center;">{{$v['title']}}</p> </div>--}}
{{--                            @endforeach--}}
{{--                        </div>--}}

{{--                        <div style="font-size:18px;margin-top:8px;">--}}
{{--                            <input type="radio"> Send me a proof before printing<br>--}}
{{--                            <p style="padding-top:15px;">&nbsp;&nbsp;&nbsp;Your email address to receive the proof--}}
{{--								&nbsp;&nbsp;&nbsp;<input value="{{$projects['proof_email']}}" type="text" name="proof_email" style="width:400px;">--}}
{{--                            </p>--}}
{{--                        </div>--}}

{{--                    </div>--}}
{{--                    <div style="margin-top:10px;margin-left:9px;">--}}
{{--                        <span id="print-sub" style="cursor:pointer;color:#fff;font-size:16px;padding:5px 45px;background:#4a6f7f">Send</span>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </form>--}}
{{--        </div>--}}
{{--    </div>--}}

<!-- 打印结束 -->

	<div style='clear:both;margin-top:30px'></div>
	<div style='clear:both;margin-top:30px'></div>

<div style='height:30px'></div>


		


<div id='zz' style='display:none;position: absolute;width:100%;height:200%;opacity:0.6;background:black;z-index:20000;left:0px;top:0px'>
	<img style='margin-left:50%;margin-top:20%;' src='/images/home/loding.gif'>
</div>
<div id="temp_zoom" style="display:none;"><img src="/images/home/nopic.jpg" /></div>
     <!--上传excel组件-->
<div style="display:none;width:100px;height:100px">
    <textarea style="width:100px;height:100px" id="file-editor" name="file-editor" ></textarea>
</div>


<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" 
	               aria-hidden="true">×
	            </button>
	            <h4 class="modal-title" id="myModalLabel">
	            		{{trans('common.user_create_project')}}
	            </h4>
	         </div>
	         <div class="modal-body">
	          <form role="form" style=''>
	          	{!! csrf_field() !!}
	         	  <div class="form-group">
      <label for="name">{{trans('common.user_project_name')}}</label>
      <input type="text" class="form-control" id="name" name='name'
         placeholder="{{trans('common.user_input_project_name')}}">
		 <br>
		 <span id='name-notice' style='color:red'></span>
   </div>
   </form>
   <div class="alert alert-danger" style='margin-top:10px;display:none'></div>
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" 
	               data-dismiss="modal">{{trans('common.btn_close')}}
	            </button>
	            <button type="button" id='sub-prj' class="btn btn-primary">
	             		  {{trans('common.btn_sub')}}
	            </button>
				
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

    <script type="text/javascript" src="{{URL::asset('assets/editor/js/sea.js')}}"></script>
    <script type="text/javascript" src="{{URL::asset('assets/editor/js/jquery.simplemodal.1.4.4.min.js')}}"></script>
    <script type="text/javascript" src="{{URL::asset('assets/editor/js/gtcommondialog.js')}}"></script>
<script>

    var upload_flag = 0;

    var editor_a = new baidu.editor.ui.Editor();
    editor_a.render('editor');
    var fileEditor = new UE.ui.Editor({PHPSESSID:'{{Session::getId()}}'});
    fileEditor.render("file-editor");
    fileEditor.ready(function () {
        //设置编辑器不可用
        fileEditor.setDisabled();
        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
        fileEditor.hide();
        //侦听文件上传，取上传文件列表中的文件的路径

        fileEditor.addListener('beforeInsertImage', function (t, arg) {
            var info = '';
            $('#zz').show();
            for(var i in arg)
            {
                info+=arg[i].src+',';
            }
            var project_id = '{{$projects['id']}}';
            var post_str = {'_token':"{{csrf_token()}}","prj_img":info,"project_id":project_id};
            $.ajax({
                url:"{{URL('project/myimages')}}",
                data:post_str,
                dataType:"JSON",
                type:"POST",
                success:function(data){
                    if(data.success)
                    {
                        location.href='';
                    }
                },
            });

        });

        fileEditor.addListener('afterUpfile', function (t, arg) {
            var html = '';
            //design
            if(upload_flag == 1) {
                for (var i =0; i<arg.length; i++) {
                    html = ' <div style="display: inline-block;width:100px"> <img src="/images/doc.png" style="width:100px;height:100px"> <p style="text-align: center;">'+arg[i].title+'</p><p style="color:red;text-align:center"><a class="delete" data-value="'+arg[i].url+'||'+arg[i].title+'" href="javascript:;" style="color:red;text-decoration: underline">delete</a></p> </div>';
                    $("#display").append(html)

                    var old =   $("#fj").val();

                    $("#fj").val(old+','+arg[i].url+'||'+arg[i].title)
                }

            }else if(upload_flag == 2) {

            }

            $("#upload_file").val(arg[0].url);
        })

    });

    function upImages()
    {
        var myFiles = fileEditor.getDialog("insertimage");
        myFiles.render();
        myFiles.open();
    }
    function upFiles(status)
    {
        upload_flag = status;
        var myFiles = fileEditor.getDialog("attachment");
        myFiles.render();
        myFiles.open();
    }

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

        if($("#fj").val() == '') {
            alert('Please Upload Your design!');
            return false;
        }

        $.ajax({
            url:"{{URL('project/send-design')}}",
            data:data,
            dataType:"JSON",
            type:"POST",
            success: function(data){
               alert('success');
               location.href='/users';

            },
            error: function(data){

            },
        });
    })

    var web_url = 'http://{{ $_SERVER['HTTP_HOST']  }}';
    if("{{$print_new['prod_ids']}}")
    {
        var str = "{{$print_new['prod_ids']}}";
        var ids =str.split(',');
    }
    else{
        var ids = [];
    }

    var upload_frm_url = web_url + '/diy/bgupload?pid={{$projects['id']}}&flag=home&type=';
    $('#frm ul li').click(function(){
        $('ul li').removeClass('active');
        $(this).addClass('active');
        var arrayHtml = new Array();
        arrayHtml[0] = '<div id="ifr-dialog" >';
        arrayHtml[1] = '<iframe style="height:600px" frameborder="0" scrolling="no" id="ifr-dialog-container" frameborder="0" src="' + upload_frm_url + 'bg" class="box-iframe" ></iframe>';
        arrayHtml[2] = '</div>';
        $.modal(arrayHtml.join(""), {
            opacity: 30,
            close: true,
            closeHTML: '<a id="qyptClose" title="关闭" style="right:-36px;"></a>',
            overlayClose: false,
            "containerId": "ifr-dialog-content",
            containerCss: {
                width: 700,
                height: 450,
                "background-color": "#ffffff",
                padding: "0px"
            }
        });
    })

	$("#print-frm").delegate('.delete', 'click' ,function(){
	    var val = $(this).attr('data-value');
	    var post_val = $('#fj').val();

	    var new_val = post_val.replace(val+',', '');
        new_val = new_val.replace(','+val, '');
        $('#fj').val(new_val);
        $(this).parent().parent().remove();
	})

    function call(url){
        $(".active").find('img').attr('src',url);
        $.modal.close();

    }
$('#create-c').click(function(){
	$('#myModal').modal({
	      keyboard: true
	   });
})
    function wordStatic(input) {
        // 获取文本框对象

        // 获取输入内容长度并更新到界面
        var value = input;
        // 替换中文字符为空格
        value = value.replace(/[\u4e00-\u9fa5]+/g, " ");
        // 将换行符，前后空格不计算为单词数
        value = value.replace(/\n|\r|^\s+|\s+$/gi,"");
        // 多个空格替换成一个空格
        value = value.replace(/\s+/gi," ");
        // 更新计数
        var length = 0;
        var match = value.match(/\s/g);
        if (match) {
            length = match.length + 1;
        } else if (value) {
            length = 1;
        }
        return length;

    }

    $('#s_advert').keydown(function(event){
        var s_text = $(this).val()
        var length = wordStatic(s_text);

        if(length > 99){

            $('#s_advert').css('border','1px solid red');
            alert('no more than 100 words');
        }
    })

    $('#ad_advert').keydown(function(event){
        var s_text = $(this).val()
        var length = wordStatic(s_text);

        if(length > 99){

            $('#ad_advert').css('border','1px solid red');
            alert('no more than 100 words');
        }
    })


    $('.prod').click(function(){
        var html = '<img data-id='+$(this).attr('data-id')+'  style="width:100%;height:500px;" data='+$(this).attr('src')+' src='+$(this).attr('data')+'><p id="selectProd" style="text-align:center;margin-top:10px">' +
                '<button id="addToOrder" onclick="addTo(this)">Add To Order</button></p>';
        $.modal(html, {
            opacity: 30,
            close: true,
            closeHTML: '<a id="qyptClose" title="close" style="right:-36px;"></a>',
            overlayClose: false,
            "containerId": "ifr-dialog-content",
            containerCss: {
                width: 800,
                height: 550,
                "background-color": "#ffffff",
                padding: "0px"
            }
        });
    })


function addTo(el){
    $.modal.close();
    var jqEl = $(el);
    var url = jqEl.parent().prev().attr('data');
    var detail = jqEl.parent().prev().attr('src');
    var id = jqEl.parent().prev().attr('data-id');
    ids.push(id);
    $('<li><img data-id='+id+' src="'+url+'" data="'+detail+'" style="width: 120px;height:50px"><p onclick="remove(this)" style="text-align:center;margin-top:5px;cursor:pointer;color:blue">remove</p></li>').appendTo('#orders_n ul')
}

function remove(el){
    var jqEl = $(el);
    jqEl.parent('li').remove();
    var id =  jqEl.prev().attr('data-id');
    var index = ids.indexOf(id);
    ids.splice(index, 1);

}
$('#sub-prj').click(function(){

	if($('#name').val() =='')
	{
		$('#name-notice').html('Campaign Name required');
		return false;
	}
	$.ajax({
	   url:"{{URL('project/create')}}",
       data:$('form').serialize(),
       dataType:"JSON",
       type:"POST",
       success: function(data){
    	   location.href='{{URL("project/detail")}}/'+data.id;
      			
       },
       error: function(data){
         var str = '';
      	 $.each(data.responseJSON, function (key, value) {
       		str=str+value+"<br>";
            $('.alert-danger').show();
            $('.alert-danger').html(str);
           });
       },
	});
})

$('#sub-add').click(function(){
	$('#add-detail').show();
	$('#send-add').click(function(){
		if($('.add-print').val() == '')
		{
			alert('error');
			return false;
		}
		var project_id = '{{$projects['id']}}';
		var post_str = {'_token':"{{csrf_token()}}","project_id":project_id,'add_detail':$('.add-print').val()};
		
		 $.ajax({
	         type: 'POST',
	         url: "{{ url('/print/addprint') }}",
	         data: post_str,
	         beforeSend: function () {
	             // loading...
	         },
	         success: function (json) {
				if(!json.error)
				{
					alert('Your request has been sent successfully');
					location.href = '/';
				}
	         }
	     });
		
	})
	
})


$('.floor-n').click(function(){
	$('.bt').removeClass('active');
	$('.floor-n').addClass('active');
	$('.b1').hide();
	$('.floor').show();
	$('.add-p').show();
})

$('.photo-n').click(function(){
	$('.bt').removeClass('active');
	$('.photo-n').addClass('active');
	$('.b1').hide();
	$('.xc').show();
	$('.add-p').show();
	
})

$('.vedio-n').click(function(){
	$('.bt').removeClass('active');
	$('.vedio-n').addClass('active');
	$('.b1').hide();
	$('.t-vedio').show();
	$('.add-p').hide();
})

$('.virtual-n').click(function(){
	$('.bt').removeClass('active');
	$('.virtual-n').addClass('active');
	$('.b1').hide();
	$('.t-virtual').show();
	$('.add-p').hide();
})

$('.print-t').click(function(){
	//alert($(this).attr('data'))
	var id = $(this).attr('data');
	var pic = $(this).attr('data1');
	var name = $(this).html();
	$('#tmp-pic').attr('src',pic);
	$('#temp_zoom img').attr('src',pic);
	$('#temp-name').html(name);
	$('.temp-btn').attr('data',id)
})

$('.temp-btn').click(function(){
	var id = $(this).attr('data');
	if(typeof(id) == 'undefined')
	{
		alert("{{trans('common.project_select_temp')}}");
		return false;
	}

	var project_id = '{{$projects['id']}}';

	location.href = '/template/diy/'+id+'/'+project_id;
})

$('.work-edit').click(function(){
	var id = $(this).attr('data');

	location.href='/works/'+id;
})


$('.work-del').click(function(){
	var id = $(this).attr('data');
	var post_str = {'_token':"{{csrf_token()}}","works_id":id};
	
	 $.ajax({
         type: 'POST',
         url: "{{ url('/works/del') }}",
         data: post_str,
         beforeSend: function () {
             // loading...
         },
         success: function (json) {
			if(!json.error)
			{
				location.href = '';
			}
         }
     });
})
    $("#checked").change(function() {
        if($("#checked").is(':checked')){
            $('#sub-order').attr('disabled',false)
        }else{
            $('#sub-order').attr('disabled',true)
        }
    });
    $('.work-b').click(function(){
	var works_id = $(this).attr('data');
	var project_id = '{{$projects['id']}}';
	var post_str = {'_token':"{{csrf_token()}}","project_id":project_id,'works_id':works_id};
	
	//打印订单信息
	 $.ajax({
            type: 'PUT',
            url: '{{ url('/print/order') }}/'+project_id,
            data: post_str,
            beforeSend: function () {
                // loading...
            },
            success: function (json) {
				if(!json.error)
				{
					location.href='';
				}
				else
				{
					alert('send failed,please try again');
					return false;
				}
            }
        });
})

$('.remove-t').click(function(){
	var project_id = '{{$projects['id']}}';
	var works_id = $(this).attr('data');
	var post_str = {'_token':"{{csrf_token()}}","works_id":works_id,'project_id':project_id};
	 $.ajax({
         type: 'POST',
         url: "{{ url('/print/remove') }}",
         data: post_str,
         beforeSend: function () {
             // loading...
         },
         success: function (json) {
			if(!json.error)
			{
				location.href = '';
			}
         }
     });
	
})


$('#sub-activate').click(function(){
	  var project_id = '{{$projects['id']}}';
	  var post_str = {'_token':"{{csrf_token()}}",'project_id':project_id};
		//打印订单信息
		 $.ajax({
	            type: 'POST',
	            url: "{{ url('/project/activate') }}",
	            data: post_str,
	            beforeSend: function () {
	                // loading...
	            },
	            success: function (json) {
					if(!json.error)
					{
						alert('激活成功，你可以继续操作你的项目了');
						location.href='';
					}
	            }
	        });
})

   $('#sub-order_old').click(function(){
       $('#signboard_p ul li img').each(function(i,v){
           if($(v).attr('src') != "/images/home/nopic.jpg"){
               console.log($(v).attr('src'));
           }
       })
	   var con = confirm("Your order is about to be submitted.\nPlease ensure:\n-   All related artworks have been checked\n-   All related notes have been included (if any)\n-   The correct quantities have been entered");
	   if(con == true)
	   {
				var project_id = '{{$projects['id']}}';
	        	var work_info = '';
	    		$('.d-item').each(function(){
	    			work_id = $(this).find('.works_id').val();
	    			num = $(this).find('.num').val();
	    			work_info =work_info + work_id+','+num+'|';
	    		});


				var position  = $('.install-p').find('input[name="install-p"]:checked').val();
				var detail_address  = $('#display_address').val();
	    		var note = $('#note').val();

	    		if(position ==1 && detail_address == '')
	    		{
		    		alert("Detailed installation notes required");
		    		return false;
		    	}

	    		var post_str = {'_token':"{{csrf_token()}}","position":position,"detail_address":detail_address,"works_info":work_info,"note":note,"project_id":project_id};
	    		//打印订单信息
	    		 $.ajax({
	    	            type: 'PUT',
	    	            url: "{{ url('/print/sendorder') }}",
	    	            data: post_str,
	    	            beforeSend: function () {
	    	                // loading...
	    	            },
	    	            success: function (json) {
	    					if(!json.error)
	    					{
	    						location.href='';
	    					}
	    	            }
	    	        });
	   }
	   else
	   {
		   return false;
	   }
	})

    $('#sub-order').click(function(){
        var sl_photo = [];
        var ad_photo = [];
        var fl_photo = [];
        $('#signboard_p ul li img').each(function(i,v){
            if($(v).attr('src') != "/images/home/nopic.jpg"){
                sl_photo.push($(v).attr('src'));
            }
        })
        $('#signboard_ad ul li img').each(function(i,v){
            if($(v).attr('src') != "/images/home/nopic.jpg"){
                ad_photo.push($(v).attr('src'));
            }
        })
        $('#floor_plan ul li img').each(function(i,v){
            if($(v).attr('src') != "/images/home/nopic.jpg"){
                fl_photo.push($(v).attr('src'));
            }
        })
//        alert(sl_photo.join(','));
//        alert(ad_photo);
        //alert(fl_photo);return false;
       /* if(sl_photo.length<1){
            alert('Signboard/Lightbox Photos required')
            return false;
        }
        if(ad_photo.length<1){
            alert('A4/A5/A6/DL Photos required')
            return false;
        }*/
        var data = {
            prod_ids : ids.join(','),
            pa : "default",//$('#address').val(),
            bedroom :"1",// $('#bedroom').val(),
            car :"1",// $('#car').val(),
            bathroom :"1",// $('#bathroom').val(),
            type :"1", //$("input[name='optionsRadiosinline']:checked").val(),
            inspection : $('#inspection').val(),
            sa : "default",//$("#sa").val(),
            sl_photo : "default",//sl_photo.join(','),
            ad_photo : "default",//ad_photo.join(','),
            fl_photo : "default",//fl_photo.join(','),
            f_name : "default",//$('#f_name').val(),
            f_phone : "default",//$('#f_phone').val(),
            f_email : "default",//$('#f_email').val(),
            s_name : "default",//$('#s_name').val(),
            s_phone : "default",//$('#s_phone').val(),
            s_email : "default",//$('#s_email').val(),
            s_advert : "default",//$('#s_advert').val(),
            ad_advert : $('#ad_advert').val(),
            install_p : $("input[name='install-p']:checked").val(),
            display_address :$('#display_address').val(),
            project_id : "{{$projects['id']}}",
            pid : $('#prod_id').val(),
			upload_file:$('#upload_file').val(), 
            '_token':"{{csrf_token()}}",
            receive_email : $('#receive_email').val()
        };
        if(data.pa == ''){
            alert('Property Address required');
            return false;
        }
        if(data.bedroom == ''){
            alert('Bedroom required');
            return false;
        }
        if(data.car == ''){
            alert('Car required');
            return false;
        }
        if(data.bathroom == ''){
            alert('Bathroom required');
            return false;
        }
        if(data.sa == ''){
            alert('Sale/Auction Details required');
            return false;
        }
        if(data.f_name == ''){
            alert('First Agent Name required');
            return false;
        }
        if(data.f_phone == ''){
            alert('First Agent Phone required');
            return false;
        }
        if(data.f_email == ''){
            alert('First Agent Email Address required');
            return false;
        }
        if(data.s_advert == ''){
            alert('Signboard/Lightbox Text required');
            return false;
        }
        if(data.ad_advert == ''){
            alert('Brochure/Drop Letter Text required');
            return false;
        }

        if(data.install_p == 1 && data.display_address ==''){
            alert('Please include detailed information regarding the intended position of the signboard installation');
            return false;
        }
        if(data.receive_email == ''){
            alert('Please enter an email address to receive the artwork proof');
            return false;
        }


        $.ajax({
            type: 'POST',
            url: "{{ url('/print/sendorder') }}",
            data: data,
            beforeSend: function () {
                // loading...
            },
            success: function (json) {
                if(!json.error)
                {
					alert("our order has been sent successfully");
                    location.href='';
                }
            }
        });


        //return false;
    })
		     
//$('div.item-xc a').fancyZoom({scaleImg: true, closeOnClick: true});
//$('#yl a').fancyZoom({scaleImg: true, closeOnClick: true});
//$('.work-i a').fancyZoom({scaleImg: true, closeOnClick: true});


$('#sub_mem_msg').click(function(){
	var project_id = '{{$projects['id']}}';
	var post_str = {'_token':"{{csrf_token()}}","project_id":project_id,"mem_msg":$('#mem_msg').val(),'con_email':$('#con_email').val()};
	if($('#mem_msg').val()=='' || $('#con_email').val()=='')
	{
		alert(' Email address and modification details are required.');
		return false;
	}
	 $.ajax({
         type: 'POST',
         url: "{{ url('/project/membermsg') }}",
         data: post_str,
         beforeSend: function () {
             // loading...
         },
         success: function (json) {
				if(json.success)
				{
					alert('Your message has been successfully sent. We will update the file(s) ASAP.');
					location.href='';
				}
         }
     });
})



</script>
@endsection