@extends('install.layout')

@section('content')
<h2>Application Settings</h2>
<p class="subtitle">Configure the basic settings for your MedAid installation.</p>

@if($errors->any())
    <div class="error-box">
        <ul>@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
@endif

<form method="POST" action="{{ route('install.process', 3) }}">
    @csrf

    <div class="form-row">
        <label for="app_name">Application Name</label>
        <input type="text" id="app_name" name="app_name" value="{{ old('app_name', 'MedAid') }}" placeholder="Your Medical Aid Name" required>
        <div class="input-hint">Displayed in the browser tab and throughout the interface.</div>
    </div>

    <div class="form-row">
        <label for="app_url">Application URL</label>
        <input type="url" id="app_url" name="app_url" value="{{ old('app_url', request()->schemeAndHttpHost()) }}" placeholder="https://medaid.yourcompany.co.zw" required>
        <div class="input-hint">The full URL where MedAid will be accessed. No trailing slash.</div>
    </div>

    <div class="form-row">
        <label for="timezone">Timezone</label>
        <select id="timezone" name="timezone">
            @php
                $tz = old('timezone', 'Africa/Harare');
                $zones = ['Africa/Harare','Africa/Johannesburg','Africa/Nairobi','Africa/Lagos','Africa/Cairo',
                          'UTC','Europe/London','America/New_York','America/Chicago','America/Denver','America/Los_Angeles',
                          'Asia/Dubai','Asia/Kolkata','Asia/Singapore','Australia/Sydney'];
            @endphp
            @foreach($zones as $zone)
                <option value="{{ $zone }}" {{ $tz === $zone ? 'selected' : '' }}>{{ $zone }}</option>
            @endforeach
        </select>
        <div class="input-hint">Select the timezone where your organisation is located.</div>
    </div>

    <div class="actions">
        <a href="{{ route('install.step', 2) }}" class="btn btn-secondary">← Back</a>
        <button type="submit" class="btn btn-primary">
            Next: Admin Account
            <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6"/></svg>
        </button>
    </div>
</form>
@endsection