{% load bootstrap4 %}
{% bootstrap_field form.type %}
<div class="form-row">
    <div class="col">
        {% bootstrap_field form.name size="large" show_help=False %}
    </div>
</div>
<div class="row" x-data="{open: false}">
    <div class="col mb-2">
        <span @click="open = ! open" class="text-primary pointer" x-text="open ? '▾ Aliases' : '▸ Aliases'"></span>
        <div x-show="open" class="border p-3 bg-light" x-transition>
            {% bootstrap_formset_errors names_form %}
            {% bootstrap_formset names_form %}
        </div>
    </div>
</div>
<div class="row" x-data="{open: false}">
    <div class="col mb-2">
        <span @click="open = ! open" class="text-primary pointer" x-text="open ? '▾ Tags' : '▸ Tags'"></span>
        <div x-show="open" class="border p-3 bg-light" x-transition>
            {% bootstrap_formset_errors extra_form %}
            {% bootstrap_formset extra_form %}
        </div>
    </div>
</div>
<div class="form-row">
    <div class="col-md-6">
        {% bootstrap_field form.ra %}
    </div>
    <div class="col-md-6">
        {% bootstrap_field form.dec %}
    </div>
</div>
<div class="form-row">
    <div class="col-md-4">
        {% bootstrap_field form.epoch %}
    </div>
    <div class="col-md-4">
        {% bootstrap_field form.pm_ra %}
    </div>
    <div class="col-md-4">
        {% bootstrap_field form.pm_dec %}
    </div>
</div>
<div class="form-row">
    <div class="col-md-4">
        {% bootstrap_field form.distance %}
    </div>
    <div class="col-md-4">
        {% bootstrap_field form.distance_err %}
    </div>
    <div class="col-md-4">
        {% bootstrap_field form.parallax %}
    </div>
</div>
<div class="form-row">
    <div class="col-md-6">
        {% bootstrap_field form.galactic_lng %}
    </div>
    <div class="col-md-6">
        {% bootstrap_field form.galactic_lat %}
    </div>
</div>
