@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::open(array(
        'action'=>$_CONST["CONTROLLER_ROUTE"].'.store',
        'class'=>'form-horizontal well',
        '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, '', 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('一般商品' => '一般商品', '集量商品' => '集量商品', '限時商品' => '限時商品') , '一般商品', 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 class="col-sm-10">
				{{ Form::text('close_date', null, array('class' => 'form-control', 'id'=> 'datetimepicker', 'data-format' => 'yyyy-MM-dd hh:mm:ss')) }}
			<span class="add-on">
				<i class="icon-calendar" data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
			</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')}}
            <img style="width:150px;height:150px" id="preview" src="{{ App::make("myadmin")->asset('images/photoshop.jpg') }}">
        </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' => 'input-xxlarge form-control'))}}		{{--origin_content -> description--}}
        </div>
    </div>
    <hr>
{{--
    <div class="form-group ">
        <label class="col-sm-2 control-label">Submit</label>
        <div class="col-sm-10">
            {{ Form::submit('Click me!!')}}
        </div>
    </div>
--}}
    <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(){

		$("select[name=type]").change(function(){
			//			alert("changed!!");
			console.log($("select[name=type]").val());
			if($("select[name=type]").val() == "集量商品"){
				document.getElementById('deal').style.display = 'block';
				document.getElementById('close').style.display = 'none';
				console.log("yooooooo");
			}
			else if($("select[name=type]").val() == "限時商品"){
				document.getElementById('deal').style.display = 'none';
				document.getElementById('close').style.display = 'block';
				console.log("close date");
			}
			else if($("select[name=type]").val() == "一般商品"){
				document.getElementById('deal').style.display = 'none';
				document.getElementById('close').style.display = 'none';
				console.log("normal");
			}
		});
	});
</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