@extends('layouts.app')
@section('title', __('app.dashboard'))

		@section('content')
		<!--start page wrapper -->
		<div class="page-wrapper">
			<div class="page-content">
   @can('dashboard.can.view.low.stock.items.table')
				 <div class="card radius-10">
					<div class="card-header">
						<div class="d-flex align-items-center">
							<div>
								<h6 class="mb-0">{{ __('item.low_stock_items') }}</h6>
							</div>
                            @can('item.view')
                            <div class="font-13 ms-auto">
                                <a href="{{ route('item.list') }}" class="btn btn-sm btn-outline-primary">{{ __('app.view_all') }}</a>
                            </div>
                            @endcan
						</div>
					</div>
                    <div class="card-body">
                        <div class="table-responsive">
                        <table class="table align-middle mb-0">
                            <thead class="table-light">
                                <tr class="text-uppercase">
                                    <th>#</th>
                                    <th>{{ __('item.item_name') }}</th>
                                    <th>{{ __('item.brand.brand') }}</th>
                                    <th>{{ __('item.category.category') }}</th>
                                    <th>{{ __('item.min_stock') }}</th>
                                    <th>{{ __('item.current_stock') }}</th>
                                    <th>{{ __('unit.unit') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1; @endphp
                                @foreach($lowStockItems as $item)
                                        <tr>
                                            <td>{{ $i++ }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->brand->name??'' }}</td>
                                            <td>{{ $item->category->name }}</td>
                                            <td class="">{{ $formatNumber->formatQuantity($item->min_stock) }}</td>
                                            <td class="text-danger fw-bold">{{ $formatNumber->formatQuantity($item->current_stock) }}</td>
                                            <td>{{ $item->baseUnit->name }}</td>
                                        </tr>

                                @endforeach
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
                @endcan
               
            @can('dashboard.can.view.recent.invoices.table')

<div class="card radius-10">

    <div class="card-header">
        <div class="d-flex align-items-center">

            <div>
                <h6 class="mb-0"> Purchase Orders</h6>
            </div>

            <div class="font-13 ms-auto">
                <a href="{{ route('purchase.order.list') }}"
                   class="btn btn-sm btn-outline-primary">
                    View All
                </a>
            </div>

        </div>
    </div>

    <div class="card-body">

        <div class="table-responsive">

            <table class="table align-middle mb-0">

                <thead class="table-light">
                    <tr>
                        <th>Order ID</th>
                        <th>Order Date</th>
                        <th>Due Date</th>
                        <th>Supplier</th>
                        <th>Total</th>
                        <th>Balance</th>
                        <th>Status</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($pendingPurchaseOrders as $po)

                    <tr>

                        <td>
                            {{ $po->order_code }}
                        </td>

                        <td>
                            {{ $po->order_date }}
                        </td>

                        <td>
                            {{ $po->due_date }}
                        </td>

                        <td>
                            {{ optional($po->party)->getFullName() }}
                        </td>

                        <td>
                            {{ $formatNumber->formatWithPrecision($po->grand_total) }}
                        </td>

                        <td>
                            {{ $formatNumber->formatWithPrecision($po->grand_total - $po->paid_amount) }}
                        </td>

                        <td>
                            <div class="badge rounded-pill text-warning bg-light-warning p-2 text-uppercase px-3">
                                {{ $po->order_status }}
                            </div>
                        </td>

                    </tr>

                    @endforeach

                </tbody>

            </table>

        </div>

    </div>

</div>

@endcan
             



			</div>
		</div>
		<!--end page wrapper -->
		@endsection

@section('js')
<script src="{{ versionedAsset('custom/js/dashboard.js') }}"></script>
<script src="{{ versionedAsset('custom/js/custom.js') }}"></script>
<script>
	/*Bar Chart Data*/
	var chartMonths = @json($saleVsPurchase).map(record => record.label);
	var chartSales = @json($saleVsPurchase).map(record => record.sales);
	var chartPurchases = @json($saleVsPurchase).map(record => record.purchases);

	/*Doughnut Chart Data*/
	var serviceNames = @json($trendingItems).map(x => x.name);
	var serviceCounts = @json($trendingItems).map(x => x.total_quantity);

</script>
@endsection