{% extends 'default.html.twig' %}

{% block head_assets %}
    {% do assets.addCss('theme://css-compiled/post-form.css') %}
    <script type="module" src="{{ url('theme://js/post/post-form.js') }}"></script>
{% endblock %}

{% block content %}
<div class="post-form-wrap">
    <h1>New Entry</h1>
    {% include 'forms/form.html.twig' ignore missing %}

    <div class="form-action-row">
        <button type="button" id="get-location" class="btn-action">📍 Get Location</button>
        <button type="button" id="get-weather" class="btn-action" disabled>🌤 Get Weather</button>
    </div>
    <p id="location-status" class="form-status" role="status"></p>
    <p id="weather-status" class="form-status" role="status"></p>
</div>
{# Get Location / Get Weather, disclosure, and validation all live in the
   page-scoped bundle (js/src/post-form.js), loaded via head_assets above. #}
{% endblock %}