@extends('layouts.installer')
@section('title', 'Adım 1: Veritabanı Bilgileri')
@section('subtitle', 'Lütfen veritabanı bağlantı bilgilerini girin.')

@section('content')
<form action="{{ route('install.database') }}" method="POST">
    @csrf
    <div class="form-group">
        <label class="form-label" for="db_host">Veritabanı Sunucusu (Host)</label>
        <input type="text" id="db_host" name="db_host" class="form-control" value="127.0.0.1" required>
    </div>
    
    <div class="form-group">
        <label class="form-label" for="db_port">Veritabanı Portu</label>
        <input type="text" id="db_port" name="db_port" class="form-control" value="3306" required>
    </div>

    <div class="form-group">
        <label class="form-label" for="db_name">Veritabanı Adı</label>
        <input type="text" id="db_name" name="db_name" class="form-control" value="site_builder_cms" required>
    </div>

    <div class="form-group">
        <label class="form-label" for="db_user">Kullanıcı Adı</label>
        <input type="text" id="db_user" name="db_user" class="form-control" value="root" required>
    </div>

    <div class="form-group">
        <label class="form-label" for="db_pass">Şifre</label>
        <input type="password" id="db_pass" name="db_pass" class="form-control">
        <small style="color:var(--text-muted); margin-top:5px; display:block;">Eğer şifreniz yoksa boş bırakabilirsiniz.</small>
    </div>

    <button type="submit" class="btn">Bağlantıyı Test Et ve İlerle</button>
</form>
@endsection
