<!DOCTYPE html>
<html lang="en" class="{{THEME}} {{LANG['direction']}}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no shrink-to-fit=no">
    {% if SETTINGS.pwa_enabled %}
    <link rel="manifest" href="{{ url('manifest') }}"></link>
    {% endif %}
    {% if SETTINGS.favicon %}
    <link rel="icon" type="image/png" href="{{MEDIA_URL}}/settings/{{SETTINGS.favicon}}"/>
    {% else %}
    <link rel="icon" type="image/png" href="{{STATIC_URL}}/img/chatnet_app_192.png"/>
    {% endif %}
    <title>{{ chat_room.name }} - {{ SETTINGS.site_name }}</title>
    {% if chat_room.description %}
    <meta name="description" content="{{ chat_room.description }}" />
    {% else %}
    <meta name="description" content="Join with {{ chat_room.name }} chat room at {{SETTINGS.site_name}}.
    {% if chat_room.is_visible %}
        {% if chat_room.is_protected %}
            {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
        {% else %}
            {{ chat_room.name }} is public chat room. Everyone on {{SETTINGS.site_name}} will be able to join.
        {% endif %}
    {% else %}
        {{ chat_room.name }} is private chat room. Only people with the invite link will be able to join.
        {% if chat_room.is_protected %}
            {{ chat_room.name }} is password protected chat room. You need {{ chat_room.name }} password to log in to the chat room.
        {% endif %}
    {% endif %}" />
    {% endif %}
    {% if chat_room.cover_image %}
    <meta property="og:image" content="{{MEDIA_URL}}/chatrooms/{{chat_room.cover_image}}" />
    {% elseif  SETTINGS.default_ogimage %}
    <meta property="og:image" content="{{MEDIA_URL}}/settings/{{SETTINGS.default_ogimage}}" />
    {% else %}
    <meta property="og:image" content="{{STATIC_URL}}/img/ogimage.png" />
    {% endif %}
    <link href="{{STATIC_URL}}/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family={{GOOGLE_FONT_FAMILY?GOOGLE_FONT_FAMILY:Poppins}}:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap">
    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family={{GOOGLE_FONT_FAMILY?GOOGLE_FONT_FAMILY:Poppins}}:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap">
    
    <link href="{{STATIC_URL}}/css/styles.css?v={{CV}}" rel="stylesheet">
    <link href="{{STATIC_URL}}/vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css">
    <link href="{{STATIC_URL}}/vendor/emojione/emojionearea.min.css" rel="stylesheet">
    <link href="{{STATIC_URL}}/vendor/uppy/uppy.min.css" rel="stylesheet">
    <link href="{{STATIC_URL}}/vendor/photoswipe/photoswipe.css" rel="stylesheet">
    <link href="{{STATIC_URL}}/vendor/photoswipe/default-skin/default-skin.css" rel="stylesheet">
    <link href="{{STATIC_URL}}/css/flag-icon.min.css" rel="stylesheet">
    <link href="{{STATIC_URL}}/vendor/select2/select2.min.css" rel="stylesheet" />
    <link href="{{STATIC_URL}}/vendor/toastr/toastr.min.css" rel="stylesheet" type="text/css">
    {% if SETTINGS.enable_codes %}
    <link href="{{STATIC_URL}}/vendor/prism/prism.min.css" rel="stylesheet" />
    {% if THEME == 'dark' %}
    <link href="{{STATIC_URL}}/vendor/prism/prism-one-dark.css" rel="stylesheet" />
    {% else %}
    <link href="{{STATIC_URL}}/vendor/prism/prism-one-light.css" rel="stylesheet" />
    {% endif %}
    {% endif %}
    {% if SETTINGS.animate_css %}
    <link href="{{STATIC_URL}}/css/animate.min.css" rel="stylesheet">
    {% endif %}
    <link href="{{STATIC_URL}}/css/frontend.css?v={{CV}}" rel="stylesheet">
    <link href="{{ url('color_css') }}" rel="stylesheet">
    <style media="screen">{% block styles %}{% endblock %}</style>
    {% if SETTINGS.header_css %}
    <style media="screen">
        {{SETTINGS.header_css|htmlspecialchars_decode|raw}}
    </style>
    {% endif %}
    {% if SETTINGS.pwa_enabled %}
    <script type="module">
        import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
        const el = document.createElement('pwa-update');
        document.body.appendChild(el);
    </script>
    {% endif %}
    {{SETTINGS.header_js|htmlspecialchars_decode|raw}}
    <script src="{{STATIC_URL}}/js/persian-date.min.js"></script>
    <link href="{{ url('')}}/assets/login/css/persian-datepicker.min.css" rel="stylesheet">
    <style>
        .datepicker-container .header{
            height  :auto !important;
            
        }
        
    </style>
</head>
<body id="page-top" >
    {% block content %} {% endblock %}
    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
        <i class="fas fa-angle-up"></i>
    </a>
    {% block modals %} {% endblock %}
    <!-- Logout Modal-->
    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{_("Ready to Leave?")}}</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">{{_("Select Logout below if you are ready to end your current session.")}}</div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" type="button" data-dismiss="modal">{{_("Cancel")}}</button>
                    <a style="margin-right:5px" class="btn btn-primary" href="{{ url('logout') }}">{{_("Logout")}}</a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade rooms-modal" tabindex="-1" role="dialog" aria-labelledby="roomsModel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-content">
                <div class="modal-body">
                    {% include 'chat_room_update.html' %}
                </div>
            </div>
        </div>
      </div>
    </div>
    <!-- Profile Modal -->
    {% include 'profile_modal.html' %}
    {% include 'chat_room_list_modal.html' %}
    {% include 'report_modal.html' %}
    <!-- ChatNet core JavaScript-->
    {% if SETTINGS.cookie_consent_popup %}
    <!-- START Cookie Alert -->
    <div class="alert text-center cookiealert" role="alert">
        {% if SETTINGS.cookie_consent_message %}
            {{ SETTINGS.cookie_consent_message|raw }}
        {% else %}
        <b>Do you like cookies?</b> &#x1F36A; We use cookies to ensure you get the best experience on our website.
        <a href="https://cookiesandyou.com/" target="_blank">Learn more</a>
        {% endif %}
        <button type="button" class="btn btn-primary btn-sm acceptcookies">
            {{_("I agree")}}
        </button>
    </div>
    <!-- END Cookie Alert -->
    {% endif %}
    <script src="{{STATIC_URL}}/vendor/jquery/jquery.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/datatables/jquery.dataTables.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/datatables/dataTables.bootstrap4.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/uppy/uppy.min.js" ></script>
    {% if is_uppy_lang_exsists(LANG) and LANG.code != 'en' %}
    <script src="{{STATIC_URL}}/vendor/uppy/locales/{{LANG.code}}_{{LANG.country|upper}}.js" ></script>
    {% endif %}
    <script src="{{STATIC_URL}}/vendor/dropdown-datepicker/js/jquery.date-dropdowns.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/emojione/emojionearea.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/emojione/jquery.textcomplete.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/photoswipe/photoswipe.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/photoswipe/photoswipe-ui-default.min.js"></script>
    <script src="{{STATIC_URL}}/js/moment.min.js"></script>
    <script src="{{STATIC_URL}}/js/moment-timezone-with-data.min.js"></script>
    <script src="{{STATIC_URL}}/js/loadingoverlay.min.js" ></script>
    <script src="{{STATIC_URL}}/vendor/lazyload/jquery.lazy.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/web-audio-recorder/WebAudioRecorder.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/web-audio-recorder/player.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/select2/select2.min.js"></script>
    <script src="{{STATIC_URL}}/vendor/toastr/toastr.min.js" ></script>
    <script src="{{STATIC_URL}}/js/he.min.js" ></script>
    {% if SETTINGS.enable_codes %}
    <script src="{{STATIC_URL}}/vendor/prism/prism-core.min.js" ></script> 
    <script src="{{STATIC_URL}}/vendor/prism/prism-line-numbers.min.js" ></script> 
    <script src="{{STATIC_URL}}/vendor/prism/prism-autoloader.min.js"></script>     
    {% endif %}
    
    {% if SETTINGS.enable_recaptcha %}
    <script src="https://www.google.com/recaptcha/api.js{% if SETTINGS.recaptcha_version==3 %}?render={{SETTINGS.recaptcha_sitekey}}&onload=reCaptchaCallback&render=explicit{% endif %}" async defer></script>
    {% endif %}
    
    {% if SETTINGS.push_notifications %}
        {% if SETTINGS.push_provider == 'firebase' %}
            <script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js"></script>
            <script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-messaging.js"></script>
        {% elseif SETTINGS.push_provider == 'pushy' %}
            <script src="https://sdk.pushy.me/web/1.0.7/pushy-sdk.js"></script>
        {% endif %}
    {% endif %}

    <script src="{{ url('scripts_js') }}"></script>
    {% block scripts %} {% endblock %}
        <script src="{{ url('') }}assets/login/js/persian-datepicker.min.js"></script>
<script>
if($('.birth_date').length > 0){
  var birth_date = $('.birth_date').persianDatepicker({
    format: 'YYYY/MM/DD',
    altField: '#dob',
    altFormat: 'unix'
      
  }); 
    $('.birth_date').attr('autocomplete','off');
    $('.birth_date').keypress(function(){
    return false;
});
if($('#dob').attr('data-set').length>0){
    birth_date.setDate(parseInt($('#dob').attr('data-set'))*1000);
}

}
   
</script>


</body>
</html>
