@extends('site_builder.layouts.app')

@section('title', 'Profil · Sihirbaz')

@section('content')
    @include('site_builder.wizard._steps', ['current' => 1])

    <h1 class="font-display text-2xl font-semibold text-ink-900">Astrolog Profili</h1>
    <p class="mt-2 text-sm text-ink-700">Ziyaretçilerin seni nasıl tanıyacağını burada anlatıyorsun.</p>

    <form method="POST" action="{{ route('sitebuilder.wizard.profile.save') }}" class="mt-8 space-y-5">
        @csrf

        <div>
            <label for="astrologer_name" class="block text-sm font-medium text-ink-800">Adın Soyadın</label>
            <input
                type="text"
                name="astrologer_name"
                id="astrologer_name"
                value="{{ old('astrologer_name', $site->astrologer_name) }}"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('astrologer_name')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="astrologer_title" class="block text-sm font-medium text-ink-800">Unvan</label>
            <input
                type="text"
                name="astrologer_title"
                id="astrologer_title"
                value="{{ old('astrologer_title', $site->astrologer_title) }}"
                placeholder="Örn. Astrolog & Natal Harita Uzmanı"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('astrologer_title')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="astrologer_bio" class="block text-sm font-medium text-ink-800">Biyografi</label>
            <textarea
                name="astrologer_bio"
                id="astrologer_bio"
                rows="6"
                required
                class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >{{ old('astrologer_bio', $site->astrologer_bio) }}</textarea>
            @error('astrologer_bio')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <div>
            <label for="astrologer_experience_years" class="block text-sm font-medium text-ink-800">Deneyim (Yıl)</label>
            <input
                type="number"
                name="astrologer_experience_years"
                id="astrologer_experience_years"
                min="0"
                value="{{ old('astrologer_experience_years', $site->astrologer_experience_years) }}"
                required
                class="mt-1 block w-40 rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
            >
            @error('astrologer_experience_years')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>

        <button
            type="submit"
            class="w-full rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700 sm:w-auto"
        >
            Devam Et
        </button>
    </form>
@endsection