@extends('Myadmin::layout.basic')

@section('header')
<script src="{{ App::make("myadmin")->asset('/ckeditor/ckeditor.js') }}"></script>
<script src="../../../js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="{{asset('css/bootstrap-datetimepicker.min.css')}}" />
@stop

@section('content')
<style type="text/css" media="screen">
    img#preview{
        width:150px;
        height:150px;
        padding:2px;
        border:1px solid #000;
    }
</style>
<div>
    {{ Form::model($product, array(
        'route'=> array($_CONST["CONTROLLER_ROUTE"].'.update', $product->id),
        'class'=>'form-horizontal well',
        'method' => 'put',
        'files' => true
    ))}}
    <div class="form-group ">
        <label class="col-sm-2 control-label">標題</label>
        <div class="col-sm-10">
            {{ 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">
            {{ Form::select('category_id', $option, null, array('class' => 'form-control'))}}
        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">價格</label>
        <div class="col-sm-10">
            {{ 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">
            {{ 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">
        <div class="col-sm-1">    {{ Form::radio('is_available', '上架', true )}}上架 </div>
        <div class="col-sm-1">    {{ Form::radio('is_available', '下架' )}}下架 </div>
        <div class="col-sm-1">    {{ Form::radio('is_available', '隱藏' )}}隱藏 </div>
        </div>
    </div>

	<div class="form-group ">
          <label class="col-sm-2 control-label">商品狀態</label>
          <div class="col-sm-10">
              {{ 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">
			 {{ 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"</input>  
			<span class="glyphicon glyphicon-calendar add-on" 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">
            {{ 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">
            {{ 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">
            {{ Form::text('stock_threshold', null, array('class' => 'form-control'))}}
        </div>
    </div>

	<div class="form-group"> 
	<label class="col-sm-2 control-label">圖片上傳</label>
        <div class="col-sm-10">
            {{ Form::file('image')}}
            @if (strlen($product->img_path) > 0)
            <img style="width:150px;height:150px" id="preview" src="{{{ img_upload_url($product->img_path)}}}">
            @else
            <img style="width:150px;height:150px" id="preview" src="{{ App::make("myadmin")->asset('images/photoshop.jpg') }}">
            @endif
        </div>
    </div>
    <div class="form-group ">
        <label class="col-sm-2 control-label">文章內容</label>
        <div class="col-sm-10">
            {{ Form::textarea('description', null, array('class' => 'form-control'))}}
        </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>
    {{ Form::close()}}
</div>

<script type="text/javascript">
	$(function() {
		$("#datetimepicker").datetimepicker({
			language: 'en',
			pickTime: 'true',
			format: 'yyyy-MM-dd hh:mm:ss'
		});
	});
</script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		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';
		}
	});
	
	$("select[name=type]").change(function(){
		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';
		}
	});
</script>
@stop

@section('js-snippet')
    @include('Myadmin::js.preview', array('bind' => 'input[name=image]','target' => '#preview'))
    @include('Myadmin::js.ckeditor', array(
        'target' => 'origin_content',
    ))
@stop