@extends('admin.layouts.app')
@section('title', 'Items')
@section('content')


<div class="pagetitle">
    <div class="d-flex">
        <h1>Items</h1>
        <a href="{{ route('admin.items.create') }}" class="btn border ms-3">ADD AN ITEM</a>
    </div>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Items</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

 <section class="section">
      <div class="row">
        <div class="col-lg-12">

          <div class="card">
            <div class="card-body">
              <h5 class="card-title">All System Items</h5>

              {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable. Check for <a href="https://fiduswriter.github.io/simple-datatables/demos/" target="_blank">more examples</a>.</p> --}}

              <!-- Table with stripped rows -->
                <div class="table-responsive">

                    <table class="table datatable table-responsive">
                        <thead>
                          <tr>
                            <th>Name</th>
                            <th>Category</th>
                            <th>Buying Price</th>
                            <th>Selling Price</th>
                            <th>Quantity</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                            @forelse($items as $item)
                                <tr>
                                    <td>
                                        <span>
                                            <img width="50px" height="50px" src="{{ $item->image ? route('item.image',['file_name'=>$item->image]) : '#' }}" alt=".">
                                        </span>
                                        <span>{{ $item->name }}</span>
                                    </td>
                                    <td>{{ $item->category->name }}</td>
                                    <td>{{ $item->buying_price }}</td>
                                    <td>{{ $item->selling_price }}</td>
                                    <td class="{{ $item->itemCount->total_number <= $item->minimum_quantity ? 'pulse text-danger' : '' }}">
                                        {{ $item->quantity }}
                                    </td>

                                    <td>
                                        <a href="{{ route('admin.items.show',['item'=>$item->id]) }}" class="btn btn-success">View</a>
                                        @if(Auth::guard('admin')->user()->type == 'admin')
                                        <a href="{{ route('admin.items.edit',['item'=>$item->id]) }}" class="btn btn-primary">Edit</a>
                                        <a href="#" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#itemModal{{ $item->id }}">Delete</a>
                                        @endif

                                    </td>
                                </tr>
                                <!-- Modal -->
                                <div class="modal fade" id="itemModal{{ $item->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="itemModalLabel">Delete item:<b class="text-success"> {{ $item->name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to remove item: {{ $item->name }}</p>
                                            <p>Everything related to <b class="text-success">{{ $item->name }}</b> that you have saved will be lost, please make sure you know what you are doing</p>
                                        </div>
                                        <form action="{{ route('admin.items.destroy',['item'=>$item->id]) }}" method="POST">
                                            @csrf
                                            @method('delete')
                                            <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                            <button type="submit" class="btn btn-danger">Yes, Delete</button>
                                        </form>
                                        </div>
                                    </div>
                                    </div>
                                </div>

                            @empty
                                <tr>
                                    <td class="colspan-12">
                                        No item Yet.
                                        Please   <a href="{{ route('admin.items.create') }}" class="btn">ADD A ITEM </a>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                      </table>

                </div>


              <!-- End Table with stripped rows -->

            </div>
          </div>

        </div>
      </div>
</section>



@endsection