@extends('layouts.app')

@section('content')
<style>
    .module-placeholder {
        max-width: 920px;
        background: #fff;
        border: 1px solid #e4ebf3;
        border-radius: 8px;
        padding: 28px;
        box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    }

    .module-placeholder h1 {
        margin: 0 0 8px;
        color: #1E4FA8;
        font-size: 26px;
    }

    .module-placeholder p {
        margin: 0 0 18px;
        color: #5f6b7a;
        line-height: 1.6;
    }

    .module-meta {
        display: inline-block;
        background: #fff3ee;
        border: 1px solid #ffd7c6;
        border-radius: 8px;
        color: #E84C0D;
        font-weight: 700;
        padding: 8px 12px;
        font-size: 13px;
    }
</style>

<div class="module-placeholder">
    <h1>{{ $module->name }}</h1>
    <p>This module is available in the ERP structure and ready for the next build phase.</p>
    <span class="module-meta">Module code: {{ $module->code }}</span>
</div>
@endsection