@extends('vendor.installer.layouts.master')

@section('template_title')
    {{ trans('installer_messages.environment.wizard.templateTitle') }}
@endsection

@section('title')
    <i class="fa fa-magic fa-fw" aria-hidden="true"></i>
    {{ __('Setup Environment') }}
@endsection

@section('container')
    <div class="text-center mb-4">
        <i class="fas fa-magic fa-3x text-info mb-3"></i>
        <p class="text-muted">
            Configure your application environment settings below.
        </p>
    </div>

    <form method="post" action="{{ route('LaravelInstaller::environmentSaveWizard') }}">
        @csrf

        <div class="card shadow-sm mb-4">
            <div class="card-header bg-light">
                <h5 class="mb-0">
                    <i class="fas fa-cogs mr-2"></i>
                    Application Settings
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label for="app_name" class="form-label">
                                <i class="fas fa-tag mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.app_name_label') }}
                            </label>
                            <input type="text" name="app_name" id="app_name" value="{{ old('app_name', config('app.name')) }}"
                                   class="form-control @error('app_name') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.app_name_placeholder') }}" required />
                            @error('app_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label for="app_url" class="form-label">
                                <i class="fas fa-globe mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.app_url_label') }}
                            </label>
                            <input type="url" name="app_url" id="app_url" value="{{ old('app_url', url('/')) }}"
                                   class="form-control @error('app_url') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.app_url_placeholder') }}" required />
                            @error('app_url')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow-sm mb-4">
            <div class="card-header bg-light">
                <h5 class="mb-0">
                    <i class="fas fa-database mr-2"></i>
                    Database Configuration
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label for="database_connection" class="form-label">
                                <i class="fas fa-plug mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_connection_label') }}
                            </label>
                            <select name="database_connection" id="database_connection" class="form-control @error('database_connection') is-invalid @enderror">
                                <option value="mysql" {{ old('database_connection') == 'mysql' ? 'selected' : '' }}>{{ trans('installer_messages.environment.wizard.form.db_connection_label_mysql') }}</option>
                                <option value="sqlite" {{ old('database_connection') == 'sqlite' ? 'selected' : '' }}>{{ trans('installer_messages.environment.wizard.form.db_connection_label_sqlite') }}</option>
                                <option value="pgsql" {{ old('database_connection') == 'pgsql' ? 'selected' : '' }}>{{ trans('installer_messages.environment.wizard.form.db_connection_label_pgsql') }}</option>
                                <option value="sqlsrv" {{ old('database_connection') == 'sqlsrv' ? 'selected' : '' }}>{{ trans('installer_messages.environment.wizard.form.db_connection_label_sqlsrv') }}</option>
                            </select>
                            @error('database_connection')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label for="database_hostname" class="form-label">
                                <i class="fas fa-server mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_host_label') }}
                            </label>
                            <input type="text" name="database_hostname" id="database_hostname" value="{{ old('database_hostname', '127.0.0.1') }}"
                                   class="form-control @error('database_hostname') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.db_host_placeholder') }}" />
                            @error('database_hostname')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="database_port" class="form-label">
                                <i class="fas fa-network-wired mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_port_label') }}
                            </label>
                            <input type="number" name="database_port" id="database_port" value="{{ old('database_port', '3306') }}"
                                   class="form-control @error('database_port') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.db_port_placeholder') }}" />
                            @error('database_port')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="database_name" class="form-label">
                                <i class="fas fa-database mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_name_label') }}
                            </label>
                            <input type="text" name="database_name" id="database_name" value="{{ old('database_name') }}"
                                   class="form-control @error('database_name') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.db_name_placeholder') }}" />
                            @error('database_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="database_username" class="form-label">
                                <i class="fas fa-user mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_username_label') }}
                            </label>
                            <input type="text" name="database_username" id="database_username" value="{{ old('database_username') }}"
                                   class="form-control @error('database_username') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.db_username_placeholder') }}" />
                            @error('database_username')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-3">
                            <label for="database_password" class="form-label">
                                <i class="fas fa-lock mr-1"></i>
                                {{ trans('installer_messages.environment.wizard.form.db_password_label') }}
                            </label>
                            <input type="password" name="database_password" id="database_password" value="{{ old('database_password') }}"
                                   class="form-control @error('database_password') is-invalid @enderror"
                                   placeholder="{{ trans('installer_messages.environment.wizard.form.db_password_placeholder') }}" />
                            @error('database_password')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="text-center mt-5 mb-4">
            <button type="submit" class="btn btn-primary btn-lg px-5 shadow-sm rounded-pill font-weight-bold d-inline-flex align-items-center">
                <i class="fas fa-save mr-2"></i>
                {{ trans('installer_messages.environment.wizard.form.buttons.setup_database') }}
            </button>
        </div>
    </form>
@endsection