{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Edit Cashier - Gvelo Enterprise Platform{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/hil-pages/edit_cashier.css">
{% endblock %}
{% block content %}
<div class="container">
    <a href="/cashiers" class="back-link">&larr; Back to Cashiers</a>
    
    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="flash {{ category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <div class="card">
        <h2>Edit Cashier: {{ cashier[4] or cashier[1] }}</h2>
        <form method="POST" action="/cashiers/{{ cashier[0] }}/edit" enctype="multipart/form-data">
            <div class="form-group">
                <label>Full Name</label>
                <input type="text" name="full_name" value="{{ cashier[4] or '' }}" required>
            </div>
            <div class="form-group">
                <label>Username</label>
                <input type="text" value="{{ cashier[1] }}" disabled>
                <small>Username cannot be changed</small>
            </div>
            <div class="form-group">
                <label>Email</label>
                <input type="email" name="email" value="{{ cashier[2] or '' }}" required>
            </div>
            <div class="form-group">
                <label>Phone</label>
                <input type="text" name="phone" value="{{ cashier[3] or '' }}" required>
            </div>
            <div class="form-group">
                <label>New Password <small>(leave blank to keep current)</small></label>
                <input type="password" name="new_password" minlength="8" placeholder="Min 8 characters">
            </div>
            <div class="form-group">
                <label>Certification Upload <small>(PDF, JPG, PNG - optional)</small></label>
                <input type="file" name="certification" accept=".pdf,.jpg,.jpeg,.png">
                {% if cashier[5] %}
                    <a class="cert-link" href="/uploads/certifications/{{ cashier[5] }}" target="_blank">View current certification</a>
                {% endif %}
            </div>
            <button type="submit">Update Cashier</button>
        </form>
    </div>
{% endblock %}