@extends('app')
@section('content')
<div align="right">
  <button class="btn btn-info btn-create" >Add Product</button>
</div>
<table width="200" border="1" class="table table-bordered">
  <thead>
    <tr>
      <td>Product Name</td>
      <td>Product Cost</td>
      <td>Product Price</td>
      <td>Product Status</td>
      <td>Product Size</td>
      <td>Product Color</td>
      <td>Other</td>
      <td>Hashtag</td>
      <td>Operation</td>
    </tr>
  </thead>
  <tbody>  
  @foreach($products as $product)
  <tr>
    <td>{{$product->name}}</td>
    <td>{{$product->cost}}</td>
    <td>{{$product->price}}</td>
    <td>{{$product->status}}</td>
    <td>{{$product->size}}</td>
    <td>{{$product->color}}</td>
    <td>{{$product->other}}</td>
    <td> 
    @foreach($hashtags as $hashtag)
      @foreach($tags as $tag)
      @if($tag->id == $hashtag->tags_id && $product->id == $hashtag->products_id ) <a href="{{url('admin/hashtag/'.$tag->id.'/'.$tag->tag)}}">{{$tag ->tag}}</a> | 
      @endif      
      @endforeach
      @endforeach </td>
    <td><button class="btn btn-info" onClick="edit('{{$product->id}}');"> Edit </button>
      <button class="btn btn-warning" onClick="destroy('{{$product->id}}');"> Delete </button></td>
  </tr>
  @endforeach
    </tbody>
  
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
@endsection

@section('script') 
<script >
$('.btn-create').click(function(){
	window.location="{{url('admin/category/'.$categories->id.'/product/create')}}";
	});
 
function edit(id){
	window.location="{{url('admin/category/'.$categories->id.'/product/edit/')}}/"+id;
	}
function destroy(id){
	if( confirm('Confirm Delete Product') ===true){
	window.location="{{url('admin/category/'.$categories->id.'/product/destroy/')}}/"+id;
	}else {
		return false;
		}
	}	
</script> 
@endsection