@extends('layouts.app')

@section('title', $module)

@section('header-title', $module)

@section('content')
<div style="text-align: center; padding: 4rem 2rem;">
    <div style="margin-bottom: 2rem;">
        <svg width="120" height="120" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="margin: 0 auto; color: var(--gray-300);">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
        </svg>
    </div>
    <h2 style="font-size: 1.5rem; font-weight: 600; color: var(--gray-700); margin-bottom: 1rem;">
        {{ $module }}
    </h2>
    <p style="font-size: 1rem; color: var(--gray-500); margin-bottom: 2rem;">
        Modul ini sedang dalam pengembangan. Akan segera tersedia!
    </p>
    <div style="display: flex; gap: 1rem; justify-content: center;">
        <a href="{{ url('/dashboard') }}" class="btn btn-primary">
            <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
            </svg>
            Kembali ke Dashboard
        </a>
    </div>

    <div style="margin-top: 4rem; padding: 2rem; background-color: var(--gray-50); border-radius: 0.75rem; max-width: 600px; margin-left: auto; margin-right: auto;">
        <h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem;">Modul yang Tersedia:</h3>
        <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; text-align: left;">
            <a href="{{ url('/dashboard') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                📊 Dashboard
            </a>
            <a href="{{ url('/cek-anco') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                ✅ Cek Anco
            </a>
            <a href="{{ url('/cek-air') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                💧 Cek Air
            </a>
            <a href="{{ url('/pemakaian-barang') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                🍤 Pakan
            </a>
            <a href="{{ url('/sampling') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                📏 Sampling
            </a>
            <a href="{{ url('/kematian') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                ❌ Kematian
            </a>
            <a href="{{ url('/panen') }}" class="btn btn-secondary" style="display: block; text-align: center;">
                📦 Panen
            </a>
        </div>
    </div>
</div>
@endsection