{% extends 'base.html' %}

{% block content %}
    <h1 style="display: flex; justify-content: center;">Datos de contacto Cliente</h1>
    <hr>
    <p style="font-size: 25px;">Nombre Cliente/Empresa: {{ cliente.nombre }} {{ cliente.apellido }}</p>
    <p style="font-size: 20px;">Dirección: {{ cliente.direccion }}</p>
    <p style="font-size: 20px;">Teléfono: {{ cliente.telefono }}</p>
    <hr><br>
    <div style="display: inline-flex; justify-content: end;"> 
        <h2 style="padding-right: 96vh; padding-bottom: 20px;">Máquinas del cliente</h2>
        <a style="width: 150px; height: 47px; " href="{{ url_for('nueva_maquina', idCliente=cliente.idCliente) }}" class="btn btn-primary">Agregar Máquina</a>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th>Tipo de Equipo</th>
                <th>Estado</th>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Número de Serie</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            {% for maquina in maquinas %}
                <tr>
                    <td>{{ maquina.tipoEquipo }}</td>
                    <td>{{ maquina.estadoEquipo }}</td>
                    <td>{{ maquina.marca }}</td>
                    <td>{{ maquina.modelo }}</td>
                    <td>{{ maquina.numeroSerie }}</td>
                    <td>
                        <a href="{{ url_for('maquina', idMaquina=maquina.idMaquina) }}" class="btn btn-info">Ver</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}