@extends('layouts.install')
@section('title', __('Database'))
@section('content')
    <h3 class="fw-bold mb-1" style="letter-spacing:-.03em">{{ __('Site & database') }}</h3>
    <p class="text-muted mb-4">{{ __('After the connection test these are written to .env, then all tables and default data are created. This can take a minute.') }}</p>
    @if(session('error'))<div class="alert alert-danger small">{{ session('error') }}</div>@endif
    <form method="POST" action="{{ route('install.database.save') }}" onsubmit="var b=this.querySelector('button[type=submit],button.btn-primary');b.disabled=true;b.innerHTML='<span class=\'spinner-border spinner-border-sm me-2\'></span>Installing…'">@csrf
        <div class="row g-3">
            <div class="col-md-6"><label class="form-label">{{ __('Site name') }}</label><input type="text" name="app_name" class="form-control" value="{{ old('app_name', $env['APP_NAME']) }}" required></div>
            <div class="col-md-6"><label class="form-label">{{ __('Site URL') }}</label><input type="url" name="app_url" class="form-control" value="{{ old('app_url', $env['APP_URL']) }}" required></div>
            <div class="col-12"><hr class="my-1"></div>
            <div class="col-md-8"><label class="form-label">{{ __('DB host') }}</label><input type="text" name="db_host" class="form-control" value="{{ old('db_host', $env['DB_HOST']) }}" required></div>
            <div class="col-md-4"><label class="form-label">{{ __('Port') }}</label><input type="number" name="db_port" class="form-control" value="{{ old('db_port', $env['DB_PORT']) }}" required></div>
            <div class="col-md-12"><label class="form-label">{{ __('Database name') }}</label><input type="text" name="db_database" class="form-control" value="{{ old('db_database', $env['DB_DATABASE']) }}" required><div class="form-text">{{ __('Must already exist. Use an empty database for a new install; re-submitting after an interruption is safe.') }}</div></div>
            <div class="col-md-6"><label class="form-label">{{ __('Username') }}</label><input type="text" name="db_username" class="form-control" value="{{ old('db_username', $env['DB_USERNAME']) }}" required></div>
            <div class="col-md-6"><label class="form-label">{{ __('Password') }}</label><input type="password" name="db_password" class="form-control" value="{{ old('db_password') }}"></div>
        </div>
        <div class="d-flex justify-content-between mt-4">
            <a href="{{ route('install.requirements') }}" class="btn btn-light"><i class="bi bi-arrow-left me-1"></i>{{ __('Back') }}</a>
            <button class="btn btn-primary"><i class="bi bi-database-add me-1"></i>{{ __('Test & install') }}</button>
        </div>
    </form>
@endsection