{% extends 'base.html' %}

{% block title %}
    SLUB - Επεξεργασία Προφίλ Χρήστη
{% endblock %}

{% block content %}
    {% with empty_user_profile=user.has_empty_profile %}
        <nav id="session_nav">
            {% if not empty_user_profile %}
                Έχετε εισέλθει ως <strong>{{ user.first_name }} {{ user.last_name }}</strong>!
            {% else %}
                Έχετε εισέλθει επιτυχώς!
            {% endif %}
            | <a href="{% url 'user_home' %}">Αρχική Σελίδα</a>
            | <a href="{% url 'logout' %}">Έξοδος</a>
        </nav>

        <h4>Επεξεργασία Προφίλ Χρήστη</h4>

        {% if empty_user_profile %}
            <p>
                <strong>
                    &#x272A; Αν καταχωρήσατε τα στοιχεία του προφίλ σας κατά τη διάρκεια παλιότερης εισόδου σας στο σύστημα και <br />
                             αυτά δεν εμφανίζονται τώρα στην παρακάτω φόρμα (είτε γιατί έχετε αλλάξει τα διαπιστευτήρια της <br />
                             πλατφόρμας εισόδου είτε γιατί έχετε εισέλθει για πρώτη φορά με διαπιστευτήρια αυτής της πλατφόρμας), <br />
                             παρακαλούμε ανακτήστε τα από τη βάση χωρίς να συμπληρώσετε τα πεδία της παρακάτω φόρμας! <br />
                             <a href="{% url 'default_user_profile_recovery' %}">&#x2192; Ανάκτηση χωρίς Συμπλήρωση</a>
                </strong>
            </p>
            <br />
        {% endif %}

        <form id="user_profile_edit_form" accept-charset="utf-8" action="{% url 'edit_user_profile' %}" method="post">
            {% csrf_token %}

            <table>
                <tbody>
                    <tr>
                        <td style="text-align:right;"><label for="first_name">Όνομα:</label></td>
                        <td style="text-align:left;">
                            <input type="text" name="first_name" id="first_name" maxlength="50"
                                   value="{{ user.first_name }}" required="required" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align:right;"><label for="last_name">Επώνυμο:</label></td>
                        <td style="text-align:left;">
                            <input type="text" name="last_name" id="last_name" maxlength="50"
                                   value="{{ user.last_name }}" required="required" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align:right;">
                            <label for="ece_id">Αριθμός μητρώου<span style="color:darkorange;">*</span>:</label>
                        </td>
                        <td style="text-align:left;">
                            <input type="text" name="ece_id" id="ece_id" maxlength="8" pattern="031[0-9]{5}"
                                   {% if user.ece_id is not None %}value="{{ user.ece_id }}"{% endif %} />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align:right;"><label for="email">Ηλεκτρονικό ταχυδρομείο:</label></td>
                        <td style="text-align:left;">
                            <input type="email" name="email" id="email" maxlength="100"
                                   {% if user.email is not None %}value="{{ user.email }}"{% endif %} required="required" />
                        </td>
                    </tr>
                </tbody>
            </table>

            <p style="color:darkorange;">
                <strong>
                    * Αν δεν διαθέτετε αριθμό μητρώου ακόμα, μπορείτε προσωρινά να παραλείψετε το αντίστοιχο πεδίο! <br />
                      Σε αντίθετη περίπτωση, παρακαλούμε συμπληρώστε το άμεσα!
                </strong>
            </p>

            <input type="submit" value="Αποθήκευση" />
        </form>

        {% if success_message %}
            <p style="color:green;">
                <img src="images/tick.png" alt="Επιβεβαίωση:" />
                <strong>{{ success_message | linebreaksbr }}</strong>
            </p>
        {% elif error_messages %}
            {% for message in error_messages %}
                <p style="color:red;">
                    <img src="images/warning.svg" alt="Σφάλμα:" />
                    <strong>{{ message | linebreaksbr }}</strong>
                </p>
            {% endfor %}
        {% endif %}

        <p><a href="{% url 'user_home' %}">&#x21B5; Επιστροφή στην Αρχική Σελίδα</a></p>
    {% endwith %}
{% endblock %}