gistfile1.txt

{% extends 'base.html' %}

{% load widget_tweaks %}

{% block content %}

<br>
<br>
<br>

<h2>Create Client Application</h2>
<br>

<form method="post">
    {% csrf_token %} 

    <!-- Non-field Errors -->
    {% if form.non_field_errors %}
    <div class="alert alert-danger" role="alert">
        {% for error in form.non_field_errors %}
            <p>{{ error }}</p>
        {% endfor %}
    </div>
    {% endif %}
    
    <!-- Select User -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "user" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">* {{ field.label }}</label>
                    <select name="{{ field.name }}" class="form-control" required id="id_appointment_category">
                        {% for choice in field.field.choices %}
                            <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %}

            {% if field.name == "referenceNumber" %}
                <div class="col">
                    <label for="{{ field.id_for_label }}" class="form-label">* {{ field.label }}</label>
                    <input type="text" class="form-control" name="{{ field.name }}" placeholder="ENTER {{ field.label }} For Lithuania Only" required>
                    <br>
                    {% if field.errors %}
                        {% for error in field.errors %}
                            <div class="alert alert-danger" role="alert">{{ error }}</div>
                        {% endfor %}
                    {% endif %}
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <!-- User Name -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "firstName" or field.name == "lastName" %}
                <div class="col">
                    <label for="{{ field.id_for_label }}" class="form-label">* {{ field.label }}</label>
                    <input type="text" class="form-control" name="{{ field.name }}" placeholder="ENTER {{ field.label }}" required>
                    <br>
                    {% if field.errors %}
                        {% for error in field.errors %}
                            <div class="alert alert-danger" role="alert">{{ error }}</div>
                        {% endfor %}
                    {% endif %}
                </div>
                
            {% endif %}
        {% endfor %}
    </div>

    <!-- Date Of Birth -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "dateOfBirth" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <div class="input-group date" id="datepicker-{{ field.name }}">
                        {{ field|add_class:"form-control" }}
                        <span class="input-group-append">
                            <span class="input-group-text bg-light d-block">
                                <i class="fa fa-calendar"></i>
                            </span>
                        </span>
                    </div>
                </div>
            {% endif %}

            {% if field.name == "gender" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">*{{ field.label }}</label>
                    <select name="{{ field.name }}" class="form-control" required>
                        {% for choice in field.field.choices %}
                            <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <!-- Appointment Сategory -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "countryCode" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <select name="{{ field.name }}" class="form-control" required>
                        {% for choice in field.field.choices %}
                            <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %}

            {% if field.name == "visaApplicationCentre" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <select name="{{ field.name }}" class="form-control" required>
                        {% for choice in field.field.choices %}
                            <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %}

            {% comment %} {% if field.name == "appointment_category" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <select name="{{ field.name }}" class="form-control" required id="id_appointment_category">
                        {% for choice in field.field.choices %}
                            <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
            {% endif %} {% endcomment %}

            {% if field.name == "appointment_category" %}
            <div class="col-md-6 mb-3">
                <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                <select name="{{ field.name }}" class="form-control" required id="id_appointment_category">
                    {% for choice in field.field.choices %}
                        <option value="{{ choice.0 }}" {% if field.value == choice.0 %} selected {% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select>
            </div>
            {% endif %}


        {% endfor %}
    </div>


    <!-- For Admin Selection -->
    <br>
    {% if user.is_staff or user.is_superuser %}
        <div class="row">
            <br>
            {% for field in form %}
                {% if field.name == "visaCategoryCode" %}
                    <div class="col">
                    
                    <div class="form-group">
                        <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                        <input class="form-control" type="text" id="id_visaCategoryCode" name={{ field.name }} value="{{ field.value }}" aria-label="Disabled input example" readonly>
                    </div>
                    
                    </div>
                {% endif %}

                {% if field.name == "missionCode" %}
                    <div class="col">
                    
                    <div class="form-group">
                        <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                        <input class="form-control" type="text" id="id_missionCode" name="{{ field.name }}" value="{{ field.value }}" aria-label="Disabled input example" readonly>
                    </div>
                    
                    </div>
                {% endif %}

                {% if field.name == "centerCode" %} 
                    <div class="col">
                        <div class="form-group">
                            <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                            <input class="form-control" type="text" id="id_centerCode" name="{{ field.name }}" value="{{ field.value }}" aria-label="Disabled input example" readonly>
                        </div>               
                    </div>
                {% endif %} 
            {% endfor %}
        {% endif %}
    </div>
    <br>

    <!-- Passport Deails -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "passportNumber" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <div class="input-group">
                        {{ field|add_class:"form-control" }}
                        <span class="input-group-append">
                            <span class="input-group-text bg-light d-block">
                                <i class="fa fa-calendar"></i>
                            </span>
                        </span>
                    </div>
                </div>
            {% endif %}

            {% if field.name == "passportExpirtyDate" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <div class="input-group date" id="datepicker-{{ field.name }}">
                        {{ field|add_class:"form-control" }}
                        <span class="input-group-append">
                            <span class="input-group-text bg-light d-block">
                                <i class="fa fa-calendar"></i>
                            </span>
                        </span>
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <!-- Booking Date START and END -->
    <div class="row">
        {% for field in form %}
            {% if field.name == "fromDate" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <div class="input-group date" id="datepicker-{{ field.name }}">
                        {{ field|add_class:"form-control" }}
                        <span class="input-group-append">
                            <span class="input-group-text bg-light d-block">
                                <i class="fa fa-calendar"></i>
                            </span>
                        </span>
                    </div>
                </div>
            {% endif %}

            {% if field.name == "toDate" %}
                <div class="col-md-6 mb-3">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
                    <div class="input-group date" id="datepicker-{{ field.name }}">
                        {{ field|add_class:"form-control" }}
                        <span class="input-group-append">
                            <span class="input-group-text bg-light d-block">
                                <i class="fa fa-calendar"></i>
                            </span>
                        </span>
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <!-- Price -->    
    <div class="row">
        {% for field in form %}
            {% if field.name == "value" %}
                <div class="col">
                    <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}*</label>
                    <input type="text" class="form-control" name="{{ field.name }}" placeholder="ENTER {{ field.label }}" required>
                    <br>
                    {% if field.errors %}
                        {% for error in field.errors %}
                            <div class="alert alert-danger" role="alert">{{ error }}</div>
                        {% endfor %}
                    {% endif %}
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <br>
    <!-- Booleans -->    
    <div class="row">
    
        {% for field in form %}
            {% if field.name == "isActive" %}
                <div class="col-auto border border-primary">
                    <!-- Custom handling for Boolean fields -->
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        <div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_True" value="True" {% if field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_True">YES</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_False" value="False" {% if not field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_False">NO</label>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if field.name == "isApplicationCompleted" %}
                <div class="col-auto border border-primary">
                    <!-- Custom handling for Boolean fields -->
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        <div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_True" value="True" {% if field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_True">YES</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_False" value="False" {% if not field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_False">NO</label>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if  field.name == "isProcessing" %}
                <div class="col-auto border border-primary">
                    <!-- Custom handling for Boolean fields -->
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        <div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_True" value="True" {% if field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_True">YES</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_False" value="False" {% if not field.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ field.name }}_False">NO</label>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            {% if request.user.is_staff or request.user.is_superuser %}
                {% if field.name == "isPaid" %}
                    <div class="col-auto border border-primary">            
                            <!-- Custom handling for the isPaid field for admins -->
                            <div class="form-group">
                                <label>{{ field.label }}</label>
                                <div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_True" value="True" {% if field.value %}checked{% endif %}>
                                        <label class="form-check-label" for="{{ field.name }}_True">YES</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="{{ field.name }}" id="{{ field.name }}_False" value="False" {% if not field.value %}checked{% endif %}>
                                        <label class="form-check-label" for="{{ field.name }}_False">NO</label>
                                    </div>
                                </div>
                            </div>
                    </div>
                {% endif %}
            {% endif %}
        {% endfor %}
        <br>
    </div>
    <br>

    <!-- Booking Date --> 
    {% if user.is_staff or user.is_superuser %} 
        <div class="form-row">
            {% for field in form %}
                {% if field.name == "bookingDate" %}
                    <div class="col-2">
                        <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}*</label>
                        <input type="text" class="form-control" name="{{ field.name }}" placeholder="ENTER {{ field.label }}" required>
                        <br>
                        {% if field.errors %}
                            {% for error in field.errors %}
                                <div class="alert alert-danger" role="alert">{{ error }}</div>
                            {% endfor %}
                        {% endif %}
                    </div>
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}
    
    <button type="submit" class="btn btn-primary float-end">{{ button_label }}</button>

    <br>
    <br>
</form>

{% endblock %}