@extends('layouts.app')

@section('title', 'Store Admin Dashboard')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <h3 class="fw-bold mb-1 text-dark">Store Operations & Inventory Dashboard</h3>
        <p class="text-muted mb-0 small">Operational control center, unit-level inventory tracking, and logistics intake for your assigned store.</p>
    </div>

    <!-- Store Switcher (if assigned to multiple stores) -->
    @if($assignedStores->count() > 1)
        <div class="dropdown">
            <button class="btn btn-outline-agri dropdown-toggle btn-sm shadow-sm" type="button" data-bs-toggle="dropdown">
                <i class="bi bi-shop me-1"></i> Current Store: {{ $currentStore->name }}
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow-sm">
                <li class="dropdown-header">Switch Assigned Store</li>
                @foreach($assignedStores as $st)
                    <li>
                        <a class="dropdown-item {{ $currentStore->id === $st->id ? 'active' : '' }}" href="{{ route('store.dashboard', ['store_id' => $st->id]) }}">
                            {{ $st->name }} ({{ $st->code }})
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
</div>

@if($currentStore)
    <!-- Store Identity Card -->
    <div class="card shadow-sm border-0 mb-4" style="background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%); color: #ffffff;">
        <div class="card-body p-4">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <div class="d-flex align-items-center gap-2 mb-2">
                        <span class="badge bg-white text-success fw-bold font-monospace px-2 py-1">{{ $currentStore->code }}</span>
                        @if($currentStore->isActive())
                            <span class="badge bg-success border border-white text-white">Active Operational Store</span>
                        @else
                            <span class="badge bg-danger border border-white text-white">Inactive Store</span>
                        @endif
                    </div>
                    <h2 class="fw-bold mb-2">{{ $currentStore->name }}</h2>
                    <p class="mb-2 text-white-50 small">
                        <i class="bi bi-geo-alt-fill text-warning me-1"></i> {{ $currentStore->address }}, {{ $currentStore->city }}, {{ $currentStore->state }} - {{ $currentStore->pincode }}
                    </p>
                    <div class="d-flex flex-wrap gap-3 small text-white-75">
                        <span><i class="bi bi-telephone-fill me-1"></i> {{ $currentStore->contact_number }}</span>
                        <span><i class="bi bi-envelope-fill me-1"></i> {{ $currentStore->email }}</span>
                        @if($currentStore->gstin)
                            <span><i class="bi bi-receipt-cutoff me-1"></i> GSTIN: <strong>{{ $currentStore->gstin }}</strong></span>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
                    <div class="d-flex flex-wrap gap-2 justify-content-lg-end">
                        <a href="{{ route('inventory.store.index', ['store_id' => $currentStore->id]) }}" class="btn btn-light btn-sm fw-semibold shadow-sm">
                            <i class="bi bi-boxes me-1 text-success"></i> Store Unit Inventory
                        </a>
                        <a href="{{ route('inventory.transfers.index', ['store_id' => $currentStore->id]) }}" class="btn btn-outline-light btn-sm fw-semibold">
                            <i class="bi bi-truck me-1"></i> Stock Transfers
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Store Inventory Key Metrics -->
    <div class="row g-3 mb-4">
        <div class="col-sm-6 col-xl-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="stat-card">
                    <div class="stat-icon green">
                        <i class="bi bi-boxes"></i>
                    </div>
                    <div>
                        <div class="text-muted small fw-semibold">Current In-Store Stock</div>
                        <div class="fs-4 fw-bold text-success">{{ number_format($currentStoreStock) }} <span class="fs-6 text-muted">units</span></div>
                        <div class="small text-muted"><i class="bi bi-shield-check"></i> Available for checkout</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-xl-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="stat-card">
                    <div class="stat-icon amber">
                        <i class="bi bi-truck"></i>
                    </div>
                    <div>
                        <div class="text-muted small fw-semibold">Incoming Transfers</div>
                        <div class="fs-4 fw-bold text-warning-emphasis">{{ $incomingTransfers->count() }} <span class="fs-6 text-muted">shipments</span></div>
                        <div class="small text-muted"><i class="bi bi-box-arrow-in-down"></i> In-transit to store</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-xl-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="stat-card">
                    <div class="stat-icon red">
                        <i class="bi bi-shield-x"></i>
                    </div>
                    <div>
                        <div class="text-muted small fw-semibold">Damaged Stock</div>
                        <div class="fs-4 fw-bold text-danger">{{ number_format($storeDamagedUnits) }} <span class="fs-6 text-muted">units</span></div>
                        <div class="small text-muted"><i class="bi bi-exclamation-triangle"></i> Quarantine / Write-off</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-xl-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="stat-card">
                    <div class="stat-icon blue">
                        <i class="bi bi-people"></i>
                    </div>
                    <div>
                        <div class="text-muted small fw-semibold">Assigned Staff</div>
                        <div class="fs-4 fw-bold text-dark">{{ $activeStaffCount }}</div>
                        <div class="small text-muted"><i class="bi bi-calculator"></i> {{ $cashierCount }} Active Cashiers</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Active Inbound Shipments Banner -->
    @if($incomingTransfers->isNotEmpty())
        <div class="card shadow-sm border-warning mb-4">
            <div class="card-header bg-warning-subtle text-warning-emphasis d-flex justify-content-between align-items-center py-2">
                <span class="fw-bold"><i class="bi bi-exclamation-circle-fill me-2"></i>Inbound Shipments Awaiting Receipt ({{ $incomingTransfers->count() }})</span>
                <span class="small fw-semibold text-muted">Scan individual units upon arrival</span>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Transfer #</th>
                            <th>Dispatched From</th>
                            <th>Units Dispatched</th>
                            <th>Carrier / Tracking</th>
                            <th>Dispatched At</th>
                            <th class="text-end">Intake Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($incomingTransfers as $inbound)
                            <tr>
                                <td class="font-monospace fw-bold text-dark">{{ $inbound->transfer_number }}</td>
                                <td>{{ $inbound->source_name }}</td>
                                <td><span class="badge bg-light text-dark border font-monospace">{{ $inbound->total_units_dispatched }} units</span></td>
                                <td class="small">{{ $inbound->carrier_name ?? 'Internal Fleet' }} {{ $inbound->tracking_reference ? "({$inbound->tracking_reference})" : '' }}</td>
                                <td class="small text-muted">{{ $inbound->dispatched_at ? $inbound->dispatched_at->format('Y-m-d H:i') : '-' }}</td>
                                <td class="text-end">
                                    <a href="{{ route('inventory.transfers.receive', $inbound) }}" class="btn btn-sm btn-agri py-1 px-3">
                                        <i class="bi bi-qr-code-scan me-1"></i> Receive & Scan
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <div class="row g-4 mb-4">
        <!-- Product-Wise Store Stock Breakdown -->
        <div class="col-lg-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <span class="fw-bold"><i class="bi bi-pie-chart me-2 text-success"></i>Product-Wise Store Inventory</span>
                    <a href="{{ route('inventory.store.index', ['store_id' => $currentStore->id]) }}" class="btn btn-link btn-sm text-decoration-none p-0">All Store Units &rarr;</a>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Product Name</th>
                                <th>SKU</th>
                                <th class="text-end">In-Store Stock</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($productWiseStock as $pStock)
                                <tr>
                                    <td class="fw-semibold text-dark">{{ $pStock->name }}</td>
                                    <td><span class="badge bg-light text-dark border font-monospace">{{ $pStock->sku }}</span></td>
                                    <td class="text-end">
                                        <span class="badge bg-success-subtle text-success fs-6">{{ number_format($pStock->count) }} units</span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-center py-4 text-muted">No product units currently held in store. Receive incoming transfers.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Recent Store Movements -->
        <div class="col-lg-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <span class="fw-bold"><i class="bi bi-clock-history me-2 text-success"></i>Recent Store Stock Movements</span>
                    <a href="{{ route('inventory.movements.index') }}" class="btn btn-link btn-sm text-decoration-none p-0">Movement Log &rarr;</a>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Time</th>
                                <th>Serial</th>
                                <th>Type</th>
                                <th>Movement</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentStoreMovements as $mov)
                                <tr>
                                    <td class="small text-muted font-monospace">{{ $mov->created_at->format('H:i') }}</td>
                                    <td class="font-monospace small fw-semibold text-dark">
                                        {{ $mov->unit->serial_number ?? "Unit #{$mov->product_unit_id}" }}
                                    </td>
                                    <td>
                                        <span class="badge bg-light text-dark border small">{{ $mov->movement_type }}</span>
                                    </td>
                                    <td class="small text-muted">
                                        {{ $mov->from_location_name }} &rarr; {{ $mov->to_location_name }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center py-4 text-muted">No recent stock movements recorded for this store.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Store Staff & Operational Actions -->
    <div class="row g-4">
        <div class="col-lg-7">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <span class="fw-bold"><i class="bi bi-person-badge me-2 text-success"></i>Store Staff & Cashiers</span>
                    <a href="{{ route('users.create', ['store_id' => $currentStore->id]) }}" class="btn btn-agri btn-sm">
                        <i class="bi bi-person-plus me-1"></i> Add Cashier
                    </a>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Staff Member</th>
                                <th>Role</th>
                                <th>Contact</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($storeUsers as $staff)
                                <tr>
                                    <td>
                                        <div class="fw-semibold text-dark">{{ $staff->name }}</div>
                                        <small class="text-muted">{{ $staff->email }}</small>
                                    </td>
                                    <td>
                                        <span class="badge bg-secondary-subtle text-secondary">{{ $staff->role_names }}</span>
                                    </td>
                                    <td><small>{{ $staff->phone ?? '-' }}</small></td>
                                    <td>
                                        @if($staff->isActive())
                                            <span class="badge badge-active">Active</span>
                                        @else
                                            <span class="badge badge-inactive">Inactive</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center py-4 text-muted">No staff members assigned to this store yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white">
                    <span class="fw-bold"><i class="bi bi-lightning-charge me-2 text-success"></i>Quick Operational Actions</span>
                </div>
                <div class="card-body p-3">
                    <div class="d-grid gap-2">
                        <a href="{{ route('inventory.store.index', ['store_id' => $currentStore->id]) }}" class="btn btn-outline-agri text-start p-3 d-flex align-items-center gap-3">
                            <i class="bi bi-qr-code-scan fs-4"></i>
                            <div>
                                <div class="fw-bold">Inspect Store Inventory</div>
                                <small class="text-muted">Search units by QR token, serial number, or batch</small>
                            </div>
                        </a>

                        <a href="{{ route('inventory.transfers.index', ['store_id' => $currentStore->id]) }}" class="btn btn-outline-secondary text-start p-3 d-flex align-items-center gap-3">
                            <i class="bi bi-truck fs-4"></i>
                            <div>
                                <div class="fw-bold">Incoming Stock Shipments</div>
                                <small class="text-muted">Receive and verify incoming consignments</small>
                            </div>
                        </a>

                        <a href="{{ route('products.index') }}" class="btn btn-outline-secondary text-start p-3 d-flex align-items-center gap-3">
                            <i class="bi bi-search fs-4"></i>
                            <div>
                                <div class="fw-bold">Browse Master Catalog</div>
                                <small class="text-muted">Check pricing, SKUs, and retail barcodes</small>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@else
    <div class="alert alert-warning">
        <i class="bi bi-exclamation-triangle me-2"></i> You are currently not assigned to an active store. Please contact your organization Super Administrator.
    </div>
@endif
@endsection