@extends('app')


@section('content')
<div class="container">
  <table width="100%" border="0" class="table table-bordered">
    <thead>
      <tr>
        <td align="center">#</td>
        <td align="center">Category</td>
        <td align="center">Product</td>
        <td align="center">Operation</td>
      </tr>
    </thead>
    <tbody>
    
    @foreach($data as $cat)
    <tr>
      <td align="center">{{$cat->id}}</td>
      <td align="center">{{$cat->name}}</td>
      <td align="center"> 
      <button class="btn btn-info btn-sm" id="btn-show-product" onClick="window.location='{{url('admin/category/'.$cat->id.'/product')}}';">View</button>
      </td>
      <td align="center">
      
      <form method="post" action="{{URL::to('admin/category/edit/'.$cat->id)}}" style="display:inline">
          <input type="hidden" name="_token" value="{{csrf_token()}}" >
          <button class="btn btn-info btn-sm" id="btn-edit">Edit</button>
      </form>
      <form method="post" action="{{URL::to('admin/category/delete/'.$cat->id)}}" style="display:inline">
          <input type="hidden" name="_token" value="{{csrf_token()}}" >      
        <button class="btn btn-danger btn-sm" id="btn-delete" onClick="return confirm('ยืนยันการลบ')">Delete</button>
      </form></td>
    </tr>
    @endforeach
       </tbody>
    
    <tr>
      <td align="center"><span class="glyphicon glyphicon-plus"></span></td>
      <td align="center">
     <form method="post" id="form_cat" action="{{URL::to('admin/category/create')}}" onSubmit ="return check()">
      <input type="hidden" name="_token" value="{{csrf_token()}}" >
      <input type="text" name="name" id="name" class="form-control"  placeholder="ประเภทสินค้า" title="ประเภทสินค้า"  required>
      </form>
      </td>
      <td align="center"></td>
      <td align="center"> </td>
      </tr>
  </table>
</div>
@endsection 


@section('script') 
<script>
$("#name").focus(); 
    $("#name").keyup(function(){
      if(event.keyCode==13){
	  if(check()==true){
		  return true;
		  }  else{ return false;}
	  }
    });
 function check(){
		var cate =$('#name').val(). trim();
		if(cate!="")
		{return true;}
		else{ return false;}
		}	  
 
 
</script> 
@endsection