{% extends 'base.html.twig' %}{% block title -%}{%- if wo_breadcrumbs() -%}{{ wo_breadcrumbs()|reverse[0].text }}{%- else -%}Consentz{%- endif -%}{%- endblock %}{% block logo %}{% set userLogo = app.user|logo %}{% if userLogo %}{{- userLogo -}}{% elseif clinic is defined and clinic != null and clinic.logo %}{{- clinic.logo.url -}}{% else %}{{- asset('images/app-logo.jpg') -}}{% endif %}{% endblock %}{% block header %} {% set clinic = {} %}{% set clinic = clinic|merge({'id': app.session.get('clinicstatic_id'),'logo':{'url':asset('images/app-logo.jpg')},'subDomain':app.session.get('clinicstatic_subDomain')}) %} {% if clinic is defined and clinic != null and clinic.id == 688 %}<nav class="navbar-inverse site-navbar navbar navbar-default navbar-fixed-top navbar-mega bg-consentz-main" role="navigation" style="background:#3E1E44 !important"> {% else %} <nav class="navbar-inverse site-navbar navbar navbar-default navbar-fixed-top navbar-mega bg-consentz-main" role="navigation"> {% endif %} <div class="navbar-header"> <div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu"> <img width="38px" height="38px" src="{{- block('logo') -}}" alt="consentz"> <span class="navbar-brand-text hidden-xs-down"></span> </div> <div class="navbar-openers-holder"> <a id="nav-opener" href="javascript:void(0);" class="btn-ico"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l16 0" /><path d="M4 12l16 0" /><path d="M4 18l16 0" /></svg> </a> <a href="javascript:void(0);" class="btn-ico sm-profile-drop"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg> </a> </div> </div> {% if clinic is defined and clinic != null and clinic.id == 688 %} <div class="navbar-container container-fluid bg-consentz-main" style="background:#3E1E44 !important"> {% else %} <div class="navbar-container container-fluid"> {% endif %} <!-- Navbar Collapse --> <div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse"> <!-- Navbar Toolbar --> <ul class="nav navbar-toolbar clinics-drop-area"> {% if app.user %} {% if is_granted('ROLE_SUPER_CLINIC_ADMIN') %} {% set clinics = getClinicsList(app.user) %} {% if clinics|length > 0 %} <a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" data-animation="scale-up" aria-expanded="false" role="button"> {% set displayed = false %} {% for clinicItem in clinics %} {% if not displayed %} {% if clinic is defined and clinic is not null and clinic.id == clinicItem.id %} {% do app.session.set('clinicstatic_subDomain', clinicItem.subDomain) %} {{ clinicItem.name }} {% set displayed = true %} {% elseif loop.first and not clinic is defined %} {% set clinic = clinicItem %} {{ clinicItem.name }} {% set displayed = true %} {% endif %} {% endif %} {% endfor %} {% if not displayed %} {% set clinic = clinics|first %} {{ clinic.name }} {% endif %} </a> <div class="dropdown-menu" role="menu"> {% for clinicItem in clinics %} <a class="dropdown-item" href="/admin/clinics/{{ clinicItem.id }}/dashboard" role="menuitem"> {{ clinicItem.name }} </a> {% endfor %} </div> {% endif %} {% elseif clinic.name is defined and clinic.name != null %} <div class="top-clinic-select-wrapper"> <div class="container-1"> <div class="top-clinic-select"> <div class="clinic-name-top"> <a class="nav-link" href="javascript:void(0)" style="cursor: default;"> {{ clinic.name }} </a> </div> </div> </div> </div> {% endif %} {% endif %} </li> {% if app.request.session.get('_admin_id') is defined and app.request.session.get('_admin_id') != null %} <li class="nav-item no-dropdown demo-clinic-drop"> <a href="{{ path('admin_autologin') }}" class=" nav-link"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-logout"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"></path><path d="M9 12h12l-3 -3"></path><path d="M18 15l3 -3"></path></svg> Back to Admin</a> </li> {% endif %} </ul> <!-- End Navbar Toolbar --> <!-- Navbar Toolbar Right --> {% set appUri = app.request.server.get('APP_URl') %} {% set domainName = app.request.server.get('WEBSITE_DOMAIN') %} <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right"> {% if false %} <div class="user-new copy-container"> <a href="#" class="copied" style="display: none;">Copied</a> {% if app.user %} {% if is_granted('ROLE_SUPER_CLINIC_ADMIN') %} {% for clinicItem in clinics %} {% if clinic is defined and clinic != null and clinic.id == clinicItem.id %} <a class="user_url" title="{{clinic.subDomain~'.'~domainName}}" href="http://{{clinic.subDomain}}.{{domainName}}"> <b>My Profile Link</b> : <span class="copy-target" data-base-url="{{clinic.subDomain~'.'~domainName}}">{{clinic.subDomain~'.'~domainName}}</span> </a> {% elseif loop.first %} {% set clinic = clinicItem %} <a class="user_url" title="{{clinic.subDomain~'.'~domainName}}" href="http://{{clinic.subDomain}}.{{domainName}}"> <b>My Profile Link</b> : <span class="copy-target" data-base-url="{{clinic.subDomain~'.'~domainName}}">{{clinic.subDomain~'.'~domainName}}</span> </a> {% endif %} {% endfor %} {% elseif clinic is defined %} <a class="user_url" title="{{clinic.subDomain~'.'~domainName}}" href="http://{{clinic.subDomain}}.{{domainName}}"> <b>My Profile Link</b> : <span class="copy-target" data-base-url="{{clinic.subDomain~'.'~domainName}}">{{clinic.subDomain~'.'~domainName}}</span> </a> {% endif %} {% endif %} <button onclick="copyToClipboard()"> <i value="Copy Url" title="Copy Url" class="fa fa-clone"></i> </button> </div> {% endif %} {% if app.user %} {% endif %} {% if not is_granted('ROLE_CONSENTZ_ADMIN') and 'onboarding' not in app.request.attributes.get('_route') %} {% if clinic is defined and clinic != null %} <li class="nav-item "> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('appointments_calendar', {'clinicId': clinic.id}) }}" title="Calendar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-due"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" /><path d="M16 3v4" /><path d="M8 3v4" /><path d="M4 11h16" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> </a> </li> <li class="nav-item"> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('patients_index', {'clinicId': clinic.id}) }}" title="Patients"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-stethoscope"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1" /><path d="M8 15a6 6 0 1 0 12 0v-3" /><path d="M11 3v2" /><path d="M6 3v2" /><path d="M20 10m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /></svg> </a> </li> <li class="nav-item"> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('lead_capture_list', {'clinicId': clinic.id}) }}" title="Prospects"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-presentation-analytics"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M9 12v-4"></path> <path d="M15 12v-2"></path> <path d="M12 12v-1"></path> <path d="M3 4h18"></path> <path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10"></path> <path d="M12 16v4"></path> <path d="M9 20h6"></path> </svg> </a> </li> {# <li class="nav-item"> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('day_sheet_list', {'clinicId': clinic.id}) }}" title="Day sheet"> <i class="icon md-receipt" aria-hidden="true"></i> </a> </li> <li class="nav-item"> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('clinics_stock', {'clinicId': clinic.id}) }}" title="Stock"> <i class="icon md-shopping-basket" aria-hidden="true"></i> </a> </li> #} <li class="nav-item"> <a class="nav-link waves-effect waves-light waves-round" href="{{ path('clinics_report_index', {'clinicId': clinic.id}) }}" title="Reports"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-checkup-list"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"></path> <path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path> <path d="M9 14h.01"></path> <path d="M9 17h.01"></path> <path d="M12 16l1 1l3 -3"></path> </svg> </a> </li> {% endif %} {% endif %} {% if not is_granted('ROLE_CONSENTZ_ADMIN') and 'onboarding' not in app.request.attributes.get('_route') and clinic is defined and clinic != null %} <li class="nav-item"> <a href="{{path('clinic_message_index',{'clinicId': clinic.id})}}" class="nav-link waves-effect waves-light waves-round "> <span class="totalmsgcount "></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-message"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9h8" /><path d="M8 13h6" /><path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" /></svg> </a> </li> {% else %} <li class="nav-item "> <a href="/admin/message/index" class="nav-link waves-effect waves-light waves-round "> <span class="totalmsgcount "></span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-message"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9h8" /><path d="M8 13h6" /><path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" /></svg> </a> </li> {% endif %} <li class="nav-item dropdown"> <a class="nav-link navbar-avatar" data-toggle="dropdown" href="#" aria-expanded="false" data-animation="scale-up" role="button"> <span class="avatar avatar-online"> {% if app.user.profileImg != '' %} <img src="{{ app.user.profileImg }}" alt=" {{ app.user.name }} "> {% else %} <img src="{{ asset('/images/Clinic/solid_gray.png') }}" alt=" {{ app.user.name }} "> {% endif %} <i></i> </span> </a> <div class="dropdown-menu" role="menu"> <a class="dropdown-item user-drop-hold" href="{{ path('profile') }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg> <div class="user-text-hold"> {{ app.user.name }} <div class="role-user"> {% if (app.user.role != 'ROLE_SUPER_CLINIC_ADMIN') %} {{ app.user.role|split('_')|slice(1)|join(' ') }} {% else %} Super User {% endif %} </div> </div> </a> <div class="dropdown-divider"></div> {% if app.user %} {% if is_granted('ROLE_SUPER_CLINIC_ADMIN') %} {% for clinicItem in clinics %} {% if clinic is defined and clinic != null and clinic.id == clinicItem.id %} {% if clinic.subDomain is defined and clinic.subDomain is not null %} <a class="dropdown-item 1" href="{{ path('open_profile', {'subDomain': clinic.subDomain}) }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg> View Website </a> {% endif %} {% elseif loop.first %} {% set clinic = clinicItem %} {% if clinic.subDomain is defined and clinic.subDomain is not null %} <a class="dropdown-item 2" href="{{ path('open_profile', {'subDomain': clinic.subDomain}) }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg> View Website </a> {% endif %} {% endif %} {% endfor %} {% elseif clinic is defined %} {% if clinic.subDomain is defined and clinic.subDomain is not null %} <a class="dropdown-item 3" href="{{ path('open_profile', {'subDomain': clinic.subDomain}) }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg> View Website </a> {% endif %} {% endif %} {% endif %} {% if is_granted('ROLE_CONSENTZ_ADMIN') %} <a class="dropdown-item" href="{{ path('admin_settings_index') }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-lock"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" /><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /><path d="M8 11v-4a4 4 0 1 1 8 0v4" /></svg> Admin Settings </a> <a class="dropdown-item" href="{{ path('smsplan_index') }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-lock"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" /><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /><path d="M8 11v-4a4 4 0 1 1 8 0v4" /></svg> Sms Plans </a> {% endif %} <a class="dropdown-item" href="{{ path('changePassword') }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-lock"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" /><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" /><path d="M8 11v-4a4 4 0 1 1 8 0v4" /></svg> Change Password </a> {% if clinic is defined %} {% if not is_granted('ROLE_CONSENTZ_ADMIN') %} {# <a class="dropdown-item" href="{{ path('practitioner_zoom_page', {'practitionerId': app.user.id,'clinicId': clinic.id}) }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-video"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /> <path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /> </svg> <span class="link_name">Link Zoom Acount</span> </a> #} {% endif %} {% endif %} <a class="dropdown-item" href="javascript:void(0);" id="profileimgBtn" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg> Change Picture </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="{{ path('logout') }}" role="menuitem"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-logout"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M9 12h12l-3 -3" /><path d="M18 15l3 -3" /></svg> Sign Out </a> </div> </li> </ul> <!-- End Navbar Toolbar Right --> </div> <!-- End Navbar Collapse --> </div> </nav> {% if not is_granted('ROLE_CONSENTZ_ADMIN') and 'onboarding' not in app.request.attributes.get('_route') %} {{ render(controller('App\\Controller\\Admin\\Message\\DefaultController::list')) }} {% endif %} {% endblock %} {% block breadcrumbs %} {% endblock %} {% block flash %} {% if app.session.flashBag.keys is defined and app.session.flashBag.keys|length > 0 %} <div class="flash-block" style="padding: 15px;"> {% for flashType in app.session.flashbag.keys %} {% for flash in app.session.flashbag.get(flashType) %} <div class="alert alert-{{ flashType }} alert-dismissible"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> {{ flash|raw }} </div> {% endfor %} {% endfor %} </div> {% endif %} {% endblock %} {% block flashLogin %} {% if app.session.flashBag.keys is defined and app.session.flashBag.keys|length > 0 %} <div class="flash-block"> {% for flashType in app.session.flashbag.keys %} {% for flash in app.session.flashbag.get(flashType) %} <div class="alert alert-{{ flashType }} alert-dismissible"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> {{ flash|raw }} </div> {% endfor %} {% endfor %} </div> {% endif %} {% endblock %} {% block mainMenu %} {% endblock %} {% block top %} {{ block('mainMenu') }} {% endblock %} {% block body %}<div class="main-site-wrapper"> {{ block('top') }} <main class="page">{{ block('header') }} {{ block('flash') }} {% block content %} {% endblock %} </main></div> <style> @media (min-width:0px){*{box-sizing:border-box}.modal-body-audio{margin:0;padding:0;background-color:#e0ffff;color:#414142;position:relative;font-family:monospace}.title{font-size:30px;margin-bottom:55px;text-align:center}.cancel-recording-button,.start-recording-button,.stop-recording-button{font-size:70px;cursor:pointer}.audio-recording-container{width:100%;height:100vh;display:-webkit-flex;display:-ms-flex;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-recording-button{color:#435f7a;opacity:.5;margin-bottom:30px}.start-recording-button:hover{opacity:1}.recording-contorl-buttons-container{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:space-evenly;align-items:center;width:334px;margin-bottom:30px}.cancel-recording-button{color:red;opacity:.7}.cancel-recording-button:hover{color:#ce0404}.stop-recording-button{color:#3c3;opacity:.7}.stop-recording-button:hover{color:#27a527}.recording-elapsed-time{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:center}.red-recording-dot{font-size:25px;color:red;margin-right:12px;animation-name:flashing-recording-dot;-webkit-animation-name:flashing-recording-dot;-moz-animation-name:flashing-recording-dot;-o-animation-name:flashing-recording-dot;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}@keyframes flashing-recording-dot{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes flashing-recording-dot{0%,100%{opacity:1}50%{opacity:0}}@-moz-keyframes flashing-recording-dot{0%,100%{opacity:1}50%{opacity:0}}@-o-keyframes flashing-recording-dot{0%,100%{opacity:1}50%{opacity:0}}.elapsed-time{font-size:32px}.audio-element.hide,.overlay-modal.hide,.recording-contorl-buttons-container.hide,.text-indication-of-audio-playing.hide{display:none}.overlay-modal{position:absolute;top:0;height:100vh;width:100%;background-color:rgba(82,76,76,.35);display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:center}.browser-not-supporting-audio-recording-box{display:-webkit-flex;display:-ms-flex;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:317px;height:119px;background-color:#fff;border-radius:10px;padding:15px;font-size:16px}.close-browser-not-supported-box{cursor:pointer;background-color:#abc1c05c;border-radius:10px;font-size:16px;border:none}.close-browser-not-supported-box:hover{background-color:#92a5a45c}.close-browser-not-supported-box:focus{outline:0;border:none}.text-indication-of-audio-playing-container{height:20px}.text-indication-of-audio-playing{font-size:20px}.text-indication-of-audio-playing span{animation-name:blinking-dot;-webkit-animation-name:blinking-dot;-moz-animation-name:blinking-dot;-o-animation-name:blinking-dot;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.text-indication-of-audio-playing span:nth-child(2){animation-delay:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s}.text-indication-of-audio-playing span:nth-child(3){animation-delay:.8s;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s}@keyframes blinking-dot{0%,100%{opacity:0}50%{opacity:1}}@-webkit-keyframes blinking-dot{0%,100%{opacity:0}50%{opacity:1}}@-moz-keyframes blinking-dot{0%,100%{opacity:0}50%{opacity:1}}@-o-keyframes blinking-dot{0%,100%{opacity:0}50%{opacity:1}}}</style> {% endblock %} {% block javascripts %} {{ parent() }} <script> var CSRF_NAME = '_token'; var CSRF_TOKEN = '{{csrf_token('token_id')}}'; var BASE_URL = '/'; var APP_URL = '/'; var SOCKET_SERVER = '{{app.request.server.get('SOCKET_URL')}}'; var SOCKET_PUBLIC_KEY = '{{app.request.server.get('SOCKET_PUBLIC_KEY')}}'; var convId = 0; </script> {% if app.user %}<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote.min.js"></script> <script src="/assets/chat/ion.sound.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script> <script src="/assets/chat/chat.js"></script> <script type="module" src="/assets/chat/ckeditor.js"></script> <script src="https://{{app.request.server.get('SOCKET_URL')}}/socket.io/socket.io.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@joeattardi/emoji-button@3.0.3/dist/index.min.js"></script> <script id="common-modal-template" type="text/html"> <div class="modal-header"> <h5 class="modal-title">__title__</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body">__text__</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="common-modal-cancel">__cancelButtonText__</button> <button type="button" class="btn btn-primary" id="common-modal-submit">__confirmButtonText__</button> </div></script> <script> chatApp.user = { user_id: '{{app.user.id}}', name: '{{app.user.name}}', image: '{{(app.user.profileImg != '')?app.user.profileImg:'/images/Clinic/solid_gray.png'}}', clinic: {{clinic is defined and clinic != null ? clinic.id : 0}} }; chatApp.connectSocket(chatApp.user.user_id); chatApp.getTotalUnreadMessage(chatApp.user.clinic); chatApp.checkPopupUnread(); function setModalContent(html) { $('#common-modal-content').html(html); } function showModalView(url, cb) { showLoader(); $.ajax({ url: url, method: 'get', success: function (response) { hideLoader(); setModalContent(response); showModal(); cb && cb(); }, error: function () { hideLoader(); hideModal(); Swal.fire('Warning', 'Something went wrong.', 'warning'); } }) } function showModal() { if (!$('#common-modal').is(':visible')) { $('#common-modal').modal('show'); } } function hideModal() { $('#common-modal').modal('hide'); } function setModalContentLg(html) { $('#common-modal-new-lg-content').html(html); } function showModalViewLg(url, cb) { showLoader(); $.ajax({ url: url, method: 'get', success: function (response) { hideLoader(); setModalContentLg(response); showModalLg(); cb && cb(); }, error: function () { hideLoader(); hideModalLg(); Swal.fire('Warning', 'Something went wrong.', 'warning'); } }) } function showModalLg() { if (!$('#common-modal-new-lg').is(':visible')) { $('#common-modal-new-lg').modal('show'); } } function hideModalLg() { $('#common-modal-new-lg').modal('hide'); } </script> {% endif %} <script> $('form').submit(function () { $("*[type='submit']", this).attr('disabled', 'disabled'); }); var colorpicker = $('.bootstrap-colorpicker'); if (colorpicker.length) { colorpicker.colorpicker(); } $('#select_clinic').on('change', function () { window.location = $(this).find('option[value="' + $(this).val() + '"]').attr('data-url'); }) </script> <script src="{{ asset('js/chat.js') }}"></script> <script src="{{ asset('js/global.js') }}"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.1/cropper.min.js"></script> <script>if(performance.navigation.type == 2){ location.reload(true); } function copyToClipboard() { var urlElement = document.querySelector('.user_url'); var url = urlElement.getAttribute('href'); var tempInput = document.createElement('input'); document.body.appendChild(tempInput); tempInput.value = url; tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); urlElement.style.display = 'none'; var copiedSpan = document.querySelector('.copied'); copiedSpan.textContent = 'Copied: '; copiedSpan.style.display = 'inline'; setTimeout(function () { copiedSpan.style.display = 'none'; urlElement.style.display = 'block'; myclass.style.display = 'block'; }, 2000); } function iniFrame() { // Check if the current window is within an iframe if (window.location !== window.parent.location) { // If within an iframe, log it and set a cookie indicating it //console.log('iframe'); common.setCookie('inIframes', true, 1); } else { // If not within an iframe, log it and set a cookie indicating it //console.log('notiframe'); common.setCookie('inIframes', false, 1); } } $(document).ready(function () { common.setCookie('cookieConsent', true, 1); $('#loader-container').hide(); $('#master-container').show(); iniFrame(); $('#common-modal').on('hidden.bs.modal', function (e) { $('#common-modal-content').html(''); }); setTimeout(clearFlash, 8000); });function clearFlash() { $('.flash-block').remove(); } var common = { setCookie: function (cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires + ";path=/;Secure=true;SameSite=none"; }, getCookie: function getCookie(cname) { console.log('getcookie'); var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; }, init: function () { //console.log('initcookie'); var tz = Intl.DateTimeFormat().resolvedOptions().timeZone; if (this.getCookie('tz') != tz) { this.setCookie('tz', tz, 30); console.log('timezone cookie is set.'); } } }; (function () { //console.log("new common"); common.init(); if($('.sidebar').length == 0 && $('.main-site-wrapper').length == 1) { $('.main-site-wrapper').addClass('main-wrapper-custom'); } })(); </script> <style> .mock-block { display: none; } </style> {% endblock %}