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

@section('content')
<style type="text/css" media="screen">
	.btn-custom{  
		width: 150px;  
    } 
    .table-btn td{
        padding:10px;
    }
	.form-inline {
		margin:10px;
	}
	#bonus-form {
		text-align:center;
	}
	#bonus-form td {
		padding:10px;
	}
</style>

<div>
    <h4 class="nametag">檔案下載管理</h4>
	<br><br><br>
    {{ 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, $cid, array('class' => 'form-control') )}}
    </div>
    {{ Form::close()}}
	<hr>
		<div class="row">	
            <div class="col-xs-8 col-sm-8 col-md-8">
                <table class="table-btn">
                    <tr><td>
						<a class="btn btn-primary btn-custo" href={{URL::to('admin/product/documentcreate/1')}}>
                        <span class="glyphicon glyphicon-file"></span>
                        新增檔案
                    </a>
                    </td>
					</tr>
                </table>
			</div>

			<div class="col-md-4 col-sm-4 col-xs-4 pull-right" style="margin-top:10px">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="File name" id="search_input">
					<span class="input-group-btn">
						<button class="btn btn-default" type="button" name="search">Seach</button>
					</span>
				</div>
			</div>
		</div>
		<hr>

    <table class="table table-bordered" id="product-table" style="word-break:break-all">
		<thead>
			<tr><th>No.</th><th>類別(中文）</th><th>類別(英文）</th><th>檔名(中文）</th><th>檔名(英文）</th><th>File</th><th style="width:180px">功能按鈕</th></tr>
		</thead>
		<tbody>
        @foreach ($documents as $document) 

        <tr data-id={{ $document->doc_id}}>
                <td>{{{ $document->doc_id}}}</td>
                <td>{{{ $document->category_tw}}}</td>
                <td>{{{ $document->category_en}}}</td>
                <td id="td_pro_title">{{{ $document->file_name_tw}}}</td>
                <td id="td_pro_title">{{{ $document->file_name_en}}}</td>
                <td><a href="{{asset('product_documents/'.$document->file_path)}}" download>{{{ $document->file_name_en.substr($document->file_path,-4)}}} </a></td>

            <td style="width:100px font-size:12px">
                {{ Form::open(array(
                    'url'=>array('admin/product/documentdestroy', $document->doc_id),
                    'method' => 'get')
                )}}
{{--
                <a href="{{ URL::to('admin/product/documentedit/'.$document->doc_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>
        </tr>
        @endforeach
		<input type="hidden" value="" class="id-change"></input>
		</tbody>
    </table>
</div>

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            //var base_url = "{{route('admin.product.index')}}";
			var c_array = [];
			var unique;

            $("select[name=id]").change(function(){
                var t = $("select[name=id]").val();
                var base_url = "{{ URL::to("admin/product/documents")}}";
                if (t==0) {
                    var target = base_url + '/' + t;
                }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
			 		$("#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();
		 		}
			});
        });

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

@stop