{% extends '_modal.html' %}
{% load django_bootstrap5 %}
{% load i18n %}
{% block modal_title %}
    {% if time %}
        Time from: {{ time.client }}
    {% else %}
        <div class="display-4">Add Time</div>
    {% endif %}
{% endblock modal_title %}

{% block modal_body %}

    <div id="modal-body-wrapper">
        {% partialdef modal-body-partial inline %}

            <div class="card mb-5 border border-secondary">
                <form
                        {% if time %}
                      hx-post="{% url 'session_client:edit_client_time' time.pk %}"
                        {% else %}
                      hx-post="{% url 'session_client:add_client_time_with_time' week_day time_ref %}"
                        {% endif %}>
                {% partialdef times-form-partial inline %}

                <div class="">
                            {% if time_ref %}
                            <div class="row">
                                {% bootstrap_field form.client size="lg" %}
                            </div>
                    {% endif %}
                            <div class="row">
                                <div class="col">
                                    {% bootstrap_field form.day show_help=False show_label='skip' %}
                                </div>

                                <div class="col">
                                    {% bootstrap_field form.time show_help=False show_label='skip' %}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    {% bootstrap_field form.tenant show_help=False show_label='skip' size="sm" %}
                                </div>

                                <div class="col">
                                    {% bootstrap_field form.fortnight show_help=False %}
                                </div>
                             </div>
                            </div>
                    <button
                            class="btn btn-secondary float-end">{% translate 'Save' %}
                    </button>
                    {% endpartialdef times-form-partial %}
                </form>

            </div>
        {% endpartialdef %}
    </div>


{% endblock modal_body %}
{% block modal_footer %}
{% endblock %}