@php
    $isEdit = isset($server);
@endphp

<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label">Nama Router</label>
        <input type="text" name="name" class="form-control" value="{{ old('name', $server->name ?? '') }}" required>
    </div>
    <div class="col-md-6">
        <label class="form-label">Host / IP</label>
        <input type="text" name="host" class="form-control" value="{{ old('host', $server->host ?? '') }}" required>
    </div>
    <div class="col-md-4">
        <label class="form-label">Port API</label>
        <input type="number" name="port" class="form-control" value="{{ old('port', $server->port ?? 8728) }}" min="1" max="65535" required>
    </div>
    <div class="col-md-4">
        <label class="form-label">Username API</label>
        <input type="text" name="username" class="form-control" value="{{ old('username', $server->username ?? '') }}" required>
    </div>
    <div class="col-md-4">
        <label class="form-label">Password API {{ $isEdit ? '(kosongkan jika tidak diubah)' : '' }}</label>
        <input type="password" name="password" class="form-control" {{ $isEdit ? '' : 'required' }}>
    </div>
    <div class="col-12">
        <label class="form-label">Catatan</label>
        <textarea name="notes" class="form-control" rows="3">{{ old('notes', $server->notes ?? '') }}</textarea>
    </div>
    <div class="col-12 d-flex gap-4 mt-2">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="1" id="api_use_ssl" name="api_use_ssl" {{ old('api_use_ssl', $server->api_use_ssl ?? false) ? 'checked' : '' }}>
            <label class="form-check-label" for="api_use_ssl">Gunakan SSL (8729)</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="1" id="is_active" name="is_active" {{ old('is_active', $server->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">Koneksi aktif</label>
        </div>
    </div>
</div>

<div class="mt-4 d-flex gap-2">
    <button type="submit" class="btn btn-primary">Simpan</button>
    <a href="{{ route('mikrotik.servers.index') }}" class="btn btn-outline-secondary">Kembali</a>
</div>