@extends('admin/layout')
@section('page_title','Products')
@section('product_select','active')
@section('all_product_select','active')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Products
    <small>Manage</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>Dashboard</a></li>
    <li class="active">Products</li>
  </ol>
</section>


<section class="content">
  <!-- Info boxes -->
  <div class="row">

    <div class="col-md-12">
      <div class="success_message"></div>
      <div class="box box-warning">
        <div class="box-header with-border">
          <div class="d-flex justify-content-end text-right">
            <a href="{{url('admin/products/add-products')}}" class="btn btn-info"><i
                class="fa fa-plus-circle"></i>&nbsp;&nbsp;Add New Product</a>
          </div>
        </div>
        <div class="box-body">
          <div class="col-md-12">
            @if (session()->has('add_msg'))
            <div class="alert alert-success alert-dismissible">
              <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              <strong>{{session()->get('add_msg')}}</strong>
            </div>
            @endif
            <div style="overflow-x: auto;">
              <table id="product_list" class="table table-responsive table-hover">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Category Name</th>
                    <th>Price</th>
                    <th>Image</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @php
                  $sl = 1;
                  @endphp
                  @foreach ($products as $item)
                  <tr>
                    <td>{{$sl++}}</td>
                    <td>{{$item->name}}</td>
                    <td>{{$item->cat_name}}</td>
                    <td>{{$item->price}}</td>
                    <td><img src="{{asset('common_image/products')}}/{{$item->image}}" alt="{{$item->name}}"
                        height="50"></td>
                    <td>
                      <a href="{{url('/admin/products/view')}}/{{$item->id}}" class="btn btn-info btn-xs">View <i
                          class="fa fa-eye"></i></a>
                      <a href="{{url('/admin/products/edit')}}/{{$item->id}}" class="btn btn-warning btn-xs">Edit <i
                          class="fa fa-edit"></i></a>
                      <a onclick="return confirm('Are you sure you want to Delete this item?');"
                        href="{{url('/admin/products/destroy')}}/{{$item->id}}" class="btn btn-danger btn-xs">Delete <i
                          class="fa fa-trash"></i></a>
                    </td>
                  </tr>
                  @endforeach

                </tbody>
              </table>
            </div>
          </div>
        </div>
        <!-- /.box-body -->
      </div>
    </div>

  </div>
  <!-- /.row -->
</section>

@endsection

@section('scripts')
<script>
  $('#product_list').DataTable();
</script>
@endsection