@extends('layouts.admin')

@section('title', 'Pengembang')

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-7 col-md-9">

        <div class="card border-0 shadow-sm text-white mb-4" style="background:linear-gradient(135deg,#E66239 0%,#d94c22 55%,#00B8DB 130%);">
            <div class="card-body p-4">
                <div class="row align-items-center">
                    <div class="col-auto">
                        @if($school?->logoUrl())
                        <img src="{{ $school->logoUrl() }}" alt="{{ $school->name }}" class="bg-white rounded p-1" style="width:64px; height:64px; object-fit:contain;">
                        @else
                        <div class="bg-white rounded-circle d-flex align-items-center justify-content-center" style="width:64px; height:64px;">
                            <i class="ti ti-school fs-3 text-primary"></i>
                        </div>
                        @endif
                    </div>
                    <div class="col text-white">
                        <div class="small" style="color:rgba(255,255,255,.8);">Halo, {{ $user?->name ?? 'Pengguna' }}</div>
                        <h4 class="m-0">Selamat datang di {{ $product }}</h4>
                        <p class="mb-0" style="color:rgba(255,255,255,.85);">{{ $school?->name ?? 'Sistem Informasi Praktik Kerja Lapangan' }}</p>
                    </div>
                </div>
                @if($role)
                <div class="mt-3">
                    <span class="badge rounded-pill text-white fw-semibold" style="background:rgba(255,255,255,.22);">{{ ucfirst($role) }}</span>
                </div>
                @endif
            </div>
        </div>

        <div class="row g-3">
            <div class="col-md-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body text-center">
                        <div class="icon-shape icon icon-xl bg-primary-subtle text-primary rounded-3 mx-auto mb-3"><i class="ti ti-user-heart"></i></div>
                        <h5 class="fw-bold fs-6 mb-0">{{ $developer['name'] }}</h5>
                        <p class="text-secondary small mb-0">Pengembang Sistem</p>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-header bg-white fw-semibold">Tentang Pengembang</div>
                    <div class="card-body py-3">
                        <ul class="list-unstyled mb-0">
                            <li class="d-flex align-items-center gap-3 mb-3">
                                <i class="ti ti-box text-primary fs-4"></i>
                                <div>
                                    <div class="small text-secondary">Produk</div>
                                    <div class="fw-semibold">{{ $product }}</div>
                                </div>
                            </li>
                            <li class="d-flex align-items-center gap-3 mb-3">
                                <i class="ti ti-brand-whatsapp text-success fs-4"></i>
                                <div>
                                    <div class="small text-secondary">WhatsApp</div>
                                    <div class="fw-semibold"><a href="https://wa.me/{{ preg_replace('/\D/', '', $developer['wa']) }}" class="text-decoration-none">{{ $developer['wa'] }}</a></div>
                                </div>
                            </li>
                            <li class="d-flex align-items-center gap-3 mb-3">
                                <i class="ti ti-mail text-warning fs-4"></i>
                                <div>
                                    <div class="small text-secondary">Email</div>
                                    <div class="fw-semibold"><a href="mailto:{{ $developer['email'] }}" class="text-decoration-none">{{ $developer['email'] }}</a></div>
                                </div>
                            </li>
                            <li class="d-flex align-items-center gap-3">
                                <i class="ti ti-code text-danger fs-4"></i>
                                <div>
                                    <div class="small text-secondary">Kerangka Aplikasi</div>
                                    <div class="fw-semibold">Laravel {{ app()->version() }}</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <p class="text-muted text-center mt-3 small mb-0">
            &copy; {{ date('Y') }} {{ $developer['name'] }}. Hak cipta dilindungi.
        </p>
    </div>
</div>
@endsection