{% extends "base.html" %}

{% block title %}{{ 'Edit Venue' if venue else 'Add Venue' }} - Grassroots Events{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card shadow">
            <div class="card-header">
                <h4 class="mb-0"><i class="fas fa-{% if venue %}edit{% else %}plus-circle{% endif %} me-2"></i>{{ 'Edit Venue' if venue else 'Add New Venue' }}</h4>
            </div>
            <div class="card-body">
                <form method="POST">
                    <div class="mb-3">
                        <label for="name" class="form-label">Venue Name <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="name" name="name" 
                               value="{{ venue.name if venue else '' }}" required>
                    </div>
                    
                    <div class="mb-3">
                        <label for="address" class="form-label">Address</label>
                        <textarea class="form-control" id="address" name="address" rows="2">{{ venue.address if venue else '' }}</textarea>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="constituency" class="form-label">Constituency</label>
                            <input type="text" class="form-control" id="constituency" name="constituency" 
                                   value="{{ venue.constituency if venue else current_user.constituency or '' }}">
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="sub_division" class="form-label">Sub-Division</label>
                            <input type="text" class="form-control" id="sub_division" name="sub_division" 
                                   value="{{ venue.sub_division if venue else current_user.sub_division or '' }}">
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="capacity" class="form-label">Capacity</label>
                            <input type="number" class="form-control" id="capacity" name="capacity" 
                                   value="{{ venue.capacity if venue else '0' }}" min="0">
                        </div>
                        
                        <div class="col-md-6 mb-3 d-flex align-items-center">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="is_default" name="is_default" 
                                       {% if venue and venue.is_default %}checked{% endif %}>
                                <label class="form-check-label" for="is_default">
                                    Set as Default Venue
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-4 d-flex gap-2">
                        <button type="submit" class="btn btn-danger">
                            <i class="fas fa-save me-1"></i> Save Venue
                        </button>
                        <a href="{{ url_for('venues') }}" class="btn btn-secondary">
                            <i class="fas fa-times me-1"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}