{% extends 'layouts/base.html' %}
{% load static %}
{% load l10n %}

{% block extra_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'farm/css/farm_home.css' %}"> 
{% endblock %}

{% block content %}
    <div class="header">
        <div class="header-left">
            <h1 class="title">{{ selected_farm.name }}</h1>
            <p>Configurações da fazenda</p>
        </div>
    </div>

    <div class="farm-config-container">
        <h2 class="farm-config-title">Métricas da fazenda</h2>
        <form action="{% url "entities:farm:metrics_update" %}" method="POST">
            {% csrf_token %}
            <div class="config-card" title="Percentual do peso do animal correspondente ao seu consumo diário">
                <p class="config-card-title">Consumo padrão <i class="fa-solid fa-circle-question metric-question"></i></p>
                <input type="number" name="default-consume" min="0.01" step="0.01" value="{{ selected_farm.default_consumption|unlocalize }}" required>
            </div>
            <div class="config-card" title="Variação do consumo no verão (1,00 = sem variação)">
                <p class="config-card-title">Consumo no verão <i class="fa-solid fa-circle-question metric-question"></i></p>
                <input type="number" name="summer-consume" min="0.01" step="0.01" value="{{ selected_farm.summer_consumption|unlocalize }}" required>
            </div>
            <div class="config-card" title="Variação do consumo no inverno (1,00 = sem variação)">
                <p class="config-card-title">Consumo no inverno <i class="fa-solid fa-circle-question metric-question"></i></p>
                <input type="number" name="winter-consume" min="0.01" step="0.01" value="{{ selected_farm.winter_consumption|unlocalize }}" required>
            </div>
            <div class="config-card" title="Tempo ideal de ocupação em um piquete em dias">
                <p class="config-card-title">Tempo de ocupação <i class="fa-solid fa-circle-question metric-question"></i></p>
                <input type="number" name="ideal_paddock_occupation" min="1" step="1" value="{{ selected_farm.ideal_paddock_occupation|unlocalize }}" required>
            </div>
            <div class="config-card" title="Tempo ideal de descanço para uma piquete em dias">
                <p class="config-card-title">Tempo de repouso <i class="fa-solid fa-circle-question metric-question"></i></p>
                <input type="number" name="ideal_paddock_rest" min="1" step="1" value="{{ selected_farm.ideal_paddock_rest|unlocalize }}" required>
            </div>
            <div class="config-submit">
                <button type="submit">Salvar</button>
            </div>
        </form>
    </div>

    <div class="batch-type-config-container">
        <div class="batch-type-config-header">
            <h2 class="batch-type-title">Tipos de lote</h2>
            <a hx-get="{% url "entities:animal:batchtype_create" %}" hx-swap="beforeend" hx-target="body"><i class="fa-solid fa-plus"></i> Tipo de Lote</a>
        </div>
        {% if batch_types|length < 1 %}
            <p class="type-consumption-factor">Nenhum tipo de lote foi cadastrado ainda</p>
        {% endif %}
        {% for type in batch_types %}
            <div class="batch-type-card">
                <div class="batch-type-left">
                    <p class="type-title">{{ type.name }}</p>
                    <p class="type-consumption-factor">Multiplicativo de consumo: {{ type.consumption_factor }} ({{ type.consumption_percentage }}%)</p>
                </div>
                <div class="batch-type-right">
                    <a class="edit-type" hx-get="{% url "entities:animal:batchtype_update" type.id %}" hx-swap="beforeend" hx-target="body">Editar</a>
                    <a class="delete-type" hx-get="{% url "entities:animal:batchtype_delete" type.id %}" hx-swap="beforeend" hx-target="body">Excluir</a>
                </div>
            </div>
        {% endfor %}
    </div>

    <div class="allowed-users-container">
        <div class="allowed-users-header">
            <h2 class="allowed-users-title">Usuários com acesso</h2>
            <a hx-get="{% url "entities:farm:new_authorization" %}" hx-swap="beforeend" hx-target="body"><i class="fa-solid fa-plus"></i> Permissão</a>
        </div>
        {% if allowed_users|length < 1 %}
            <p class="type-consumption-factor">Seu usuário é o único vinculado a essa fazenda</p>
        {% endif %}
        {% for user in allowed_users %}
            <div class="allowed-user-card">
                <p class="name"><i class="fa-regular fa-user"></i> {{user.name}}</p>
                <a hx-get="{% url "entities:farm:farm_user_deauthorize" user.id %}" hx-swap="beforeend" hx-target="body" class="user-remove"><i class="fa-solid fa-user-slash"></i></a>
            </div>
        {% endfor %}
    </div>

    <div class="available-farms-container">
        <div class="available-farms-header">
            <h2 class="available-farms-title">Suas fazendas</h2>
            <a hx-get="{% url "entities:farm:farm_create" %}" hx-swap="beforeend" hx-target="body"><i class="fa-solid fa-plus"></i> Fazenda</a>
        </div>
        {% for farm in farms %}
            <div class="available-farm-card">
                <p class="available-farm-name">{{ farm.name }}</p>
                <div class="available-farm-ifo">
                    <p class="animal-count">{{ farm.animal_count }} Animais</p>
                    <p class="animal-count">{{ farm.paddock_count }} Piquetes</p>
                </div>
                <div class="available-farm-options">
                    <a class="available-farm-select" href="{% url "entities:user:farm_set" farm.id %}">Selecionar</a>
                    <a class="available-farm-delete" hx-get="{% url "entities:farm:farm_delete" farm.id %}" hx-swap="beforeend" hx-target="body">Excluir</a>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}