{% extends "base.html" %}

{% block title %}{{ 'Edit' if person else 'Add' }} Person - IT Asset Tracker{% endblock %}

{% block content %}
<div class="page-header">
    <h1>{{ 'Edit' if person else 'Add' }} Person</h1>
</div>

<form method="POST" class="content-narrow">
    <div class="section-header">Personal Information</div>
    <div class="form-grouped">
        <div class="form-row">
            <label for="name">Name *</label>
            <input type="text" id="name" name="name" required
                   value="{{ person.name if person else '' }}" placeholder="Full name">
        </div>
        <div class="form-row">
            <label for="location">Location</label>
            <input type="text" id="location" name="location"
                   value="{{ person.location if person else '' }}" placeholder="Site/building">
        </div>
        <div class="form-row">
            <label for="position">Position</label>
            <input type="text" id="position" name="position"
                   value="{{ person.position if person else '' }}" placeholder="Job title">
        </div>
    </div>

    <div class="section-header">Contact Information</div>
    <div class="form-grouped">
        <div class="form-row">
            <label for="phone">Phone</label>
            <input type="tel" id="phone" name="phone"
                   value="{{ person.phone if person else '' }}" placeholder="Phone number">
        </div>
        <div class="form-row">
            <label for="email">Email</label>
            <input type="email" id="email" name="email"
                   value="{{ person.email if person else '' }}" placeholder="email@example.com">
        </div>
    </div>

    <div class="action-buttons mt-3">
        <button type="submit" class="btn btn-primary btn-lg">{{ 'Update' if person else 'Add' }} Person</button>
        <a href="{{ url_for('people_list') }}" class="btn btn-lg">Cancel</a>
    </div>
</form>
{% endblock %}