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

{% block title %} {{ _("Editar Perfil") }} {% endblock title %}

{% block content %}
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid contenido-principal">
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <h2 class="mb-4">{% trans "Editar Perfil" %}</h2>
                    <form method="post" enctype="multipart/form-data">
                        {% csrf_token %}
                        <div class="card">
                            <div class="card-body">
                                {{ form.non_field_errors }}
                                <div class="mb-3">
                                    <label for="id_first_name" class="form-label">{% trans "Nombre" %}</label>
                                    {{ form.first_name }}
                                </div>
                                <div class="mb-3">
                                    <label for="id_last_name" class="form-label">{% trans "Apellido" %}</label>
                                    {{ form.last_name }}
                                </div>
                                <div class="mb-3">
                                    <label for="id_email" class="form-label">{% trans "Correo Electrónico" %}</label>
                                    {{ form.email }}
                                </div>
                                <div class="mb-3">
                                    <label for="id_phone" class="form-label">{% trans "Teléfono" %}</label>
                                    {{ form.phone }}
                                </div>
                                <div class="mb-3">
                                    <label for="id_profile_picture" class="form-label">{% trans "Foto de Perfil" %}</label>
                                    {{ form.profile_picture }}
                                    {% if agronomist.profile_picture %}
                                        <div class="mt-2">
                                            <img src="{{ agronomist.profile_picture.url }}" alt="Profile Picture" class="img-thumbnail" width="150">
                                        </div>
                                    {% endif %}
                                </div>
                            </div>
                            <div class="card-footer text-end">
                                <button type="submit" class="btn btn-primary">{% trans "Guardar Cambios" %}</button>
                                <a href="{% url 'agronomist-dashboard' %}" class="btn btn-secondary">{% trans "Cancelar" %}</a>
                            </div>
                        </div>
                    </form>                
                </div>
                <div class="col-md-4"></div>                
            </div>
        </div>
    </div>
</div>
{% endblock content %}