@extends('layouts.app')

@section('title', ($title ?? 'Inventory') . ' — Tenseal')

@section('content')
<div style="max-width: 720px; margin: 4rem auto; padding: 2rem; text-align: center;">
    <div style="display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.875rem; background: rgba(16,191,255,0.1); border: 1px solid rgba(16,191,255,0.25); border-radius: 999px; font-size: 0.75rem; font-weight: 600; color: #10BFFF; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 1rem;">
        <i class="fas fa-tools"></i> Coming soon
    </div>
    <h1 style="font-size: 1.75rem; font-weight: 700; margin-bottom: 0.5rem;">{{ $title ?? 'This area' }}</h1>
    <p style="color: var(--text-secondary, #94a3b8); line-height: 1.6; margin-bottom: 2rem;">
        This feature is on the roadmap and the page is reserved so navigation links don't 404. We'll wire it up in an upcoming release.
    </p>
    <a href="{{ route('inventory.dashboard') }}" style="display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1.25rem; background: #10BFFF; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.875rem;">
        <i class="fas fa-arrow-left"></i> Back to Dashboard
    </a>
</div>
@endsection