{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Add New Location</h2>
    
    {% if error %}
    <div class="alert alert-danger">
        {{ error }}
    </div>
    {% endif %}

    <form method="POST" action="/locations/new">
        <div class="mb-3">
            <label for="name" class="form-label">Location Name*</label>
            <input type="text" class="form-control" id="name" name="name" required>
        </div>
        
        <div class="mb-3">
            <label for="address" class="form-label">Address</label>
            <input type="text" class="form-control" id="address" name="address">
        </div>
        
        <div class="mb-3">
            <label for="contact_name" class="form-label">Contact Name</label>
            <input type="text" class="form-control" id="contact_name" name="contact_name">
        </div>
        
        <div class="mb-3">
            <label for="contact_email" class="form-label">Contact Email</label>
            <input type="email" class="form-control" id="contact_email" name="contact_email">
        </div>
        
        <div class="mb-3">
            <label for="contact_phone" class="form-label">Contact Phone</label>
            <input type="tel" class="form-control" id="contact_phone" name="contact_phone">
        </div>
        
        <button type="submit" class="btn btn-primary">Save Location</button>
        <a href="/locations/" class="btn btn-secondary">Cancel</a>
    </form>
</div>
{% endblock %}