@extends('backend.layout.master')

@section('title')
    Stocks
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 mt-2">
                <div class="card">
                    <div class="card-header">
                        <h4 class="font-weight-bold">Available Items</h4>
                    </div>
                    <div class="card-body table-responsive">
                        <table class="table table-striped table-hover table-info text-center table-bordered h5">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">Id</th>
                                    <th>Product Name</th>
                                    <th>Category</th>
                                    <th>Old Price</th>
                                    <th>Currnt Price</th>
                                    <th>Image</th>
                                    <th style="width: 100px;">Stock</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($availables as $item)
                                    <tr>
                                        <td> {{ $item->id }} </td>
                                        <td> {{ $item->name }} </td>
                                        <td> {{ $item->category->name }} </td>
                                        <td> {{ $item->old_price }} </td>
                                        <td> {{ $item->current_price }} </td>
                                        <td>
                                            <img src="{{ URL::asset('storage/' . $item->image) }}" alt=""
                                                height="40px" width="40px">
                                        </td>
                                        <td
                                            class="font-weight-bold {{ $item->stock <= $item->warning ? 'bg-warning' : '' }}">
                                            {{ $item->stock }} </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7">No available items</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <div class="mt-2 d-flex justify-content-center">
                            {{ $availables->links('pagination::bootstrap-4') }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="font-weight-bold">Available Items</h4>
                    </div>
                    <div class="card-body table-responsive">
                        <table class="table table-striped table-hover table-danger text-center table-bordered h5">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">Id</th>
                                    <th>Product Name</th>
                                    <th>Category</th>
                                    <th>Old Price</th>
                                    <th>Currnt Price</th>
                                    <th>Image</th>
                                    <th style="width: 100px;">Stock</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($outStock as $out)
                                    <tr>
                                        <td> {{ $out->id }} </td>
                                        <td> {{ $out->name }} </td>
                                        <td> {{ $out->category->name }} </td>
                                        <td> {{ $out->old_price }} </td>
                                        <td> {{ $out->current_price }} </td>
                                        <td>
                                            <img src="{{ URL::asset('storage/' . $out->image) }}" alt=""
                                                height="40px" width="40px">
                                        </td>
                                        <td class="font-weight-bold {{ $out->stock <= $out->warning ? 'bg-danger' : '' }}">
                                            {{ $out->stock }} </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7">No unavailable item</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <div class="mt-2 d-flex justify-content-center">
                            {{ $outStock->links('pagination::bootstrap-4') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection