98 lines
5.6 KiB
HTML
98 lines
5.6 KiB
HTML
{% extends BASE_TEMPLATE %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
{% block customCSS %}
|
|
<link rel="stylesheet" type="text/css" href="{% static 'css/app_admin/display_appointment.css' %}"/>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
|
|
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"/>
|
|
{% endblock %}
|
|
{% block title %}
|
|
{{ page_title }}
|
|
{% endblock %}
|
|
{% block description %}
|
|
{{ page_description }}
|
|
{% endblock %}
|
|
{% block body %}
|
|
<section class="content content-wrapper">
|
|
<div class="appointment-display-content">
|
|
<div class="app-content">
|
|
<div class="appointment-card">
|
|
<h2>{{ page_title }}</h2>
|
|
<div class="appointment-details">
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-calendar-alt"></i>
|
|
<strong>{% trans 'Date' %}:</strong> {{ appointment.get_date }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-clock"></i>
|
|
<strong>{% trans 'Start time' %}:</strong> {{ appointment.get_start_time|time:"g:i A" }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-clock"></i>
|
|
<strong>{% trans 'End time' %}:</strong> {{ appointment.get_end_time|time:"g:i A" }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-hands-helping"></i>
|
|
<strong>{% trans 'Service' %}:</strong> {{ appointment.get_service_name }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-user"></i>
|
|
<strong>{% trans 'Client' %}:</strong> {{ appointment.get_client_name }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-envelope"></i>
|
|
<strong>{% trans 'Email' %}:</strong> {{ appointment.client.email }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-phone"></i>
|
|
<strong>{% trans 'Phone' %}:</strong> {{ appointment.phone }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-comment"></i>
|
|
<strong>{% trans 'Wants reminder' %}:</strong> {{ appointment.want_reminder }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-map-marker-alt"></i>
|
|
<strong>{% trans 'Client address' %}:</strong> {{ appointment.address }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-info-circle"></i>
|
|
<strong>{% trans 'Additional Information' %}:</strong> {{ appointment.additional_info }}
|
|
</div>
|
|
<div class="appointment-detail {% if appointment.is_paid %} is-paid-true {% else %} is-paid-false {% endif %}">
|
|
<i class="fas fa-money-bill-wave"></i>
|
|
<strong>{% trans 'Is paid' %}:</strong> {{ appointment.is_paid_text }}
|
|
</div>
|
|
<div class="appointment-detail hover-element">
|
|
<i class="fas fa-dollar-sign"></i>
|
|
<strong>{% trans 'Service price' %}:</strong> {{ appointment.get_appointment_amount_to_pay_text }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="messages" style="margin: 20px 0">
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-dismissible {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}"
|
|
role="alert">{{ message }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|
|
{% block customJS %}
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.js"
|
|
integrity="sha512-3CuraBvy05nIgcoXjVN33mACRyI89ydVHg7y/HMN9wcTVbHeur0SeBzweSd/rxySapO7Tmfu68+JlKkLTnDFNg=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.45/moment-timezone-with-data.min.js"
|
|
integrity="sha512-t/mY3un180WRfsSkWy4Yi0tAxEDGcY2rAEx873hb5BrkvLA0QLk54+SjfYgFBBoCdJDV1H86M8uyZdJhAOHeyA=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/6.1.10/index.global.min.js"
|
|
integrity="sha512-JCQkxdym6GmQ+AFVioDUq8dWaWN6tbKRhRyHvYZPupQ6DxpXzkW106FXS1ORgo/m3gxtt5lHRMqSdm2OfPajtg=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
|
|
{% endblock %}
|