@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="{{route('admin.dashboard')}}">Home</a>
                    </li>
                    <li class="active">List Product</li>
                </ul><!-- /.breadcrumb -->

            </div>

            <div class="page-content">

                <div class="row">
                    <div class="col-xs-12">

                        <div class="page-header">
                            <h1>
                                List Product
                                <small>
                                    <i class="ace-icon fa fa-angle-double-right"></i>
                                    View all configured product items
                                </small>
                            </h1>
                        </div><!-- /.page-header -->

                        <div class="clearfix">
                            <div class="pull-right tableTools-container"></div>
                        </div>
                        <div class="table-header">
                            Results for "All products"
                        </div>

                        <!-- div.table-responsive -->

                        <!-- div.dataTables_borderWrap -->
                        <div>
                            <table id="dynamic-table" class="table table-striped table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th class="center">
                                        <label class="pos-rel">
                                            <input type="checkbox" class="ace" />
                                            <span class="lbl"></span>
                                        </label>
                                    </th>
                                    <th>Category</th>
                                    <th>Item Code</th>
                                    <th>Serial No</th>

                                    <th>Item Name</th>
                                    <th>Short Description</th>
                                    <th>Description</th>
                                    <th>Price</th>
                                    <th>Stock</th>
                                    {{--<th>Discount</th>
                                    <th>Weight</th>
                                    <th>Color</th>
                                    <th>Size</th>
                                    <th>Material</th>
                                    <th>Dimension</th>--}}
                                    <th>images</th>
                                    <th>Visibility</th>
                                    <th>Created At</th>

                                    <th></th>
                                </tr>
                                </thead>

                                <tbody>
                                    @foreach($productsItems as $item)
                                        <tr>
                                            <td class="center">
                                                <label class="pos-rel">
                                                    <input type="checkbox" class="ace" />
                                                    <span class="lbl"></span>
                                                </label>
                                            </td>

                                            <td>{{ $item->product_cat_name }} ({{ $item->category_name }})</td>
                                            <td>{{$item->item_code}}</td>
                                            <td>{{$item->serial_no}}</td>
                                            <td>{{$item->item_name}}</td>
                                            <td>{{$item->short_description}}</td>
                                            <td>{{$item->description}}</td>
                                            <td>{{$item->price}}</td>
                                            <td>{{$item->stock}}</td>
                                            {{--<td>{{$item->discount}}</td>
                                            <td>{{$item->weight}}</td>
                                            <td>{{$item->color}}</td>
                                            <td>{{$item->size}}</td>
                                            <td>{{$item->material}}</td>
                                            <td>{{$item->dimension}}</td>--}}
                                            <td>
                                                @if(isset($images[$item->id]))
                                                    @foreach($images[$item->id] as $img)
                                                        <img src="{{ url('/hb-shared-images/'.$item->product_id.'/' . $img->image) }}" width="50">
                                                    @endforeach
                                                @endif
                                            </td>
                                            <td>
                                                {{($item->status == 1) ? 'On' : 'Off'}}
                                            </td>
                                            <td>{{$item->created_at}}</td>

                                            <td>
                                                <div class="hidden-sm hidden-xs action-buttons">
                                                    {{--<a class="blue" href="#">
                                                        <i class="ace-icon fa fa-search-plus bigger-130"></i>
                                                    </a>--}}

                                                    <a class="green" href="{{url('admin/edit_item/'.$item->id)}}">
                                                        <i class="ace-icon fa fa-pencil bigger-130"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
@endsection