{% extends 'base.html' %}

{% block title %}Home{% endblock %}

{% block content %}
    <h1>Welcome to Smartsquall</h1>
    <p>Rent or share your computing resources easily and securely.</p>
    {% for machine in machines %}
        <div class="card mb-3">
            <div class="card-body">
                <h5 class="card-title">{{ machine.name }}</h5>
                <h6 class="card-subtitle mb-2 text-muted">{{ machine.user.username }}</h6>
                <p class="card-text">CPU Cores: {{ machine.cpu_cores }}</p>
                <p class="card-text">CPU Threads: {{ machine.cpu_threads }}</p>
                <p class="card-text">RAM Size: {{ machine.ram_size }} GB</p>
                <p class="card-text">Disk Size: {{ machine.disk_size }} GB</p>
                <p class="card-text">GPU Count: {{ machine.gpu_count }}</p>
                <p class="card-text">GPU Type: {{ machine.gpu_type }}</p>
                <p class="card-text">Internet Speed: {{ machine.internet_speed }} Mbps</p>
            </div>
        </div>
    {% endfor %}
{% endblock %}