<?php $__env->startSection('header'); ?>
<script src="<?php echo App::make("myadmin")->asset('/ckeditor/ckeditor.js'); ?>"></script>
<script src="../../../js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo asset('css/bootstrap-datetimepicker.min.css'); ?>" />
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<style type="text/css" media="screen">
    img#preview{
        width:150px;
        height:150px;
        padding:2px;
        border:1px solid #000;
    }
	.btn-my{  
		background: #006633;
		width: 100px;  
		height: 100px;  
		-moz-border-radius: 50%;  
		-webkit-border-radius: 50%;  
		border-radius: 50%;  
	}  
	.btn-my:hover {  
        background: #BFEC3E;   
        color:#e75616;  
    }  
</style>
<div>
    <?php echo Form::model($product, array(
        'route'=> array($_CONST["CONTROLLER_ROUTE"].'.update', $product->id),
        'class'=>'form-horizontal well',
        'method' => 'put',
        'files' => true
    )); ?>


	<?php if($errors->has()): ?>
			<div class="alert alert-warning" role="alert"><?php echo $errors->first(); ?></div>
	<?php endif; ?>

    <div class="form-group ">
			<?php if($product->type == "集量商品"): ?>		
		        <h3><label class="col-sm-2 control-label">集量商品 : </label></h3>
			<?php elseif($product->type == "限時商品"): ?>
		        <h3><label class="col-sm-2 control-label">限時商品 : </label></h3>
			<?php else: ?>
		        <label class="col-sm-2 control-label">商品類別</label>
        		<div class="col-sm-10">
		            <?php echo Form::select('category_id', $option, '', array('class' => 'form-control')); ?>

				</div>
			<?php endif; ?>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品編碼</label>
        <div class="col-sm-10">
            <?php echo Form::text('product_code', null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品名稱</label>
        <div class="col-sm-10">
            <?php echo Form::text('title', null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品條件</label>
        <div class="col-sm-10">
            <?php echo Form::text('format', 'red / S', array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品定價</label>
        <div class="col-sm-10">
            <?php echo Form::text('price', null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品售價</label>
        <div class="col-sm-10">
            <?php echo Form::text('selling_price', null, array('class' => 'form-control')); ?>

        </div>
    </div>

    <div class="form-group ">
        <label class="col-sm-2 control-label">架上數量</label>
        <div class="col-sm-10">
            <?php echo Form::text('available_amount', null, array('class' => 'form-control')); ?>

        </div>
	</div>	

    <div class="form-group ">
        <label class="col-sm-2 control-label">最大數量</label>
        <div class="col-sm-10">
            <?php echo Form::text('stock_amount', null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">影片連結</label>
        <div class="col-sm-10">
            <?php echo Form::text('video_url', null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">特殊條件</label>
        <div class="col-sm-10">
            <?php echo Form::select('special_case', array('無' => '無', '限量商品' => '限量商品', '熱銷商品' => '熱銷商品') , null, array('class' => 'form-control')); ?>

        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">紅利類別</label>
        <div class="col-sm-10">
            <?php echo Form::select('bonus_category_id', $bonusoption, null, array('class' => 'form-control')); ?>  
        </div>
    </div>

    <div class="form-group ">
        <label class="col-sm-2 control-label">顯示狀態</label>
        <div class="col-sm-10">
        <div class="col-sm-1">    <?php echo Form::radio('is_available', '上架' ); ?>上架 </div>
        <div class="col-sm-1">    <?php echo Form::radio('is_available', '下架', true ); ?>下架 </div>
<?php /*        <div class="col-sm-1">    <?php echo Form::radio('is_available', '隱藏' ); ?>隱藏 </div>	*/ ?>
        </div>
    </div>

    <div class="form-group ">
        <label class="col-sm-2 control-label">商品狀態</label>
        <div class="col-sm-10">
            <?php echo Form::select('type', array('一般商品' => '一般商品', '集量商品' => '集量商品', '限時商品' => '限時商品') , null, array('class' => 'form-control')); ?>

        </div>
    </div>

    <div class="form-group" style="display:none" id="deal">
        <label class="col-sm-2 control-label">多少數量以上</label>
        <div class="col-sm-10">
            <?php echo Form::text('deal_baseline', null, array('class' => 'form-control')); ?>

        </div>
    </div>
	
    <div class="form-group" style="display:none" id="close">
        <label class="col-sm-2 control-label">關閉時間</label>
		<div id="datetimepicker" class="col-sm-3 input-append date">  
    		<input type="text" name="close_date" data-format="dd/MM/yyyy hh:mm:ss" ></input>  
	        <span class="glyphicon glyphicon-calendar add-on btn" data-time-icon="icon-time" data-date-icon="icon-calendar"></span>  
    	</div>  
    </div>

    <div class="form-group ">
        <label class="col-sm-2 control-label">商品最低水位</label>
        <div class="col-sm-10">
            <?php echo Form::text('stock_threshold', null, array('class' => 'form-control')); ?>

        </div>
    </div>

	<div id="update_pic">

	<?php for($i=0 ; $i < count($detail) ; $i++): ?>
	<div class="form-group" data-id=<?php echo $detail[$i]['id']; ?>>
		<label class="col-sm-2 control-label">圖片上傳區</label>
		<div class="col-sm-2">
			<?php echo Form::file('image'.$i); ?>

			<?php if(strlen($product["image".$i] ) > 0): ?>
				<img style="width:150px;height:150px" id="preview" src="<?php echo e(img_upload_url($product["image".$i])); ?>">
			<?php else: ?>
				<img style="width:150px;height:150px" id="preview" src="<?php echo App::make("myadmin")->asset('images/photoshop.jpg'); ?>">
			<?php endif; ?>
		</div>
		<hr>
		<?php echo Form::hidden('id'.$i, null, array('class' => 'form-control')); ?>

		<div class="col-sm-5">
			Name :
			<?php echo Form::text('img_title'.$i, null, array('class' => 'form-control')); ?>	
		</div>
		<div class="col-sm-5">
			Contents : 
			<?php echo Form::textarea('img_description'.$i, null, array('class' => 'input-xlarge form-control')); ?>	
		</div>
		<button type="button" id="btnminus<?php echo $i; ?>" class="btn btn-my glyphicon glyphicon-minus"></button>
	</div>
	
	<?php endfor; ?>

	</div>
	<button type="button" id="btnplus" class="btn btn-my glyphicon glyphicon-plus" style="margin-left:50%"></button>
	<hr>
    <div class="form-group ">
        <label class="col-sm-2 control-label">商品描述</label>
        <div class="col-sm-10">
            <?php echo Form::textarea('description', null, array('class' => 'input-xxlarge form-control')); ?>		<?php /*origin_content -> description*/ ?>
        </div>
    </div>
    <hr>
    <div class="form-group">
        <label class="col-sm-2 control-label"></label>
        <div class="col-sm-10">
            <input type="submit" name="" value="編輯完成" class="btn btn-primary"  />
        </div>
    </div>
    <?php echo Form::close(); ?>

</div>

<script type="text/javascript">
	$(function() {
		$("#datetimepicker").datetimepicker({
			language: 'en',
			pickTime: 'true',
			format: 'yyyy-MM-dd hh:mm:ss'
		});
		$("#datetimepicker .glyphicon-calendar").click(function(){ $(".icon-time").addClass("glyphicon glyphicon-time btn")});
	});
</script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		var count_pic = 0;
		console.log("ready!!");
		if($("select[name=type]").val() == "集量商品"){
			document.getElementById('deal').style.display = 'block';
			document.getElementById('close').style.display = 'none';
		}		
        else if($("select[name=type]").val() == "限時商品"){
        	document.getElementById('deal').style.display = 'none';
            document.getElementById('close').style.display = 'block';
    	}
        else if($("select[name=type]").val() == "一般商品"){
        	document.getElementById('deal').style.display = 'none';
            document.getElementById('close').style.display = 'none';
		}

		$("#btnplus").click(function(){
			var str = '<div class="form-group id="pic'+count_pic+'"> <label class="col-sm-2 control-label">圖片上傳區</label> <div class="col-sm-2"> <input name="image'+count_pic+'" type="file"> <img style="width:150px;height:150px" id="preview" src="<?php echo App::make("myadmin")->asset('images/photoshop.jpg'); ?>"> </div> <hr> <input class="form-control" name="id'+count_pic+'" type="hidden" value="-1"> <div class="col-sm-5"> Name : <input class="form-control" name="img_title'+count_pic+'" type="text"> </div> <div class="col-sm-5"> Contents : <textarea class="input-xlarge form-control" name="img_description'+count_pic+'" cols="50" rows="10"></textarea> </div> <button type="button" id="btnminus'+count_pic+'" class="btn btn-my glyphicon glyphicon-minus"></button> </div> ';
   
			$("#update_pic").append(str);
			count_pic++;
			$(".glyphicon-minus").click(function(){
				if ( confirm('是否刪除此圖片?') ){
					$(this).parent().remove();
				}
			});
		});

		$(".glyphicon-minus").click(function(){
			if ( confirm('是否刪除此圖片?') ){
				$(this).parent().remove();
				var id = $(this).parent(".form-group").data("id");
	//			console.log(id);
//				console.log(<?php echo $product->id; ?>);
				window.location = "<?php echo URL::to('admin/product/imgdelete'); ?>" + '/' + id + '/' + "<?php echo $product->id; ?>";
			}
		});
	});
	
	$("select[name=type]").change(function(){
		if($("select[name=type]").val() == "集量商品"){
			document.getElementById('deal').style.display = 'block';
			document.getElementById('close').style.display = 'block';
		}		
        else if($("select[name=type]").val() == "限時商品"){
        	document.getElementById('deal').style.display = 'none';
            document.getElementById('close').style.display = 'block';
    	}
        else if($("select[name=type]").val() == "一般商品"){
        	document.getElementById('deal').style.display = 'none';
            document.getElementById('close').style.display = 'none';
		}
	});
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-snippet'); ?>
    <?php echo $__env->make('Myadmin::js.preview', array('bind' => 'input[name=image]','target' => '#preview'), array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php echo $__env->make('Myadmin::js.ckeditor', array(
        'target' => 'origin_content',
    ), array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('Myadmin::layout.basic', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>