{% extends "base.html" %}
{% set active_nav = "admin" %}

{% block title %}{% if site %}Edit Site{% else %}Create Site{% endif %} - {{ revision.name }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">{% if site %}Edit Site{% else %}Create Site{% endif %}</h1>
        <p class="page-subtitle">For organization: {{ revision.name }}</p>
    </div>
    <a href="/admin/organizations/{{ organization.euid }}" class="btn btn-ghost">← Back to Organization</a>
</div>

{% if error %}
<div class="alert alert-danger mb-lg">{{ error }}</div>
{% endif %}

<div class="card">
    <form method="post" class="form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        
        <div class="form-group">
            <label for="name" class="form-label required">Site Name</label>
            <input type="text" id="name" name="name" class="form-input" required
                   value="{{ site_revision.name if site_revision else '' }}">
        </div>
        
        <div class="form-group">
            <label for="site_code" class="form-label">Site Code</label>
            <input type="text" id="site_code" name="site_code" class="form-input"
                   value="{{ site_revision.site_code if site_revision else '' }}"
                   placeholder="e.g., NYC-01">
        </div>
        
        <div class="form-group">
            <label for="address_line1" class="form-label">Address Line 1</label>
            <input type="text" id="address_line1" name="address_line1" class="form-input"
                   value="{{ site_revision.address.line1 if site_revision and site_revision.address else '' }}">
        </div>
        
        <div class="form-group">
            <label for="address_line2" class="form-label">Address Line 2</label>
            <input type="text" id="address_line2" name="address_line2" class="form-input"
                   value="{{ site_revision.address.line2 if site_revision and site_revision.address else '' }}">
        </div>
        
        <div class="form-row">
            <div class="form-group">
                <label for="city" class="form-label">City</label>
                <input type="text" id="city" name="city" class="form-input"
                       value="{{ site_revision.address.city if site_revision and site_revision.address else '' }}">
            </div>
            <div class="form-group">
                <label for="state" class="form-label">State</label>
                <input type="text" id="state" name="state" class="form-input" maxlength="2"
                       value="{{ site_revision.address.state if site_revision and site_revision.address else '' }}"
                       placeholder="e.g., NY">
            </div>
            <div class="form-group">
                <label for="postal_code" class="form-label">Postal Code</label>
                <input type="text" id="postal_code" name="postal_code" class="form-input"
                       value="{{ site_revision.address.postal_code if site_revision and site_revision.address else '' }}">
            </div>
        </div>
        
        <div class="form-group">
            <label for="contact_email" class="form-label">Contact Email</label>
            <input type="email" id="contact_email" name="contact_email" class="form-input"
                   value="{{ site_revision.contact_email if site_revision else '' }}">
        </div>
        
        <div class="form-group">
            <label for="contact_phone" class="form-label">Contact Phone</label>
            <input type="tel" id="contact_phone" name="contact_phone" class="form-input"
                   value="{{ site_revision.contact_phone if site_revision else '' }}">
        </div>
        
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                {% if site %}Update Site{% else %}Create Site{% endif %}
            </button>
            <a href="/admin/organizations/{{ organization.euid }}" class="btn btn-ghost">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}