{{-- resources/views/dashboard-inventory.blade.php --}}
@extends('layouts.app')

@section('title', 'Inventory Dashboard')

@section('content')
    {{-- User Profile Section --}}
    <div class=" mb-6 bg-white shadow rounded-md p-4 text-sm">
        <h2 class="text-lg font-semibold text-gray-800 mb-4">User Profile</h2>

        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
            <div>
                <p class="text-gray-600 font-medium">Name</p>
                <p class="text-gray-900">{{ auth()->user()->name }}</p>
            </div>

            <div>
                <p class="text-gray-600 font-medium">Email</p>
                <p class="text-gray-900">{{ auth()->user()->email }}</p>
            </div>

            <div>
                <p class="text-gray-600 font-medium">Phone</p>
                <p class="text-gray-900">{{ auth()->user()->phone ?? 'N/A' }}</p>
            </div>

            <div>
                <p class="text-gray-600 font-medium">Role</p>
                <p class="text-gray-900">{{ auth()->user()->getRoleNames()->first() }}</p>
            </div>

            {{-- Role-specific content --}}
            @role('Admin')
            <div>
                <p class="text-gray-600 font-medium">Admin Panel</p>
                <p class="text-gray-900">Access to all system settings</p>
            </div>
            @endrole

            @role('Supplier')
            <div>
                <p class="text-gray-600 font-medium">Company</p>
                <p class="text-gray-900">{{ auth()->user()->name ?? 'N/A' }}</p>
            </div>
            @endrole

            @role('Warehouse')
            <div>
                <p class="text-gray-600 font-medium">Warehouse</p>
                <p class="text-gray-900">{{ auth()->user()->warehouseProfile->name ?? 'N/A' }}</p>
            </div>
            <div>
                <p class="text-gray-600 font-normal">Address</p>
                <p class="text-gray-900">{{ auth()->user()->warehouseProfile->location ?? 'N/A' }}</p>
            </div>
            @endrole

            @role('Corporate')
            <div>
                <p class="text-gray-600 font-medium">Organization</p>
                <p class="text-gray-900">{{ auth()->user()->corporateProfile->organization_name ?? 'N/A' }}</p>
            </div>
            @endrole

            {{-- Add more roles as needed --}}
        </div>
    </div>
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
        <div class="bg-white shadow rounded-md p-4 text-xs">
            <p class="font-semibold text-gray-700">Total Products</p>
            <p class="mt-2 text-lg text-gray-900">1,234</p>
        </div>
        <div class="bg-white shadow rounded-md p-4 text-xs">
            <p class="font-semibold text-gray-700">Low Stock</p>
            <p class="mt-2 text-lg text-red-600">45</p>
        </div>
        <div class="bg-white shadow rounded-md p-4 text-xs">
            <p class="font-semibold text-gray-700">Inventory Value</p>
            <p class="mt-2 text-lg text-gray-900">$123,456</p>
        </div>
        <div class="bg-white shadow rounded-md p-4 text-xs">
            <p class="font-semibold text-gray-700">Warehouses</p>
            <p class="mt-2 text-lg text-gray-900">8</p>
        </div>
    </div>

    <div class="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="bg-white rounded-md shadow-sm p-4 text-xs">
            <p class="font-semibold text-gray-700 mb-2">Stock Levels Over Time</p>
            <div class="h-48 bg-gray-100 rounded-md flex items-center justify-center text-gray-400">
                Chart goes here
            </div>
        </div>
        <div class="bg-white rounded-md shadow-sm p-4 text-xs">
            <p class="font-semibold text-gray-700 mb-2">Top Selling Products</p>
            <div class="h-48 bg-gray-100 rounded-md flex items-center justify-center text-gray-400">
                Chart goes here
            </div>
        </div>
    </div>
@endsection