@extends('layouts.app')
@section('title', $title)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="#">Payroll</a></li>
    <li class="breadcrumb-item active">{{ $title }}</li>
@endsection
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title"><i class="bi {{ $icon }} me-2 text-primary"></i>{{ $title }}</h1>
        <p class="page-subtitle">{{ $subtitle }}</p>
    </div>
</div>

<div class="card">
    <div class="card-body text-center py-5">
        <i class="bi {{ $icon }} display-4 text-muted d-block mb-3"></i>
        <h5 class="mb-2">{{ $title }}</h5>
        <p class="text-muted mb-0" style="max-width:480px;margin:0 auto">{{ $subtitle }}</p>
        <p class="text-muted mt-3 mb-0" style="font-size:13px">This screen is ready in the navigation. Full functionality will be added in a future update.</p>
    </div>
</div>
@endsection