{% extends "admin/layout_admin.html" %}
{% load i18n %}

{% block title %} {{ _("Seleccionar Cultivo para Recomendacióno") }} {% endblock title %}

{% block head %}

{% endblock %}

{% block content %}s
    {% load static %}
    {% load humanize %}
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid contenido-principal">

                    <h2>{% trans "Seleccionar Cultivo para Recomendación" %}</h2>

                    <!-- Formulario de búsqueda -->
                    <form method="get" class="row g-3 mb-4">
                        <div class="col-md-3">
                            <input type="text" name="field_name" class="form-control" placeholder="Nombre del campo" value="{{ request.GET.field_name }}">
                        </div>
                        <div class="col-md-3">
                            <input type="text" name="scout" class="form-control" placeholder="Scout responsable" value="{{ request.GET.scout }}">
                        </div>
                        <div class="col-md-3">
                            <select name="crop_type" class="form-select">
                                <option value="">{% trans "Tipo de Cultivo" %}</option>
                                {% for code, label in Crop.CROP_TYPE_CHOICES %}
                                <option value="{{ code }}" {% if request.GET.crop_type == code %}selected{% endif %}>{{ label }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary w-100">{% trans "Filtrar" %}</button>
                        </div>
                    </form>

                    <!-- Tabla de cultivos -->
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>{% trans "Nombre del Cultivo" %}</th>
                                <th>{% trans "Tipo de Cultivo" %}</th>
                                <th>{% trans "Campo" %}</th>
                                <th>{% trans "Scout" %}</th>
                                <th>{% trans "Acción" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for crop in crops %}
                            <tr>
                                <td>{{ crop.name }}</td>
                                <td>{{ crop.get_crop_type_display }}</td>
                                <td>{{ crop.field.name }}</td>
                                <td>{{ crop.field.scout.first_name }} {{ crop.field.scout.last_name }}</td>
                                <td>
                                    <a href="{% url 'create-recommendation' crop.id %}" class="btn btn-success btn-sm">{% trans "Seleccionar" %}</a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>


            </div>
        </div>
    </div>            
{% endblock content %}

{% block footer %}

{% endblock %}