@extends('install.layout')

@section('content')
<div class="text-center mb-4">
    <h3>Email Configuration</h3>
    <p>Set up your email server details for sending notifications.</p>
</div>

<form action="{{ route('install.email.store') }}" method="POST">
    @csrf
    
    <div class="card mb-4">
        <div class="card-body">
            <div class="mb-3">
                <label for="mail_host" class="form-label">SMTP Host</label>
                <input type="text" name="mail_host" id="mail_host" class="form-control @error('mail_host') is-invalid @enderror" value="{{ old('mail_host', 'mail.royalserandib.com') }}" required>
                @error('mail_host')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_port" class="form-label">SMTP Port</label>
                <input type="text" name="mail_port" id="mail_port" class="form-control @error('mail_port') is-invalid @enderror" value="{{ old('mail_port', '465') }}" required>
                @error('mail_port')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_username" class="form-label">SMTP Username</label>
                <input type="text" name="mail_username" id="mail_username" class="form-control @error('mail_username') is-invalid @enderror" value="{{ old('mail_username', 'info@royalserandib.com') }}" required>
                @error('mail_username')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_password" class="form-label">SMTP Password</label>
                <input type="password" name="mail_password" id="mail_password" class="form-control @error('mail_password') is-invalid @enderror" value="{{ old('mail_password', 'Ravindu@8682') }}" required>
                @error('mail_password')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_encryption" class="form-label">Encryption</label>
                <select name="mail_encryption" id="mail_encryption" class="form-select @error('mail_encryption') is-invalid @enderror" required>
                    <option value="ssl" {{ old('mail_encryption') == 'ssl' ? 'selected' : 'selected' }}>SSL</option>
                    <option value="tls" {{ old('mail_encryption') == 'tls' ? 'selected' : '' }}>TLS</option>
                    <option value="null" {{ old('mail_encryption') == 'null' ? 'selected' : '' }}>None</option>
                </select>
                @error('mail_encryption')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_from_address" class="form-label">From Email Address</label>
                <input type="email" name="mail_from_address" id="mail_from_address" class="form-control @error('mail_from_address') is-invalid @enderror" value="{{ old('mail_from_address', 'info@royalserandib.com') }}" required>
                @error('mail_from_address')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            
            <div class="mb-3">
                <label for="mail_from_name" class="form-label">From Name</label>
                <input type="text" name="mail_from_name" id="mail_from_name" class="form-control @error('mail_from_name') is-invalid @enderror" value="{{ old('mail_from_name', 'House Construction Expense Tracker') }}" required>
                @error('mail_from_name')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>
    
    <div class="d-flex justify-content-between">
        <a href="{{ route('install.database') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
        <button type="submit" class="btn btn-primary">Continue <i class="fas fa-arrow-right"></i></button>
    </div>
</form>
@endsection