@extends('install.layout')

@section('card-header')
إعداد قاعدة البيانات
@endsection

@section('content')
<div class="mb-4">
    <p>يرجى إدخال معلومات قاعدة البيانات الخاصة بك. تأكد من إنشاء قاعدة بيانات فارغة قبل المتابعة.</p>
</div>

<form method="POST" action="{{ route('install.database.setup') }}">
    @csrf
    
    <div class="mb-3">
        <label for="db_host" class="form-label">خادم قاعدة البيانات</label>
        <input type="text" class="form-control @error('db_host') is-invalid @enderror" id="db_host" name="db_host" value="{{ old('db_host', '127.0.0.1') }}" required>
        @error('db_host')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <small class="form-text text-muted">عادة ما يكون "localhost" أو "127.0.0.1"</small>
    </div>
    
    <div class="mb-3">
        <label for="db_port" class="form-label">منفذ قاعدة البيانات</label>
        <input type="number" class="form-control @error('db_port') is-invalid @enderror" id="db_port" name="db_port" value="{{ old('db_port', '3306') }}" required>
        @error('db_port')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <small class="form-text text-muted">المنفذ الافتراضي لـ MariaDB/MySQL هو 3306</small>
    </div>
    
    <div class="mb-3">
        <label for="db_name" class="form-label">اسم قاعدة البيانات</label>
        <input type="text" class="form-control @error('db_name') is-invalid @enderror" id="db_name" name="db_name" value="{{ old('db_name', 'codeplus_exchange') }}" required>
        @error('db_name')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <small class="form-text text-muted">تأكد من إنشاء قاعدة البيانات مسبقاً</small>
    </div>
    
    <div class="mb-3">
        <label for="db_username" class="form-label">اسم مستخدم قاعدة البيانات</label>
        <input type="text" class="form-control @error('db_username') is-invalid @enderror" id="db_username" name="db_username" value="{{ old('db_username', 'root') }}" required>
        @error('db_username')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
    
    <div class="mb-3">
        <label for="db_password" class="form-label">كلمة مرور قاعدة البيانات</label>
        <input type="password" class="form-control @error('db_password') is-invalid @enderror" id="db_password" name="db_password" value="{{ old('db_password', '') }}">
        @error('db_password')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
    
    <div class="alert alert-warning">
        <i class="fas fa-exclamation-triangle me-2"></i>
        سيقوم النظام بإنشاء جميع الجداول اللازمة في قاعدة البيانات المحددة. إذا كانت قاعدة البيانات تحتوي على جداول موجودة مسبقاً، فسيتم حذفها.
    </div>
    
    <div class="text-center mt-4">
        <button type="submit" class="btn btn-primary btn-lg">
            <i class="fas fa-database me-2"></i> اختبار الاتصال وإعداد قاعدة البيانات
        </button>
    </div>
</form>
@endsection