@extends('install.layout')

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center gap-2">
        <i class="bi bi-gear fs-5 text-primary"></i>
        <div>
            <h5 class="mb-0">Application Configuration</h5>
            <small class="text-muted">Set your application name, URL, timezone, and language.</small>
        </div>
    </div>
    <div class="card-body">

        <form id="app-config-form" method="POST" action="{{ route('install.app.store') }}">
            @csrf

            <div class="mb-3">
                <label class="form-label fw-semibold">Application Name <span class="text-danger">*</span></label>
                <input type="text" name="app_name"
                       class="form-control @error('app_name') is-invalid @enderror"
                       value="{{ old('app_name', config('app.name', 'ERP System')) }}"
                       placeholder="My ERP System">
                @error('app_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label fw-semibold">Application URL <span class="text-danger">*</span></label>
                <input type="url" name="app_url"
                       class="form-control @error('app_url') is-invalid @enderror"
                       value="{{ old('app_url', $detectedUrl) }}"
                       placeholder="http://localhost">
                <div class="form-text">Auto-detected from your current request. Confirm or update if behind a proxy.</div>
                @error('app_url') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label fw-semibold">Timezone <span class="text-danger">*</span></label>
                <select name="app_timezone" class="form-select @error('app_timezone') is-invalid @enderror">
                    @foreach ($timezones as $tz)
                        <option value="{{ $tz }}" {{ old('app_timezone', 'Africa/Cairo') === $tz ? 'selected' : '' }}>
                            {{ $tz }}
                        </option>
                    @endforeach
                </select>
                @error('app_timezone') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-4">
                <label class="form-label fw-semibold">Default Language <span class="text-danger">*</span></label>
                <select name="app_locale" class="form-select @error('app_locale') is-invalid @enderror">
                    <option value="en" {{ old('app_locale', 'en') === 'en' ? 'selected' : '' }}>English</option>
                    <option value="ar" {{ old('app_locale') === 'ar' ? 'selected' : '' }}>Arabic (عربي)</option>
                </select>
                @error('app_locale') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="d-flex gap-2">
                <a href="{{ route('install.database') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i>Back
                </a>
                <button type="submit" class="btn btn-primary px-4">
                    Save &amp; Continue <i class="bi bi-arrow-right ms-1"></i>
                </button>
            </div>
        </form>

    </div>
</div>
@endsection

@push('scripts')
@include('partials.jsvalidation', ['request' => 'App\Http\Requests\Install\AppConfigRequest', 'selector' => '#app-config-form', 'includeJquery' => true])
@endpush