{% extends 'layouts/base.html' %}

{% block content %}

<form method="post" enctype="multipart/form-data">
    <div class="page-head">
        <h1>{{ 'Edit' if employee else 'Add' }} Employee Profile</h1>
    </div>

    <div class="panel form-card">
        <h3>Employee Information</h3>

        <div class="form-grid">
            {% if not employee %}
            <div class="form-group">
                <label>Employee Name</label>
                <input name="name" value="{{ existing_user.name if existing_user else request.form.get('name', '') }}" required autocomplete="name" {% if existing_user %}readonly{% endif %}>
            </div>

            <div class="form-group">
                <label>Login Email</label>
                <input name="email" type="email" value="{{ existing_user.email if existing_user else request.form.get('email', '') }}" required autocomplete="email" {% if existing_user %}readonly{% endif %}>
            </div>

            <div class="form-group">
                <label>Login Password</label>
                <input name="password" type="password" {% if not existing_user %}required minlength="8"{% endif %} autocomplete="new-password" {% if existing_user %}readonly placeholder="Existing user password is retained"{% endif %}>
            </div>

            {% if existing_user %}<input type="hidden" name="user_id" value="{{ existing_user.id }}">{% endif %}

            <div class="form-group">
                <label>Employee Code</label>
                <input value="Generated automatically when saved" readonly aria-label="Employee code generated automatically">
            </div>
            {% else %}
            <div class="form-group">
                <label>Employee Name</label>
                <input name="name" value="{{ request.form.get('name', employee.user_name or '') }}" required autocomplete="name">
            </div>

            <div class="form-group">
                <label>Login Email</label>
                <input name="email" type="email" value="{{ request.form.get('email', employee.user_email or '') }}" required autocomplete="email">
            </div>

            <div class="form-group">
                <label>{{ 'New Password' if employee.user_id else 'Initial Password' }}</label>
                <input name="password" type="password" minlength="8" autocomplete="new-password"
                    {% if not employee.user_id %}required{% endif %}
                    placeholder="{{ 'Leave blank to keep current password' if employee.user_id else 'Minimum 8 characters' }}">
            </div>

            <div class="form-group">
                <label>Employee Code</label>
                <input value="{{ employee.employee_code or 'Generated automatically' }}" readonly>
            </div>
            {% endif %}

            <div class="form-group">
                <label>Access Role</label>
                {% set selected_role = request.form.get('role', employee.user_role if employee and employee.user_role else existing_user.role if existing_user else 'user') %}
                <select name="role" required>
                    <option value="user" {% if selected_role == 'user' %}selected{% endif %}>User - limited access</option>
                    <option value="manager" {% if selected_role == 'manager' %}selected{% endif %}>Manager - own team's leads, sales and incentives</option>
                    <option value="super_admin" {% if selected_role == 'super_admin' %}selected{% endif %}>Super Admin - full access</option>
                </select>
            </div>

            <div class="form-group">
                <label>External Access</label>
                {% set selected_external_access = request.form.get('external_access', 'no' if employee and employee.ip_restricted or existing_user and existing_user.ip_restricted else 'yes') %}
                <select name="external_access" required>
                    <option value="yes" {% if selected_external_access == 'yes' %}selected{% endif %}>Yes - login from any IP</option>
                    <option value="no" {% if selected_external_access == 'no' %}selected{% endif %}>No - locked Super Admin IP only</option>
                </select>
            </div>

            <div class="form-group">
                <label>User Type</label>
                <select name="department" required>
                    <option value="">Select User Type</option>
                    {% for o in options.department %}
                    <option value="{{ o.value }}" {% if request.form.get('department', employee.department if employee else '') == o.value %}selected{% endif %}>{{ o.label }}</option>
                    {% endfor %}
                    {% if employee and employee.department and employee.department not in options.department|map(attribute='value')|list %}
                    <option value="{{ employee.department }}" selected>{{ employee.department }}</option>
                    {% endif %}
                </select>
            </div>

            <div class="form-group">
                <label>Manager <span class="required-marker" aria-hidden="true">*</span></label>
                <select name="manager_id" required>
                    <option value="">Select Manager</option>
                    {% for u in users %}
                    <option value="{{ u.id }}" {% if request.form.get('manager_id', employee.manager_id if employee else '')|string == u.id|string %}selected{% endif %}>
                        {{ u.name }}
                    </option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Designation</label>
                <input name="designation" value="{{ request.form.get('designation', employee.designation if employee and employee.designation is not none else '') }}">
            </div>

            <div class="form-group">
                <label>Gender</label>
                <select name="gender">
                    <option value="">Select Gender</option>
                    {% for gender in ['Male', 'Female'] %}
                    <option value="{{ gender }}" {% if request.form.get('gender', employee.gender if employee else '') == gender %}selected{% endif %}>{{ gender }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Blood Group</label>
                <select name="blood_group">
                    <option value="">Select Blood Group</option>
                    {% for blood_group in ['A+', 'A-', 'B+', 'B-', 'AB+', 'AB-', 'O+', 'O-'] %}
                    <option value="{{ blood_group }}" {% if request.form.get('blood_group', employee.blood_group if employee else '') == blood_group %}selected{% endif %}>{{ blood_group }}</option>
                    {% endfor %}
                </select>
            </div>

            {% for f in ['qualification', 'office_timing', 'emergency_contact', 'bank_name', 'bank_account', 'ifsc_code'] %}
            <div class="form-group">
                <label>{{ f.replace('_', ' ').title() }}</label>
                <input name="{{ f }}" value="{{ request.form.get(f, employee[f] if employee and employee[f] is not none else '') }}">
            </div>
            {% endfor %}

            <div class="form-group">
                <label>Aadhaar Number</label>
                <input name="aadhar_number" inputmode="numeric" pattern="[0-9]{12}" maxlength="12" title="Aadhaar number must be exactly 12 digits" value="{{ request.form.get('aadhar_number', employee.aadhar_number if employee and employee.aadhar_number is not none else '') }}">
            </div>

            <div class="form-group">
                <label>PAN Number</label>
                <input name="pan_number" autocapitalize="characters" pattern="[A-Za-z]{5}[0-9]{4}[A-Za-z]" maxlength="10" title="PAN must be 10 characters, for example ABCDE1234F" value="{{ request.form.get('pan_number', employee.pan_number if employee and employee.pan_number is not none else '') }}">
            </div>

            <div class="form-group">
                <label>Date of Birth</label>
                <input type="date" name="dob" value="{{ employee.dob if employee and employee.dob else '' }}">
            </div>

            <div class="form-group">
                <label>Joining Date</label>
                <input type="date" name="joining_date" value="{{ employee.joining_date if employee and employee.joining_date else '' }}">
            </div>

            <div class="form-group">
                <label>Leaving Date</label>
                <input type="date" name="leaving_date" value="{{ employee.leaving_date if employee and employee.leaving_date else '' }}">
            </div>

            <div class="form-group">
                <label>Salary</label>
                <input type="number" step="0.01" name="salary" value="{{ employee.salary if employee and employee.salary is not none else '' }}">
            </div>

            <div class="form-group">
                <label>KYC Status</label>
                <select name="kyc_status">
                    {% for status in ['pending', 'approved', 'rejected'] %}
                    <option value="{{ status }}" {% if employee and employee.kyc_status == status %}selected{% endif %}>{{ status|title }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group full-width">
                <label>Experience Details</label>
                <textarea name="experience_details" rows="3" placeholder="Previous companies, roles, years of experience and relevant skills">{{ employee.experience_details if employee and employee.experience_details else '' }}</textarea>
            </div>

            <div class="form-group full-width">
                <label>Product Training</label>
                <textarea name="product_training" rows="3" placeholder="Products covered, training dates, trainer and completion notes">{{ employee.product_training if employee and employee.product_training else '' }}</textarea>
            </div>

            <div class="form-group">
                <label>Profile Photo</label>
                <input type="file" name="profile_photo" accept="image/jpeg,image/png,image/webp">
                {% if employee and employee.photo_path %}<a href="{{ url_for('employees.employee_file', emp_id=employee.id, filename=employee.photo_path) }}" target="_blank">View current photo</a>{% endif %}
            </div>

            <div class="form-group">
                <label>Aadhaar Card</label>
                <input type="file" name="aadhar_card" accept="image/jpeg,image/png,application/pdf">
                {% if employee and employee.aadhar_path %}<a href="{{ url_for('employees.employee_file', emp_id=employee.id, filename=employee.aadhar_path) }}" target="_blank">View Aadhaar document</a>{% endif %}
            </div>

            <div class="form-group">
                <label>PAN Card</label>
                <input type="file" name="pan_card" accept="image/jpeg,image/png,application/pdf">
                {% if employee and employee.pan_path %}<a href="{{ url_for('employees.employee_file', emp_id=employee.id, filename=employee.pan_path) }}" target="_blank">View PAN document</a>{% endif %}
            </div>

            <div class="form-group">
                <label>Resume</label>
                <input type="file" name="resume" accept=".pdf,.doc,.docx">
                {% if employee and employee.resume_path %}<a href="{{ url_for('employees.employee_file', emp_id=employee.id, filename=employee.resume_path) }}" target="_blank">View resume</a>{% endif %}
            </div>

            <div class="form-group">
                <label>Other Document</label>
                <input type="file" name="other_document" accept="image/jpeg,image/png,application/pdf,.doc,.docx">
                {% if employee and employee.document_path %}<a href="{{ url_for('employees.employee_file', emp_id=employee.id, filename=employee.document_path) }}" target="_blank">View document</a>{% endif %}
            </div>

            {% for f in ['current_address', 'permanent_address', 'joining_checklist', 'leaving_checklist'] %}
            <div class="form-group full-width">
                <label>{{ f.replace('_', ' ').title() }}</label>
                <textarea name="{{ f }}">{{ employee[f] if employee and employee[f] is not none else '' }}</textarea>
            </div>
            {% endfor %}

            {% if employee %}
            <div class="form-group full-width">
                <label>Activity Note</label>
                <textarea name="activity_description" rows="2" placeholder="Optional note describing this profile update"></textarea>
            </div>
            {% endif %}

            <div class="form-actions full-width">
                <button class="btn" type="submit">Save Profile</button>
                <a class="btn btn-sm" href="{{ url_for('employees.index') }}">Cancel</a>
            </div>
        </div>
    </div>
</form>

{% if employee %}
<div class="panel form-card">
    <h3>Employee Activity</h3>
    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Date</th><th>Activity</th><th>Description</th><th>By</th></tr></thead>
            <tbody>
                {% for activity in activities %}
                <tr>
                    <td>{{ activity.created_at }}</td>
                    <td>{{ activity.activity_type.replace('_', ' ').title() }}</td>
                    <td>{{ activity.description or '-' }}</td>
                    <td>{{ activity.user_name or '-' }}</td>
                </tr>
                {% else %}
                <tr><td colspan="4">No employee activity recorded.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

{% endblock %}