@extends('operator.layout')

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

@section('card_title','Dashboard')
@section('card_icon')
    <i class="bi bi-person-circle" style="font-size:16px;color:var(--header-bg)"></i>
@endsection

@section('content')
    <div style="background:#fff;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.04)">
        <div style="padding:12px 16px;border-bottom:1px solid #f1f1f1;font-weight:700;background:#fafafa;display:flex;align-items:center;gap:8px">
            @hasSection('card_icon')
                <span class="card-icon">@yield('card_icon')</span>
            @endif
            <span class="card-title">@yield('card_title')</span>
        </div>
        <div class="card-body" style="padding:16px">
            <h1 style="margin:0 0 8px 0">Halo Operator</h1>
            <p style="margin:0">Selamat datang di dashboard operator.</p>

            <div style="margin-top:12px">
                @if(isset($sekolah) && $sekolah)
                    <div style="background:#fff;border:1px solid #e9ecef;padding:12px;border-radius:6px;max-width:720px">
                        <div style="font-weight:700;margin-bottom:6px">Informasi Sekolah Anda</div>
                        <div><strong>Nama Sekolah:</strong> {{ $sekolah->nama_sekolah ?? '-' }}</div>
                        <div><strong>Jenjang:</strong> {{ $sekolah->jenjang ?? '-' }}</div>
                        <div><strong>Email:</strong> {{ $sekolah->email ?? '-' }}</div>
                        <div style="margin-top:6px"><strong>Alamat:</strong> {{ $sekolah->alamat ? Str::limit($sekolah->alamat, 200) : '-' }}</div>
                    </div>
                @else
                    <div style="padding:10px;border:1px solid #e9ecef;border-radius:6px;background:#fff">Anda belum terhubung dengan sekolah binaan. Silakan daftarkan sekolah Anda di menu <a href="{{ route('operator.sekolah') }}">Sekolah</a>.</div>
                @endif
            </div>
        </div>
    </div>
    
    
@endsection