@extends('layouts.app')
@section('title', 'Profil — Satu Mimpi Loket')

@section('content')
    <div style="max-width:560px;{{ $isNew ? 'margin:0 auto' : '' }}">

        @if (!$isNew)
            <a href="{{ route('dashboard') }}" class="btn btn-secondary" style="margin-bottom:20px">
                <i class="bi bi-arrow-left"></i> Kembali
            </a>
            <h1 class="page-title">
                <i class="bi bi-person-gear" style="color:var(--accent)"></i>
                Edit Profil
            </h1>
        @else
            <div style="text-align:center;margin-bottom:28px">
                <div style="width:60px;height:60px;background:linear-gradient(135deg,var(--accent),#7289da);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 12px">
                    👤
                </div>
                <h1 style="font-size:1.3rem;font-weight:700">Lengkapi Data Diri</h1>
                <p class="text-muted" style="margin-top:6px;font-size:.9rem">
                    Tahap 1 dari 3 — Isi data diri dasar kamu terlebih dahulu.
                </p>
            </div>
        @endif

        {{-- Step indicator --}}
        @include('profile.partials.steps', ['currentStep' => 1])

        {{-- Info Discord --}}
        <div class="card" style="margin-bottom:16px;padding:14px 18px;display:flex;align-items:center;gap:14px">
            <img src="{{ auth()->user()->discord_avatar }}"
                style="width:40px;height:40px;border-radius:50%;border:2px solid var(--accent)" alt="avatar">
            <div>
                <div style="font-weight:600">{{ $user->name }}</div>
                <div class="text-muted" style="font-size:.8rem">Login via Discord · {{ $user->discord_username }}</div>
            </div>
        </div>

        <div class="card">
            <form method="POST" action="{{ route('profile.save.step1') }}" enctype="multipart/form-data">
                @csrf
                @method('PATCH')

                <div class="form-group">
                    <label class="form-label">Nama Lengkap *</label>
                    <input type="text" name="name" class="form-control"
                        value="{{ old('name', $user->name) }}"
                        placeholder="Nama sesuai KTP ingame" required>
                    <div class="form-hint">Nama sesuai KTP ingame</div>
                    @error('name')
                        <div class="form-error">{{ $message }}</div>
                    @enderror
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">Tempat Lahir *</label>
                        <input type="text" name="tempat_lahir" class="form-control"
                            value="{{ old('tempat_lahir', $user->tempat_lahir) }}"
                            placeholder="Kota tempat lahir" required>
                        @error('tempat_lahir')
                            <div class="form-error">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">Tanggal Lahir *</label>
                        <input type="date" name="tanggal_lahir" class="form-control"
                            value="{{ old('tanggal_lahir', $user->tanggal_lahir?->format('Y-m-d')) }}"
                            required>
                        @error('tanggal_lahir')
                            <div class="form-error">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">Jenis Kelamin *</label>
                        <select name="jenis_kelamin" class="form-select" required>
                            <option value="">— Pilih —</option>
                            @foreach (['Laki-laki', 'Perempuan'] as $opt)
                                <option value="{{ $opt }}"
                                    {{ old('jenis_kelamin', $user->jenis_kelamin) == $opt ? 'selected' : '' }}>
                                    {{ $opt }}</option>
                            @endforeach
                        </select>
                        @error('jenis_kelamin')
                            <div class="form-error">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">No. Telepon / HP *</label>
                        <input type="text" name="phone" class="form-control"
                            value="{{ old('phone', $user->phone) }}"
                            placeholder="e.g. 555-1234" required>
                        @error('phone')
                            <div class="form-error">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <hr class="divider">

                <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center">
                    <i class="bi bi-check-circle-fill"></i> Simpan Data Diri
                </button>
            </form>
        </div>

        @if ($isNew)
            <div style="text-align:center;margin-top:16px">
                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <button type="submit"
                        style="background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline">
                        Keluar dan gunakan akun lain
                    </button>
                </form>
            </div>
        @endif
    </div>
@endsection