@extends('layouts.installer')

@section('title', 'Website Configuration')
@section('subtitle', 'General settings for your new application.')

@section('content')
<form action="{{ route('install.website.post') }}" method="POST" class="space-y-6">
    @csrf
    
    <div>
        <label class="block text-sm font-medium text-text-dim mb-2">Application Name</label>
        <input type="text" name="app_name" required placeholder="e.g. My Premium Store" class="form-input" value="{{ old('app_name', $data['app_name']) }}">
        <p class="mt-1 text-xs text-text-dim">This will be displayed in emails, headers, and titles.</p>
    </div>

    <div>
        <label class="block text-sm font-medium text-text-dim mb-2">Application URL</label>
        <input type="url" name="app_url" required placeholder="https://example.com" class="form-input" value="{{ old('app_url', $data['app_url']) }}">
        <p class="mt-1 text-xs text-text-dim">The primary URL where this application is hosted. Do NOT include a trailing slash.</p>
    </div>

    <div class="pt-6 border-t border-white/5 flex justify-between items-center">
        <a href="{{ route('install.database') }}" class="text-sm text-text-dim hover:text-white transition-colors">
            &larr; Back
        </a>
        <button type="submit" class="btn-primary">
            Next Step
            <i data-lucide="arrow-right" class="w-4 h-4"></i>
        </button>
    </div>
</form>
@endsection