@extends('layouts.app')

@section('content')

    <div class="d-flex justify-content-between align-items-center mb-20 content-heading">
        <h2 class="h4 font-w300 mb-0">مخزون المنتج: {{ $product->title }}</h2>

        @can('dashboard_add_categories_products_stock')
            <a class="btn btn-primary btn-sm btn-alt-primary btn-rounded" href="{{ route('dashboard.categories.products.stock.create', [$product->category, $product]) }}">
                <i class="fa fa-plus ml-1"></i> انشاء مخزون جديد
            </a>
        @endcan 

    </div>


    <div class="block">

        <div class="block-content">

            <div class="table-responsive">

                <table class="table table-vcenter">
                    <thead class="thead-light">
                        <tr>
                            <th style="width: 10px">#</th>
                            <th>محتوى المخزون</th>
                            <th>الحالة</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($product->stock as $stock)
                            <tr>
                                <td>{{ $stock->id }}</td>
                                <td>{{ $stock->code }}</td>
                                <td>{!! $stock->readable_status !!}</td>
                                <td class="text-center">

                                    @can('dashboard_delete_categories_products_stock')
                                        <a href="{{ route('dashboard.categories.products.stock.destroy', [$product->category, $product, $stock]) }}" class="btn btn-danger btn-sm delete-url-action">حذف</a>
                                    @endcan
                                    
                                </td>
                            </tr>
                        @endforeach

                        @if(!$product->stock->count())
                            <tr>
                                <td class="text-center" colspan="4">لا يوجد بيانات</td>
                            </tr>
                        @endif


                    </tbody>
                </table>

            </div>

        </div>


    </div>


@endsection