@extends('pages.admin.layout')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        All Products
    </h1>
</section>

<!-- Main content -->
<section class="content">
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">All Products</h3>
            <form method="get" class="row">
                <div class="form-inline form-group col-md-7">
                    <select name="supplierId" id="supplierId" class="form-control">
                        <option value="" @if(request('supplierId')==null) selected="selected" @endif>All Suppliers</option>
                        @php
                        $suppliers = \App\Supplier::where('active', 1)->orderby("name", "asc")->get()->all();
                        @endphp
                        @foreach($suppliers as $supplier)
                        <option value="{{$supplier->id}}" @if(request('supplierId')==$supplier->id) selected="selected" @endif>{{$supplier->name}}</option>
                        @endforeach
                    </select>
                    <select name="categoryId" id="categoryId" class="form-control">
                        <option value="" @if(request('categoryId')==null) selected="selected" @endif>All Categories</option>
                        @php
                        $categories = \App\Category::where('active', 1)->get()->all();
                        @endphp
                        @foreach($categories as $cat)
                        <option value="{{$cat->id}}" @if(request('categoryId')==$cat->id) selected="selected" @endif>{{$cat->name}}</option>
                        @endforeach
                    </select>
                    <input type="text" name="search" placeholder="Enter search term" value="{{ request('search') }}"
                           class="form-control">
                    <button type="submit" class="btn btn-xs">Search</button>
                </div>
                <div class="col-md-4 text-right">
                    <a href="{{ route('admin.products.create') }}" class="btn btn-xs btn-info pull-right">Create
                        Product</a>
                </div>
            </form>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="productsTable" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Featured</th>
                    <th>Active</th>
                    <th>Categories</th>
                    <th>Supplier(s)</th>
                    <th>Availablity</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                <tr>
                    <td>{{ $product->name }}</td>
                    <td>{{ $product->featured ? 'Yes' : 'No' }}</td>
                    <td>{{ $product->active ? 'Yes' : 'No' }}</td>
                    <td>{{ $product->categories ? $product->categories->unique()->implode('name',', ') : ''}}</td>
                    <td>{{ $product->suppliers ? $product->suppliers->unique()->implode('name',', ') : ''}}</td>
                         <td class="availableTd">{{ $product->min_site ? 'MIN Online'."\r\n" : '' }}{{
                        $product->edible_site ? 'Edible16 Online'."\r\n" : '' }}{{ $product->non_eco_village ?
                        'NOT ePos Eco Village'."\r\n" : '' }}
                    </td>
                    <td><a href="{{ route('admin.products.edit', $product->getKey()) }}" class="btn btn-info btn-sm">Edit</a>
                        /
                        <form method="post" action="{{ route('admin.products.destroy', $product->getKey()) }}">
                            @csrf<input type="hidden" name="_method" value="DELETE">
                            <button class="btn btn-danger" type="submit">Delete</button>
                        </form>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        <div class="box-footer">
            {{ $products->appends(['search' => request('search'), 'supplierId' => request('supplierId'), 'categoryId' => request('categoryId')])->links() }}
        </div>
        <!-- /.box-footer-->
    </div>
    <!-- /.box -->

</section>
@endsection
@section('scripts')
<style>
    .availableTd {

        white-space: pre;
    }
</style>
<script>
    // $('#productsTable').DataTable()
</script>
@append