@extends('layouts.user.main')

@section('title', 'Login Account')

@section('styles')
    <link rel="stylesheet" href="{{ asset_css('/auth/login.css') }}">

    <style>
        .card-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 2fr));
            grid-gap: 10px;
        }

        @media (max-width: 767px) {
            .card-container {
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 10px !important;
            }

            .card-image {
                max-height: 100px !important;
            }
        }
    </style>
@endsection

@section('contents')
    <div class=" bg-white border p-3">
        <b>({{ $store->code }}) {{ $store->description }}</b>
    </div>
    <div class="container-fluid container-def p-3 mt-3">
        <div class="card-container">
            <x-card-activity-item title="STO Issuance" subt="Dispatch Order" icon="document-outline"
                href="/u/sto-issuance-redirect" cls="sto-issuance" />

            <x-card-activity-item title="PO Receiving" subt="Receive Order" icon="file-tray-outline"
                href="/u/po-receiving-redirect" cls="po-receiving" />

            <x-card-activity-item title="STO Receiving" subt="Receive Order" icon="file-tray-full-outline"
                href="/u/sto-receiving-redirect" cls="sto-receiving" />

            <!-- <x-card-activity-item title="RTV" subt="Return to Vendor" icon="return-down-back-outline"
                href="/u/return-to-vendor-redirect" cls="return-to-vendor" /> -->

            @if ($stocktakes->isNotEmpty())
                @foreach ($stocktakes as $stocktake)
                    <x-card-activity-item title="Stocktake" subt="Reference: #{{ str_pad($stocktake->id, 7, '0', STR_PAD_LEFT) }}"
                        icon="file-tray-stacked-outline" href="/u/racks-view/{{ $stocktake->id }}" cls="stock-take" />
                @endforeach
                <x-card-activity-item title="Verifier" subt="Stock Take Verifier"
                icon="checkmark-done-outline" href="/u/racks-view/0" cls="stock-take" />
            @endif
            
        </div>

        @if ((isset($recents) && count($recents) > 0) || (isset($recents_stocktakes) && count($recents_stocktakes) > 0 || (isset($recents_verifier) && count($recents_verifier) > 0)))
            <div class="mt-3">
                <h5 class="font-weight-bold mb-3">Recent</h5>
                <div class="card-container">
                    @foreach ($recents as $item)
                        @php
                            $title =
                                $item->ref == 'return-to-vendor'
                                    ? 'RTV'
                                    : strtoupper(explode('-', $item->ref)[0]) .
                                        ' ' .
                                        ucwords(explode('-', $item->ref)[1]);

                            $icon = 'folder-outline'; // Default icon

                            if ($item->ref === 'sto-issuance') {
                                $icon = 'document-outline';
                            } elseif ($item->ref === 'po-receiving') {
                                $icon = 'file-tray-outline';
                            } elseif ($item->ref === 'sto-receiving') {
                                $icon = 'file-tray-full-outline';
                            } elseif ($item->ref === 'return-to-vendor') {
                                $icon = 'return-down-back-outline';
                            }
                        @endphp

                        <x-card-activity-item title="{{ $title }}" subt="Scans: {{ $item->total_qty }}"
                            icon="{{ $icon }}" href="/u/{{ $item->ref }}?key={{ $item->key }}" />
                    @endforeach

                    @if (isset($recents_stocktakes) && count($recents_stocktakes) > 0)

                        @foreach ($recents_stocktakes as $item)
                            <x-card-activity-item title="Stocktake" subt="Scans: {{ $item->total_qty }}"
                                icon="file-tray-stacked-outline" href="/u/scan-stocktakes/?key={{ $item->key }}" />
                        @endforeach

                    @endif

                    @if (isset($recents_verifier) && count($recents_verifier) > 0)

                        @foreach ($recents_verifier as $item)
                            <x-card-activity-item title="Verifier" subt="Scans: {{ $item->total_qty }}"
                                icon="checkmark-done-outline" href="/u/verify-stocktakes/?key={{ $item->key }}" />
                        @endforeach

                    @endif
                </div>
            </div>
        @endif

    </div>

@endsection

@section('scripts')
    {{-- <script src="{{ asset_js('/user/home.js') }}"></script> --}}
@endsection