@extends('back.layouts.layout')
@section('title','Product List')

@section('content-header')
    <section class="content-header">
        <h1>Product List</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashcube"></i> Dashboard</a></li>
            <li>Product</li>
            <li class="active">Product List</li>
        </ol>
    </section>
@endsection
@section('content')
    <section class="content container-fluid">
        <div class="box box-primary">
            <div class="box-body table-responsive">
                <div class="text-right">
                    <a type="button" class="btn bg-maroon margin" href="{{ route('product.create') }}"><i class="fa fa-plus-square"></i> Add Product</a>
                </div>
                <table id="listTable" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>Sl</th>
                        <th>Name</th>
                        <th>Category</th>
                        <th>Data</th>
                        <th>Description</th>
                        <th>Image</th>
                        <th>Status</th>
                        <th width="8%">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($products as $product)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $product->name }}</td>
                        <td>{{ $product->category->name }}</td>
                        <td>
                            <b>Featured : </b><label class="label {{ ($product->featured == 1) ? 'label-success' : 'label-danger' }}">{{ ($product->featured == 1) ? 'Yes' : 'No' }}</label>
                        </td>
                        <td>{!! $product->description !!}</td>
                        <td>
                            @if($product->image!="")
                                <a class="example-image-link" href="{{ asset($product->image) }}" data-lightbox="example-set" data-title="{{ $product->name }}"><img class="example-image" src="{{ asset($product->image) }}" style="width:100px !important; height:100px !important;"/></a>
                            @endif
                        </td>
                        <td><label class="label @if($product->status ==1)label-success @else label-danger @endif">@if($product->status ==1)Published @else Unpublished @endif</label></td>
                        <td>
                            <a type="button" class="btn btn-success" href="{{ route('product.edit',$product->id) }}"><i class="fa fa-pencil"></i></a>
                            <form action="{{ route('product.destroy',$product->id) }}" method="POST" class="inline">
                                @method('DELETE')
                                @csrf
                                <button type="submit" class="btn btn-danger ellipses" onclick="return confirm('Are You Sure to Delete!');"><i class="fa fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </table>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->

    </section>
@endsection