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


@section('content')

<div>
    <div class="input-prepend input-append">
    </div>
        <h4 class="nametag">{{{ trans($_CONST["LANG_DEST"].".title")}}}</h4>
        <a href="{{ route($_CONST["CONTROLLER_ROUTE"].'.create')}}" class="btn btn-primary">
            <span class="glyphicon glyphicon-file"></span>
            {{{ trans($_CONST["LANG_DEST"].".create_action")}}}
        </a>
{{--
        <a href="{{ action($_CONST["CLASS_CONTROLLER"].'@index')}}" class="btn btn-success">
            <span class="glyphicon glyphicon-th-list"></span>
            {{{ trans($_CONST["LANG_DEST"].".browse_class")}}}
        </a>
--}}
        <a href="{{ action($_CONST["CLASS_CONTROLLER"].'@index')}}" class="btn btn-success">
            <span class="glyphicon glyphicon-plus"></span>
			{{{ trans($_CONST["LANG_DEST"].".manage_class") }}}
        </a>
		<br>
		<div class="col-md-4 pull-right">
			<div class="input-group">
				<input type="text" class="form-control" placeholder="Product's name" id="search_input">
				<span class="input-group-btn">
					<button class="btn btn-default" type="button" name="search">Seach</button>
				</span>
			</div>
		</div>
    <hr>
    {{ Form::open(array(  'class'=>'form-horizontal well'))}}
    <div class="input-group">
        <span class="input-group-addon">{{{ trans($_CONST["LANG_DEST"].".select_class")}}}：</span>
        {{ Form::select('id', $categories, 0, array('class' => 'form-control') )}}
    </div>
    {{ Form::close()}}
    <table class="table table-bordered" id="product-table">
		<thead>
	        <tr><th>Product Name</th><th>產品分類</th><th>價格</th><th>商品狀態</th><th>描述</th><th>架上數量</th><th>編輯</th><th>圖片</th></tr>
		</thead>
		<tbody>
        @foreach ($products as $product) 
        <tr>
            <td style="width:129px" id="td_pro_title">{{ $product->title }}</td>
	    	<td style="width:129px">{{$categories[$product->category_id]}}</td>
		    <td style="width:100px">{{$product->price}}</td>
			<td style="width:100px">{{$product->type}}
			{{--
		    <td style="width:100px">{{$product->type}}<br><div style=display:none>{{$product->deal_baseline}}</div><br><div style=display:none>{{$product->close_date}}</div></td>
--}}
	    	<td style="width:300px">{{$product->description}}</td>
		    <td style="width:100px">{{$product->is_available}}</td>

            <td style="width:200px">
                {{ Form::open(array(
                    'route'=>array('admin.product.destroy', $product->id),
                    'method' => 'delete')
                )}}
                <a href="{{ route('admin.product.edit', $product->id)}}" class="btn btn-primary">
                    <span class="glyphicon glyphicon-pencil"></span>
                    修改
                </a>

                <a href="#" onclick="if (confirm('{{ trans('Myadmin::layout.whether_to_delete')}}'))$(this).closest('form').submit()" class="btn btn-danger">
                    <span class="glyphicon glyphicon-remove"></span>
                    刪除
                </a>
                {{ Form::close()}}
            </td>

			<td><img src="{{{ img_upload_url($product->img_path)}}}" width="200px"></td>
        </tr>
        @endforeach
		</tbody>
    </table>
    <div class="pagination">
        {{ $products->links()}}
    </div>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            var base_url = "{{route('admin.product.index')}}";
/*            $("#search").click(function(){
                var redirect = base_url+'/'+$("input[name=search]").val();
                window.location.href = redirect;
            });
            $("#reset").click(function(){
                $("input[name=search]").val('');
            });
*/
			/* select class to redirect the pages */
            $("select[name=id]").change(function(){
                var t = $("select[name=id]").val();
                var base_url = "{{ route($_CONST["CONTROLLER_ROUTE"].".index")}}";
                if (t==0) {
                    var target = base_url;
                }else {
                    var target = base_url + '/' + t;
                }
                window.location = target;
            });

			$("#search_input").keyup(function(){
				// When value of the input is not blank
				if( $(this).val() != ""){
				// Show only matching TR, hide rest of them
					console.log($(this).val());
//					console.log($("#td_pro_title").val());
			 		$("#product-table tbody>tr").hide();
					$("#product-table #td_pro_title:contains-ci('"+$(this).val()+"')").parent("tr").show();
		 		}
		 		else{
			 		// When there is no input or clean again, show everything back
			 		$("#product-table tbody>tr").show();
		 		}
			});
/*			$("button[name=search]").click(function(){
				var value = $("input[name=search_input]").val();
				console.log(value);
				var base_url = "{{ route($_CONST["CONTROLLER_ROUTE"].".index") }}";
				if(value==0) {
					var target = base_url;
				}
				else{
					var target = base_url + '/' + value;
				}
				window.location = target;
			});
*/
        });

		$.extend($.expr[":"],
		{
			"contains-ci": function(elem, i, match, array)
			{
				return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
			}
		});
    </script>
</div>
@stop