https://reachmyteach.com/?co=20673644

ID de l'analyse :
39c7f125-4924-402d-b9ed-0999b205d0c2Terminée
URL soumise :
https://rmt1.cc/u/4Qv0TqxMbORedirigé
Fin du rapport :

Liens : 5 trouvé(s)

Liens sortants identifiés à partir de la page

Lientexte
https://reachmyteach.zendesk.com/hc/en-us/articles/16253003439385-ReachMyTeach-Terms-of-Serviceterms of service
https://reachmyteach.zendesk.comHelp Resources
https://reachmyteach.zendesk.com/hc/en-us/articles/19184825148057Student Information
https://reachmyteach.zendesk.com/hc/en-us/articles/16253106902169-ReachMyTeach-Privacy-Policyprivacy policy
https://reachmyteach.zendesk.com/hc/en-us/articles/6396987133465-Add-a-message

Variables JavaScript : 48 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

NomType
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
dataLayerobject
$function
jQueryfunction
postFailurefunction
popupNotificationfunction
prepSearchesfunction

Messages de journal de console : 7 trouvé(s)

Messages consignés dans la console web

TypeCatégorieEnregistrement
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
logother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Got token from server!
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
logother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
texte
Device created

HTML

Le corps HTML de la page en données brutes

<html lang="en"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" "="">
    <title>ReachMyTeach | Messages</title>
    <link rel="icon" type="image/png" sizes="32x32" href="/images/ReachMyTeach-favicon/favicon-32x32.png?v2">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/ReachMyTeach-favicon/favicon-16x16.png?v2">
    
    
    
    
    
    
    
    
    
    

        <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NLLVGRQ4"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NLLVGRQ4');</script>
    <!-- End Google Tag Manager -->
    
    <link href="/css/shared.css?id=4276b4d7282cda854c844be923921d39" rel="stylesheet">
    <script type="text/javascript" src="/js/shared.js?id=b2ecbe8ca63dec9afcf98623432c604f"></script><style>.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}</style>
    <link rel="manifest" href="/manifest.json">

    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ENPT41EW5P"></script>
    <script>
                    window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'G-ENPT41EW5P');
                            gtag('set', {'user_id': "593293"});
                gtag('set', 'user_properties', {
                    user_type: 'guardian',
                    user_admin: '0',
                    user_district: 'Anoka-Hennepin School District',
                    user_school: 'Anoka-Hennepin School District'
                    });               
                    
        
        window.getAppName = () => {
            return "ReachMyTeach"
        }

        window.getUserType = () => {
                            return "guardian"
                    }
    </script>
    <script>
        window.dict_convert = function(a){return a;}
    </script>
        <script type="text/javascript" src="/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef"></script>
    <link href="/css/teacherview.css?id=f53357dd9745806830cd9355826fcd1a" rel="stylesheet">

    

    <script>
        window.pusherRefresh('593293', 'G9lIiwiaWF0IjoxNTE2MjM5');
            </script>

            <script>
            function createCookie(name, value, days) {
                var expires;
                if (days) {
                    var date = new Date();
                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                    expires = "; expires=" + date.toGMTString();
                } else {
                    expires = "";
                }
                document.cookie = name + "=" + value + expires + "; path=/";
            }
            createCookie('first_visit', 'true', 400)
        </script>
    </head>

<body>
        <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLLVGRQ4"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    <input type="hidden" name="_token" id="csrf-token" value="H2DvGYjNMKkvEspuXiJu3IEDK0KSFscD39r87ON5">
    <div hidden="" tr-key="Slow down!">Slow down!</div>    <div hidden="" tr-key="Session expired">Session expired</div>    <div hidden="" tr-key="Reload page">Reload page</div>    <div hidden="" tr-key="Unknown Error">Unknown Error</div>                <div hidden="" tr-key="Send">Send</div>        <div hidden="" tr-key="Cancel">Cancel</div>        <div hidden="" tr-key="cancel">cancel</div>        <div hidden="" tr-key="OK">OK</div>        <div hidden="" tr-key="Continue">Continue</div>        <div hidden="" tr-key="Yes">Yes</div>        <div hidden="" tr-key="No">No</div>        <div hidden="" tr-key="Clear">Clear</div>        <div hidden="" tr-key="All Time">All Time</div>        <div hidden="" tr-key="Today">Today</div>        <div hidden="" tr-key="Yesterday">Yesterday</div>        <div hidden="" tr-key="Last 7 Days">Last 7 Days</div>        <div hidden="" tr-key="Last 30 Days">Last 30 Days</div>        <div hidden="" tr-key="All Time">All Time</div>        <div hidden="" tr-key="this year's messages">this year's messages</div>        <div hidden="" tr-key="The number you requested has asked not to be messaged by us, please re-enable texting to that number and try again.">The number you requested has asked not to be messaged by us, please re-enable texting to that number and try again.</div>        <div hidden="" tr-key="The email you requested has asked not to be messaged by us, please re-enable sending to that email and try again.">The email you requested has asked not to be messaged by us, please re-enable sending to that email and try again.</div>        <div hidden="" tr-key="You have to confirm this email change, see the new email for a confirmation.">You have to confirm this email change, see the new email for a confirmation.</div>        <div hidden="" tr-key="Thanks!">Thanks!</div>        <div hidden="" tr-key="Click to show all messages">Click to show all messages</div>        <div hidden="" tr-key="all messages">all messages</div>        <div hidden="" tr-key="Click to show only this year's messages">Click to show only this year's messages</div>        <div hidden="" tr-key="Click to show all messages">Click to show all messages</div>        <div hidden="" tr-key="This message can be viewed by these advisors:">This message can be viewed by these advisors:</div>        <div hidden="" tr-key="And">And</div>        <div hidden="" tr-key="more">more</div>        <div hidden="" tr-key="Do you want to save this message as a draft?">Do you want to save this message as a draft?</div>        <div hidden="" tr-key="Loading...">Loading...</div>        <div hidden="" tr-key="You can only attach at most">You can only attach at most</div>        <div hidden="" tr-key="files at a time.">files at a time.</div>        <div hidden="" tr-key="max image upload size is 30mb">max image upload size is 30mb</div>        <div hidden="" tr-key="max file upload size is 20mb">max file upload size is 20mb</div>        <div hidden="" tr-key="file name cannot include quotation marks">file name cannot include quotation marks</div>        <div hidden="" tr-key="File upload error">File upload error</div>        <div hidden="" tr-key="File type not allowed">File type not allowed</div>        <div hidden="" tr-key="person">person</div>        <div hidden="" tr-key="people">people</div>        <div hidden="" tr-key="notifying">notifying</div>        <div hidden="" tr-key="visible to">visible to</div>        <div hidden="" tr-key="select text for formatting options">select text for formatting options</div>        <div hidden="" tr-key="Text messages will not show this entire message, but they will end with a link to see the rest of the message.">Text messages will not show this entire message, but they will end with a link to see the rest of the message.</div>        <div hidden="" tr-key="long message">long message</div>        <div hidden="" tr-key="Sending">Sending</div>        <div hidden="" tr-key="will appear as you start typing">will appear as you start typing</div>        <div hidden="" tr-key="no">no</div>        <div hidden="" tr-key="found">found</div>    
    <form enctype="multipart/form-data" hidden=""><input type="file" id="file-upload" name="file"></form>
    <form enctype="multipart/form-data" hidden=""><input type="file" id="reply-file-upload" name="file"></form>
                <div id="test-student" data-student="[{&quot;student_id&quot;:209976}]" data-parents="[{&quot;student_id&quot;:209976,&quot;parent_id&quot;:234865}]">
        </div>
    
    
            <div class="modal fade" id="tos-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5><strong>Please Read Our Terms Of Service</strong></h5>
            </div>
            <div class="modal-body">
                <iframe style="width: 100%;height: 50vh;" src="/terms-and-conditions/raw" frameborder="0"></iframe>
                <div class="font-weight-normal mt-1">You can also read the terms of service <a href="https://reachmyteach.zendesk.com/hc/en-us/articles/16253003439385-ReachMyTeach-Terms-of-Service" target="_blank" class="text-primary text-decoration-underline">here</a></div>
                
                <div class="mt-3 d-flex justify-content-between flex-wrap">
                    <button class="btn btn-primary mt-2" id="tos-agree">I have read and agree to the terms of
                        service</button>
                    <button class="btn btn-light mt-2" id="tos-no">I do not agree</button>
                </div>
            </div>
        </div>
    </div>
</div>
    
    <div class="faria header">
    <span class="header-show-mobile header-icon ml-1 openleft">
        <i class="fa fa-bars fa-15x"></i>
    </span>
    <a href="/" class="header-hide-mobile header-link">
        <img src="/logo" height="35">
        <h4 class="ml-2 mb-0"><strong>ReachMyTeach</strong></h4>
        
            </a>

    

    <div class="simplified-flex-show-mobile flex-grow-1 mr-3 ml-1">
        <span class="clearable-search-wrapper flex-grow-1" style="margin-right: 7px; margin-left: 7px;"><input class="form-control rounded-input mx-2 search-messages nolr-margins" clearable="grow" placeholder="Search"><span style="display: none;">×</span></span>
    </div>

    <div class="spacer hide-mobile"></div>
    <div class="d-flex align-items-center simplified-flex-hide-mobile">
        
                    <div class="compose rounded-header-button btn btn-danger btn-sm mr-3 header-show-mobile">
                new
            </div>

            
            
            <div class="c-dropdown">
                <div class="header-icon mr-3" data-toggle="c-dropdown">
                    <svg height="42" viewBox="0 0 40 42" width="40" xmlns="http://www.w3.org/2000/svg" style="width: 17px; height:17px;">
                        <path d="m35.865 23.874 3.58 2.067c.41.236.6.724.46 1.175a20.808 20.808 0 0 1 -4.596 7.949 1.01 1.01 0 0 1 -1.247.19l-3.578-2.068a16.099 16.099 0 0 1 -5.106 2.952v4.133c0 .472-.327.882-.788.985-2.937.66-6.092.694-9.178 0a1.01 1.01 0 0 1 -.79-.984v-4.134a16.097 16.097 0 0 1 -5.106-2.952l-3.578 2.067a1.01 1.01 0 0 1 -1.247-.19 20.809 20.809 0 0 1 -4.596-7.948c-.14-.45.05-.939.46-1.175l3.58-2.067c-.36-1.95-.36-3.95 0-5.9l-3.58-2.066a1.01 1.01 0 0 1 -.46-1.175 20.808 20.808 0 0 1 4.596-7.949 1.01 1.01 0 0 1 1.247-.19l3.578 2.068a16.099 16.099 0 0 1 5.106-2.953v-4.133c0-.472.327-.88.788-.984a21.006 21.006 0 0 1 9.178 0c.461.103.79.511.79.984v4.134c1.87.662 3.6 1.662 5.106 2.952l3.578-2.066a1.01 1.01 0 0 1 1.247.189 20.809 20.809 0 0 1 4.596 7.948c.14.451-.05.94-.46 1.176l-3.58 2.067c.36 1.95.36 3.949 0 5.899zm-9.142-2.95a6.73 6.73 0 0 0 -6.723-6.722 6.73 6.73 0 0 0 -6.723 6.722 6.73 6.73 0 0 0 6.723 6.723 6.73 6.73 0 0 0 6.723-6.723z" fill="#4B8FFA"></path>
                    </svg>
                </div>
                <div class="c-dropdown-menu">
                                            <a class="dropdown-link username" href="javascript:{}" data-edit_id="593293" data-type="parent" data-email="" data-phone="4137694950">
                            <span><i class="fas fa-user mr-3 fa-15x "></i></span>
                            <div class="cell">
                                <b>User Preferences</b>
                            </div>
                        </a>
                                    </div>
            </div>
        
        
        

                <div class="c-dropdown">
            <div class="header-icon mr-4" data-toggle="c-dropdown" id="help">
                <svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg" style="width: 17px; height:17px;">
                    <path d="m20 40c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm-8.339-6.187 4.308-4.307a10.35 10.35 0 0 0 8.062 0l4.308 4.307c-5.099 3.09-11.58 3.09-16.678 0zm14.79-13.813a6.459 6.459 0 0 1 -6.451 6.452 6.459 6.459 0 0 1 -6.452-6.452 6.459 6.459 0 0 1 6.452-6.452 6.459 6.459 0 0 1 6.452 6.452zm7.362 8.339-4.307-4.308a10.35 10.35 0 0 0 0-8.062l4.307-4.308c3.09 5.099 3.09 11.58 0 16.678zm-5.475-22.152-4.307 4.307a10.35 10.35 0 0 0 -8.062 0l-4.309-4.307c5.099-3.09 11.58-3.09 16.677 0zm-22.15 5.474 4.306 4.308a10.35 10.35 0 0 0 0 8.062l-4.307 4.309c-3.09-5.099-3.09-11.58 0-16.678z" fill="#4B8FFA"></path>
                </svg>
            </div>
            <div class="c-dropdown-menu">
                                                            <a class="dropdown-link" data-launchtutorial="guardian" href="javascript:{}">
                                            <span><i class="fas fa-chalkboard-teacher mr-3 fa-15x "></i></span>
                    <div class="cell">
                        <b>View Tutorial</b>
                    </div>
                    </a>
                                                    <a class="dropdown-link  mt-2 " href="https://reachmyteach.zendesk.com" target="_blank">
                        <span class="mr-3"> <svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg" style="width: 17px; height:17px;">
                                <path d="m20 40c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm-8.339-6.187 4.308-4.307a10.35 10.35 0 0 0 8.062 0l4.308 4.307c-5.099 3.09-11.58 3.09-16.678 0zm14.79-13.813a6.459 6.459 0 0 1 -6.451 6.452 6.459 6.459 0 0 1 -6.452-6.452 6.459 6.459 0 0 1 6.452-6.452 6.459 6.459 0 0 1 6.452 6.452zm7.362 8.339-4.307-4.308a10.35 10.35 0 0 0 0-8.062l4.307-4.308c3.09 5.099 3.09 11.58 0 16.678zm-5.475-22.152-4.307 4.307a10.35 10.35 0 0 0 -8.062 0l-4.309-4.307c5.099-3.09 11.58-3.09 16.677 0zm-22.15 5.474 4.306 4.308a10.35 10.35 0 0 0 0 8.062l-4.307 4.309c-3.09-5.099-3.09-11.58 0-16.678z" fill="#4B8FFA"></path>
                            </svg></span>
                        <div class="cell">
                            <b>Help Resources</b>
                        </div>
                    </a>
                                                    <a class="dropdown-link mt-2" href="https://reachmyteach.zendesk.com/hc/en-us/articles/19184825148057">
                        <span><i class="fas fa-info-circle mr-3 fa-15x"></i></span>
                        <div class="cell">
                            <b>Student Information</b>
                        </div>
                    </a>
                                
                
                            </div>
        </div>
    </div>
    <div class="c-dropdown">
        <span class="avatar-wrapper mr-1" data-toggle="c-dropdown" id="tutorial-avatar-target">
            <span class="avatar self" style="background-color:#057233b0;"><div style="color:#fff;">Ma</div></span>
        </span>
        <div class="c-dropdown-menu">
                            <div class="dropdown-link">
                    <span class="avatar-wrapper"> <span class="avatar self" style="background-color:#057233b0;"><div style="color:#fff;">Ma</div></span> </span>
                    <div class="cell">
                        <b>Mahmoud Ammar</b>
                        <div>Guardian | Lemar Mahmoud | Anoka-Hennepin School District</div>
                    </div>
                </div>
            
            <div class="simplified-flex-show-mobile divider"></div>

                            <a class="simplified-flex-show-mobile ml-1 dropdown-link username with-arrow" href="javascript:{}" data-edit_id="593293" data-type="parent" data-email="" data-phone="4137694950">
                    <span><i class="fas fa-user ml-1 mr-35 fa-15x "></i></span>
                    <div class="cell">
                        <b>User Preferences</b>
                    </div>
                    <i class="fa fa-angle-right"></i>
                </a>
                                        <a class="simplified-flex-show-mobile dropdown-link mt-2 with-arrow" href="https://reachmyteach.zendesk.com" target="_blank">
                    <span class="mr-325 ml-2"> <svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg" style="width: 17px; height:17px;">
                            <path d="m20 40c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm-8.339-6.187 4.308-4.307a10.35 10.35 0 0 0 8.062 0l4.308 4.307c-5.099 3.09-11.58 3.09-16.678 0zm14.79-13.813a6.459 6.459 0 0 1 -6.451 6.452 6.459 6.459 0 0 1 -6.452-6.452 6.459 6.459 0 0 1 6.452-6.452 6.459 6.459 0 0 1 6.452 6.452zm7.362 8.339-4.307-4.308a10.35 10.35 0 0 0 0-8.062l4.307-4.308c3.09 5.099 3.09 11.58 0 16.678zm-5.475-22.152-4.307 4.307a10.35 10.35 0 0 0 -8.062 0l-4.309-4.307c5.099-3.09 11.58-3.09 16.677 0zm-22.15 5.474 4.306 4.308a10.35 10.35 0 0 0 0 8.062l-4.307 4.309c-3.09-5.099-3.09-11.58 0-16.678z" fill="#4B8FFA"></path>
                        </svg></span>
                    <div class="cell">
                        <b>Help Resources</b>
                    </div>
                    <i class="fa fa-angle-right"></i>
                </a>
                                        <a class="simplified-flex-show-mobile dropdown-link mt-2 with-arrow" href="https://reachmyteach.zendesk.com/hc/en-us/articles/19184825148057">
                    <span><i class="fas fa-info-circle mr-325 ml-2 fa-15x"></i></span>
                    <div class="cell">
                        <b>Student Information</b>
                    </div>
                    <i class="fa fa-angle-right"></i>
                </a>
            
                        <div class="divider"></div>
            <a class="logout" href="/logout">
                <i class="fas fa-sign-out-alt"></i>
                <span>Logout</span>
            </a>
                            <div class="dropdown-link-light">
                    <a href="https://reachmyteach.zendesk.com/hc/en-us/articles/16253003439385-ReachMyTeach-Terms-of-Service">
                        <span>terms of service</span>
                    </a>
                    <a class="ml-2" href="https://reachmyteach.zendesk.com/hc/en-us/articles/16253106902169-ReachMyTeach-Privacy-Policy">
                        <span>privacy policy</span>
                    </a>
                </div>
                    </div>
    </div>
</div>
    <div class="main">
        <div class="left panel closedmobile">
                            <button class="btn btn-danger btn-block compose " id="compose">New Message</button>
                        <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link message-selector selected" data-type="inbox" href="javascript:{}">
                        <i class="fa fa-inbox"></i>
                        Inbox
                        <span class="badge badge-danger">0</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link message-selector" data-type="sent" href="javascript:{}">
                        <i class="fa fa-paper-plane"></i>
                        Sent
                    </a>
                </li>
                                <li class="nav-item">
                    <a class="nav-link message-selector" data-type="draft" href="javascript:{}">
                        <i class="fa fa-file"></i>
                        Drafts
                        <span class="badge badge-danger hidden">0</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link message-selector" data-type="timed" href="javascript:{}">
                        <i class="fa fa-clock"></i>
                        Scheduled
                        <span class="badge badge-danger hidden">0</span>
                    </a>
                </li>
                                <li class="nav-item">
                    <a class="nav-link message-selector" data-type="deleted" href="javascript:{}">
                        <i class="fas fa-archive"></i>
                        Archived
                    </a>
                </li>
                            </ul>
            <div class="  form-group row" id="contacts-searchrow" style="display: flex;">
                <label class="col-auto col-form-label pl-0 col-form-label-sm">
                    <div>
                                                    Your Contacts
                                            </div>
                </label>
                                
            </div>
            <div class="classes"><div class="class other-class">
        <span class="fa fa-caret-right mr-2"></span>
        Students
    </div>
    <div class="students">
                    <div class="student other" data-searchname="Lemar Mahmoud">
                <div class="student-label">Lemar Mahmoud</div>
                <span data-tippy-content="Filter by this student" class="icon-button far fa-square float-right ml-auto" data-student_id="561332"></span>
            </div>
            </div>

    <div class="class other-class">
        <span class="fa fa-caret-right mr-2"></span>
        Teachers
    </div>
    <div class="teachers">
                    <div class="teacher other" data-searchname="Kari Skoog" data-tippy-content="Teaches EL Science II A-1">
            <div class="teacher-label">Kari Skoog</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="394395"></span>
        </div>
                <div class="teacher other" data-searchname="Cora Hagemann" data-tippy-content="Teaches ELD IIA3">
            <div class="teacher-label">Cora Hagemann</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="262770"></span>
        </div>
                <div class="teacher other" data-searchname="Kimberly Schenk" data-tippy-content="Teaches Painting I-3">
            <div class="teacher-label">Kimberly Schenk</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="394771"></span>
        </div>
                <div class="teacher other" data-searchname="Shanna Slice" data-tippy-content="Teaches Jewelry and Craft Design I-4">
            <div class="teacher-label">Shanna Slice</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="397929"></span>
        </div>
                <div class="teacher other" data-searchname="Mark Ziegler" data-tippy-content="Teaches Intro to HS Intermediate Algebra-5">
            <div class="teacher-label">Mark Ziegler</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="395535"></span>
        </div>
                <div class="teacher other" data-searchname="Jason Paske">
            <div class="teacher-label">Jason Paske</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="395283"></span>
        </div>
                <div class="teacher other" data-searchname="Sherri Schendzielos">
            <div class="teacher-label">Sherri Schendzielos</div>
            <span data-tippy-content="Filter by this teacher" class="icon-button far fa-square float-right ml-auto" data-teacher_id="396548"></span>
        </div>
    </div>
</div>
            <div class="position-relative">
                                            </div>
        </div>
        <div class="middle">
            <div id="left-handle"></div>
            <div class="secondary-header simplified-flex-hide-mobile">
                                <button type="button" class="btn btn-light mr-2 btn-sm-mobile" id="unread-only" data-tippy-content="Show unread only">
                    <span class="far fa-envelope"></span>
                </button>

                <button type="button" class="btn btn-light mr-3 btn-sm-mobile" id="view-additional-filters">
                    <span class="fas fa-caret-down"></span>
                </button>

                <span class="clearable-search-wrapper" style="margin-right: 0px; margin-left: auto;"><input class="form-control rounded-input search-messages limited-width nolr-margins" clearable="" placeholder="Search"><span style="display: none;">×</span></span>
            </div>
            <div id="additional-filters">
                <div class="btn-group pr-2" id="type-filters">
                    <button type="button" class="btn btn-light one-type-only btn-sm-mobile" data-type="email" data-tippy-content="Show emails only">
                        <span class="fa fa-envelope"></span>
                    </button>
                    <button type="button" class="btn btn-light one-type-only btn-sm-mobile" data-type="text" data-tippy-content="Show texts only">
                        <span class="fa fa-comment-alt"></span>
                    </button>
                    <button type="button" class="btn btn-light one-type-only btn-sm-mobile" data-type="phone" data-tippy-content="Show calls only">
                        <span class="fa fa-phone"></span>
                    </button>
                                    </div>
                <div class="btn btn-light btn-sm-mobile d-flex align-items-center">
                    <input data-tippy-content="Time Range" type="text" value="All Time" id="daterange" readonly="">
                    <i class="fas fa-times icon-button ml-1" id="cleardaterange" style="display: none;"></i>
                </div>
                            </div>
            <div class="bottom-middle"><div class="messages" data-type="inbox">
    <div class="overscroll-loader">
        <div class="spinner-border"></div>
        Release to refresh
    </div>
                        <div class="message read selected" data-type="text" data-id="1850872">
    <span class="avatar-wrapper">
        <img class="avatar " src="https://reachmyteach.com/profilePic/I4n2vqS4rVrGDw==" onerror="this.onerror=null;$(this).replaceWith(`<span class=&quot;avatar &quot; style=&quot;background-color:#10a56fb0;&quot;><div style=&quot;color:#fff;&quot;>Co</div></span>`)">
    </span>
    <div class="mbody">
        <div>
                            <span class="message-name font-weight-normal">Cora Hagemann</span><span class="badge badge-student" data-tippy-content="Message regarding Lemar Mahmoud">LM</span>
                        
            
                        
            
            <span class="message-date">
                                                    <span data-utctime="2024-10-23 20:34:16">7 minutes ago</span>
                            </span>
        </div>

        <div style="overflow: hidden;">
                                                <span class="fa fa-15x fa-comment-alt "></span>
                            
                            <span class="message-body"> Heads up! There will be a Quiz on Friday for story The Scholarship Jacket. Students will be quizzed on Vocabulary and Comprehension.  Please re-read the story with your students. Students are expected to be able to use the vocabulary in context as well. Reach out with any questions. &nbsp;&nbsp;  
  Thanks! &nbsp;  
</span>
            
            <div class="ml-auto"></div>

            
            
            
            
        </div>

    </div>
    
</div>
                    </div></div>
            <div class="simplified-flex-show-mobile mobile-bottom-header">
                <div class="compose btn btn-danger">
                    New Message
                </div>
            </div>
        </div>
        <div class="conversation-region openmobile">
            <div id="mid-handle"></div>
            <div id="no-conversation" style="display: none;">
                <div class="v-spacer"></div>
                <div class="mw-100">
                                            <div id="stats-carousel" class="mw-100"></div>
<div class="mt-5">
            No Conversation Selected
    </div>                                    </div>
                <div class="v-spacer"></div>
                                <div class="v-spacer"></div>
            </div>
            <div class="spinner-border text-dark" id="load-conversation" style="display: none;">
            </div>
        <div class="conversation" data-id="1850872">
    <div class="conversation-header">
        <div>
            <i class="fas fa-arrow-left fa-15x closeconversation mr-3 show-mobile"></i>

                        <span class="fa fa-15x fa-comment-alt mr-auto pr-2"></span>
    
                    </div>

        <div>
                            <span class="message-name font-weight-normal">Cora Hagemann</span><span class="badge badge-student" data-tippy-content="Message regarding Lemar Mahmoud">Lemar Mahmoud</span>
                                                                                    <i class="fas fa-archive opacity-20 delete-message cursor-pointer" data-tippy-content="Archive this message. You can also perform this action by swiping on a message on the left"></i>
                                    </div>
    </div>
    <div class="conversation-wrapper" data-type="text">
        <div class="conversation-body">
                        <div class="conversation-text  left-text cc-other" data-id="1850872">
                            <div class="avatar-wrapper text-avatar" data-tippy-content="Cora Hagemann">
                    <img class="avatar " src="https://reachmyteach.com/profilePic/I4n2vqS4rVrGDw==" onerror="this.onerror=null;$(this).replaceWith(`<span class=&quot;avatar &quot; style=&quot;background-color:#10a56fb0;&quot;><div style=&quot;color:#fff;&quot;>Co</div></span>`)">
                </div>
                                        <div class="text-date ">
                                                                                                                        
                                        <span data-utctime="2024-10-23 20:34:16" data-format="live">7 minutes ago</span>
                                                                                                                <div class="btn btn-light single-reply mt-0" data-replyoption="{&quot;type&quot;:262770,&quot;name&quot;:&quot;Reply to Cora Hagemann&quot;,&quot;advisors&quot;:[],&quot;send&quot;:&quot;Send to Cora Hagemann&quot;,&quot;message_id&quot;:1850872,&quot;no_cr&quot;:true,&quot;count&quot;:1,&quot;notify&quot;:1}"><i class="fas fa-reply"></i></div>
                                                            </div>
                <div>
                    
                    <span>Heads up! There will be a Quiz on Friday for story The Scholarship Jacket. Students will be quizzed on Vocabulary and Comprehension.  Please re-read the story with your students. Students are expected to be able to use the vocabulary in context as well. Reach out with any questions. <br></span>
<span> Thanks!<br></span>

                </div>
                                                    </div>
            </div>
                    <div class="conversation-response">
                <div class="response-box hidden">
                    <div>
                                                <button type="button" class="close">
                            <span>×</span>
                        </button>
                    </div>
                    <div placeholder="Reply" id="reply-response" softmaxlength="400" data-richtext="false" data-tags="" class="textarea ql-container ql-bubble"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><span class="ql-tooltip-arrow"></span><div class="ql-tooltip-editor"><input type="text" data-formula="e=mc^2" data-link="https://example.com" data-video="Embed URL"><a class="ql-close"></a></div><div class="ql-toolbar"><span class="ql-formats"><button type="button" class="ql-bold"><i class="fa fa-bold"></i></button><button type="button" class="ql-italic"><i class="fas fa-italic"></i></button><button type="button" class="ql-list" value="bullet"><i class="fas fa-list-ul"></i></button><button type="button" class="ql-link"><i class="fas fa-link"></i></button></span></div></div></div><div class="formatting-info">select text for formatting options</div>
                    <div class="chars-remaining"></div>
                    <div class="response-bottom">
                        <div class="reply-attachment-row"></div>
                        <div>
                            <button class="btn btn-light add-reply-attachment ml-0 mr-2"><i class="fas fa-file-upload"></i></button>
                                                        <div class="ml-auto d-flex">
                                                                <button class="btn btn-danger btn-sm" id="send-reply" data-message_id="1850872">Send</button>
                            </div>
                        </div>
                    </div>
                </div>
                <input id="preview-reply" class="form-control form-control-sm rounded-input" placeholder="Message">
                <div class="btn-group dropup reply-options-wrapper">
                    <button class="btn btn-danger btn-sm" id="open-reply" data-message_id="1850872" data-type="262770" data-send="Send" data-count="1" data-notify="1" data-no_cr="1" data-advisors="[]">Reply</button>
                                    </div>
                            </div>
            </div>
    </div></div>
    </div>
        <div class="modal fade" id="compose-modal">
    <div class="modal-dialog">
                <div class="modal-content">
            <div id="textarea-info-panel">
                <div class="head mb-2">
                    <button type="button" class="close side">
                        <span>×</span>
                    </button>

                    <b>Text settings</b>
                </div>
                <span>
                    Select text to see formatting options.<br>
                    Alternatively, control or command + b for <b>bold</b>
                    control or command + i for <i>italic</i>

                    
                    To prevent a word or phrase from being translated, surround it in parenthesis and double quotes:&nbsp;("<i>word here</i>")
                </span>
            </div>
            <div class="modal-header">
                                    <h5 class="font-weight-bold mb-0 pt-0">New Message</h5>
                                                                            <a href="https://reachmyteach.zendesk.com/hc/en-us/articles/6396987133465-Add-a-message" target="_blank" style="position: absolute;right:39; top:10;  ">
    <svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg" style="width: 17px; height:17px;">
        <path d="m20 40c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm-8.339-6.187 4.308-4.307a10.35 10.35 0 0 0 8.062 0l4.308 4.307c-5.099 3.09-11.58 3.09-16.678 0zm14.79-13.813a6.459 6.459 0 0 1 -6.451 6.452 6.459 6.459 0 0 1 -6.452-6.452 6.459 6.459 0 0 1 6.452-6.452 6.459 6.459 0 0 1 6.452 6.452zm7.362 8.339-4.307-4.308a10.35 10.35 0 0 0 0-8.062l4.307-4.308c3.09 5.099 3.09 11.58 0 16.678zm-5.475-22.152-4.307 4.307a10.35 10.35 0 0 0 -8.062 0l-4.309-4.307c5.099-3.09 11.58-3.09 16.677 0zm-22.15 5.474 4.306 4.308a10.35 10.35 0 0 0 0 8.062l-4.307 4.309c-3.09-5.099-3.09-11.58 0-16.678z" fill="#cccccc"></path>
    </svg>
</a>
                                                    <button type="button" class="close">
                    <span>×</span>
                </button>
        </div>
        <div class="modal-body">
                            <div id="regarding-student-selector" class="mb-0" hidden="">
                                            <button class="btn btn-danger" data-student_id="561332" data-schools="[217]" data-advisors="[]">Lemar Mahmoud</button>
                                    </div>
            
            <div class="dropdown mb-2">
                <div id="recipients">
                    <span class="input-wrapper ml-1">
                        <input type="search" placeholder="Search for teachers" size="8" autocorrect="off" spellcheck="false" autocomplete="off">
                    </span>
                </div>

                <div class="dropdown-menu" id="recipient-selector">
                                                                                                            <a class="dropdown-item student-recipient onclick-set" data-id="394395" href="javascript:{}" data-schools="[217]">
        <span>Kari Skoog (EL Science II A-1 class)</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="262770" href="javascript:{}" data-schools="[217]">
        <span>Cora Hagemann (ELD IIA3 class)</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="394771" href="javascript:{}" data-schools="[217]">
        <span>Kimberly Schenk (Painting I-3 class)</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="397929" href="javascript:{}" data-schools="[217]">
        <span>Shanna Slice (Jewelry and Craft De class)</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="395535" href="javascript:{}" data-schools="[217]">
        <span>Mark Ziegler (Intro to HS Intermed class)</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="395283" href="javascript:{}" data-schools="[217]">
        <span>Jason Paske</span>
    </a>
                                                            <a class="dropdown-item student-recipient onclick-set" data-id="396548" href="javascript:{}" data-schools="[217]">
        <span>Sherri Schendzielos</span>
    </a>
                                                        <div class="dropdown-divider"></div>
                                                <div id="extra-recipients">
                                                    </div>
                    </div>
                        </div>
        <div class="d-flex">
                </div>
    <div class="teacher-selector-row">
        <div id="teacher-selector" style="display: none;">
            <span class="input-wrapper">
                <input type="search" placeholder="Teachers" size="8" autocorrect="off" spellcheck="false" autocomplete="off">
            </span>
            <span id="clear-teacher-selector" style="display: none;"><i class="fas fa-times"></i></span>
        </div>
        <div class="dropdown-menu" id="dropdown-teacher-selector">
                        <div id="extra-teacher-recipients"></div>
        </div>
        <div class="loader hidden"></div>
        <div id="teacher-selector-allow-replies" class="mt-1">
            <label class="mb-0 mr-2 ml-2" data-tippy-content="If checked, shared teachers will see replies from anyone on the message. When unchecked, shared teachers will only see messages sent to them.">Enable
                shared teachers to see all replies</label>
            <input type="checkbox">
        </div>
    </div>
        <div id="email-area" class="message-area" style="display: none;">
        <div class="message-area-horizontal-wrapper">
            <div class="message-area-vertical-wrapper">
                <input type="text" placeholder="Subject" id="compose-area-subject">
                <div id="compose-area-email" data-richtext="true" data-tags="" class="textarea ql-container ql-bubble"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><span class="ql-tooltip-arrow"></span><div class="ql-tooltip-editor"><input type="text" data-formula="e=mc^2" data-link="https://example.com" data-video="Embed URL"><a class="ql-close"></a></div><div class="ql-toolbar"><span class="ql-formats"><button type="button" class="ql-bold"><i class="fa fa-bold"></i></button><button type="button" class="ql-italic"><i class="fas fa-italic"></i></button><button type="button" class="ql-list" value="bullet"><i class="fas fa-list-ul"></i></button><button type="button" class="ql-link"><i class="fas fa-link"></i></button></span></div></div></div><div class="formatting-info">select text for formatting options</div>
                <i class="fa fa-info-circle textarea-info"></i>
            </div>
        </div>
    </div>
    <div id="text-area" class="message-area" style="">
        <div class="message-area-horizontal-wrapper">
            <div class="message-area-vertical-wrapper">
                <div placeholder="Message" softmaxlength="400" id="compose-area-text" data-richtext="false" data-tags="" class="textarea ql-container ql-bubble"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><span class="ql-tooltip-arrow"></span><div class="ql-tooltip-editor"><input type="text" data-formula="e=mc^2" data-link="https://example.com" data-video="Embed URL"><a class="ql-close"></a></div><div class="ql-toolbar"><span class="ql-formats"><button type="button" class="ql-bold"><i class="fa fa-bold"></i></button><button type="button" class="ql-italic"><i class="fas fa-italic"></i></button><button type="button" class="ql-list" value="bullet"><i class="fas fa-list-ul"></i></button><button type="button" class="ql-link"><i class="fas fa-link"></i></button></span></div></div></div><div class="formatting-info">select text for formatting options</div>
                <div class="chars-remaining"></div>
                <i class="fa fa-info-circle textarea-info"></i>
            </div>
        </div>
    </div>
    <div id="both-area" class="message-area" style="display:none;">
        <div class="message-area-horizontal-wrapper">
            <div class="message-area-vertical-wrapper">
                <input type="text" placeholder="Subject" id="compose-area-both-subject">
                <i class="fas fa-exclamation-circle" data-tippy-content="This subject is not included in text messages. Make sure not to put critical information in the subject without also including it in the message below."></i>
                <div placeholder="Message" softmaxlength="400" id="compose-area-both" data-richtext="false" data-tags="" class="textarea ql-container ql-bubble"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><span class="ql-tooltip-arrow"></span><div class="ql-tooltip-editor"><input type="text" data-formula="e=mc^2" data-link="https://example.com" data-video="Embed URL"><a class="ql-close"></a></div><div class="ql-toolbar"><span class="ql-formats"><button type="button" class="ql-bold"><i class="fa fa-bold"></i></button><button type="button" class="ql-italic"><i class="fas fa-italic"></i></button><button type="button" class="ql-list" value="bullet"><i class="fas fa-list-ul"></i></button><button type="button" class="ql-link"><i class="fas fa-link"></i></button></span></div></div></div><div class="formatting-info">select text for formatting options</div>
                <div class="chars-remaining"></div>
                <i class="fa fa-info-circle textarea-info"></i>
            </div>
        </div>
    </div>
                    <div class="d-flex mt-2 align-items-center">
            Reply to me through: 
            <div class="d-flex ml-2" id="type-selector">
                                                <button class="btn btn-sm px-2 ml-2 btn-light selected" data-type="text">
                    <span class="fa fa-comment-alt"></span>
                    <span>Text</span>
                </button>
                            </div>
        </div>
        <div class="message-bottom-row pt-3">
        
            <div class="attachment-row mr-auto">
                <button class="btn btn-light add-attachment mr-1">
                    <i class="fas fa-camera show-mobile"></i>
                    <i class="fas fa-file-upload hide-mobile"></i>
                </button>
            </div>
                        <i class="fas fa-exclamation-triangle recipient-warning mt-auto mb-auto" aria-expanded="false" style="display: none;"></i>
                        <input type="text" id="sendtime" readonly="">
            <div class="btn-group text-nowrap" id="tutorial-sendbutton">
                <button class="btn btn-danger disabled" id="send-message" data-type="send" data-text="Send">Send</button>
                <button class="dropdown-toggle btn btn-danger pl-2" data-toggle="dropdown"></button>
                                    <div class="dropdown-menu send-options">
                        <a class="dropdown-item selected" data-type="send" data-text="Send">Send</a>
                                                <a class="dropdown-item" data-type="later" data-text="Send Later">Send Later
                        </a>
                        <a class="dropdown-item" data-type="draft" data-text="Save Draft">Save Draft
                        </a>
                                            </div>
                                                            <div id="test-config">
                                                    <div class="title">
                                Send a test
                            </div>
                            <div class="subtitle">This message will <b>only go to the contact listed
                                    below</b>, and not to any selected recipients. The 'New Message'
                                window will not be closed.</div>
                            <input type="email" id="test-email" placeholder="email" data-default="">
                            <input type="text" id="test-phone" placeholder="phone number" data-default="4137694950">
                            <select id="test-language" placeholder="language">
                                                                    <option selected="" data-code="en">
                                        English
                                    </option>
                                                                    <option data-code="af">
                                        Afrikaans
                                    </option>
                                                                    <option data-code="sq">
                                        Albanian
                                    </option>
                                                                    <option data-code="am">
                                        Amharic
                                    </option>
                                                                    <option data-code="ar">
                                        Arabic
                                    </option>
                                                                    <option data-code="hy">
                                        Armenian
                                    </option>
                                                                    <option data-code="az">
                                        Azerbaijani
                                    </option>
                                                                    <option data-code="eu">
                                        Basque
                                    </option>
                                                                    <option data-code="be">
                                        Belarusian
                                    </option>
                                                                    <option data-code="bn">
                                        Bengali
                                    </option>
                                                                    <option data-code="bs">
                                        Bosnian
                                    </option>
                                                                    <option data-code="bg">
                                        Bulgarian
                                    </option>
                                                                    <option data-code="ca">
                                        Catalan
                                    </option>
                                                                    <option data-code="ceb">
                                        Cebuano
                                    </option>
                                                                    <option data-code="zh">
                                        Chinese (Simplified)
                                    </option>
                                                                    <option data-code="zh-TW">
                                        Chinese (Traditional)
                                    </option>
                                                                    <option data-code="co">
                                        Corsican
                                    </option>
                                                                    <option data-code="hr">
                                        Croatian
                                    </option>
                                                                    <option data-code="cs">
                                        Czech
                                    </option>
                                                                    <option data-code="da">
                                        Danish
                                    </option>
                                                                    <option data-code="nl">
                                        Dutch
                                    </option>
                                                                    <option data-code="eo">
                                        Esperanto
                                    </option>
                                                                    <option data-code="et">
                                        Estonian
                                    </option>
                                                                    <option data-code="fi">
                                        Finnish
                                    </option>
                                                                    <option data-code="fr">
                                        French
                                    </option>
                                                                    <option data-code="fy">
                                        Frisian
                                    </option>
                                                                    <option data-code="gl">
                                        Galician
                                    </option>
                                                                    <option data-code="ka">
                                        Georgian
                                    </option>
                                                                    <option data-code="de">
                                        German
                                    </option>
                                                                    <option data-code="el">
                                        Greek
                                    </option>
                                                                    <option data-code="gu">
                                        Gujarati
                                    </option>
                                                                    <option data-code="ht">
                                        Haitian Creole
                                    </option>
                                                                    <option data-code="ha">
                                        Hausa
                                    </option>
                                                                    <option data-code="haw">
                                        Hawaiian
                                    </option>
                                                                    <option data-code="iw">
                                        Hebrew
                                    </option>
                                                                    <option data-code="hi">
                                        Hindi
                                    </option>
                                                                    <option data-code="hmn">
                                        Hmong
                                    </option>
                                                                    <option data-code="hu">
                                        Hungarian
                                    </option>
                                                                    <option data-code="is">
                                        Icelandic
                                    </option>
                                                                    <option data-code="ig">
                                        Igbo
                                    </option>
                                                                    <option data-code="id">
                                        Indonesian
                                    </option>
                                                                    <option data-code="ga">
                                        Irish
                                    </option>
                                                                    <option data-code="it">
                                        Italian
                                    </option>
                                                                    <option data-code="ja">
                                        Japanese
                                    </option>
                                                                    <option data-code="jv">
                                        Javanese
                                    </option>
                                                                    <option data-code="kn">
                                        Kannada
                                    </option>
                                                                    <option data-code="kk">
                                        Kazakh
                                    </option>
                                                                    <option data-code="km">
                                        Khmer
                                    </option>
                                                                    <option data-code="rw">
                                        Kinyarwanda
                                    </option>
                                                                    <option data-code="ko">
                                        Korean
                                    </option>
                                                                    <option data-code="ku">
                                        Kurdish
                                    </option>
                                                                    <option data-code="ky">
                                        Kyrgyz
                                    </option>
                                                                    <option data-code="lo">
                                        Lao
                                    </option>
                                                                    <option data-code="lv">
                                        Latvian
                                    </option>
                                                                    <option data-code="ln">
                                        Lingala
                                    </option>
                                                                    <option data-code="lt">
                                        Lithuanian
                                    </option>
                                                                    <option data-code="lb">
                                        Luxembourgish
                                    </option>
                                                                    <option data-code="mk">
                                        Macedonian
                                    </option>
                                                                    <option data-code="mg">
                                        Malagasy
                                    </option>
                                                                    <option data-code="ms">
                                        Malay
                                    </option>
                                                                    <option data-code="ml">
                                        Malayalam
                                    </option>
                                                                    <option data-code="mt">
                                        Maltese
                                    </option>
                                                                    <option data-code="mi">
                                        Maori
                                    </option>
                                                                    <option data-code="mr">
                                        Marathi
                                    </option>
                                                                    <option data-code="mn">
                                        Mongolian
                                    </option>
                                                                    <option data-code="my">
                                        Myanmar
                                    </option>
                                                                    <option data-code="ne">
                                        Nepali
                                    </option>
                                                                    <option data-code="no">
                                        Norwegian
                                    </option>
                                                                    <option data-code="ny">
                                        Nyanja
                                    </option>
                                                                    <option data-code="or">
                                        Odia
                                    </option>
                                                                    <option data-code="om">
                                        Oromo
                                    </option>
                                                                    <option data-code="ps">
                                        Pashto
                                    </option>
                                                                    <option data-code="fa">
                                        Persian (Farsi/Dari)
                                    </option>
                                                                    <option data-code="pl">
                                        Polish
                                    </option>
                                                                    <option data-code="pt">
                                        Portuguese
                                    </option>
                                                                    <option data-code="pa">
                                        Punjabi
                                    </option>
                                                                    <option data-code="ro">
                                        Romanian
                                    </option>
                                                                    <option data-code="ru">
                                        Russian
                                    </option>
                                                                    <option data-code="sm">
                                        Samoan
                                    </option>
                                                                    <option data-code="sa">
                                        Sanskrit
                                    </option>
                                                                    <option data-code="gd">
                                        Scots Gaelic
                                    </option>
                                                                    <option data-code="sr">
                                        Serbian
                                    </option>
                                                                    <option data-code="st">
                                        Sesotho
                                    </option>
                                                                    <option data-code="sn">
                                        Shona
                                    </option>
                                                                    <option data-code="sd">
                                        Sindhi
                                    </option>
                                                                    <option data-code="si">
                                        Sinhala
                                    </option>
                                                                    <option data-code="sk">
                                        Slovak
                                    </option>
                                                                    <option data-code="sl">
                                        Slovenian
                                    </option>
                                                                    <option data-code="so">
                                        Somali
                                    </option>
                                                                    <option data-code="es">
                                        Spanish
                                    </option>
                                                                    <option data-code="su">
                                        Sundanese
                                    </option>
                                                                    <option data-code="sw">
                                        Swahili
                                    </option>
                                                                    <option data-code="sv">
                                        Swedish
                                    </option>
                                                                    <option data-code="tl">
                                        Tagalog
                                    </option>
                                                                    <option data-code="tg">
                                        Tajik
                                    </option>
                                                                    <option data-code="ta">
                                        Tamil
                                    </option>
                                                                    <option data-code="tt">
                                        Tatar
                                    </option>
                                                                    <option data-code="te">
                                        Telugu
                                    </option>
                                                                    <option data-code="th">
                                        Thai
                                    </option>
                                                                    <option data-code="ti">
                                        Tigrinya
                                    </option>
                                                                    <option data-code="tr">
                                        Turkish
                                    </option>
                                                                    <option data-code="tk">
                                        Turkmen
                                    </option>
                                                                    <option data-code="ak">
                                        Twi
                                    </option>
                                                                    <option data-code="uk">
                                        Ukrainian
                                    </option>
                                                                    <option data-code="ur">
                                        Urdu
                                    </option>
                                                                    <option data-code="ug">
                                        Uyghur
                                    </option>
                                                                    <option data-code="uz">
                                        Uzbek
                                    </option>
                                                                    <option data-code="vi">
                                        Vietnamese
                                    </option>
                                                                    <option data-code="cy">
                                        Welsh
                                    </option>
                                                                    <option data-code="xh">
                                        Xhosa
                                    </option>
                                                                    <option data-code="yi">
                                        Yiddish
                                    </option>
                                                                    <option data-code="yo">
                                        Yoruba
                                    </option>
                                                                    <option data-code="zu">
                                        Zulu
                                    </option>
                                                            </select>
                            <hr class="improved-hr">
                            <button class="btn btn-primary btn-sm"><strong>Send</strong></button>
                                                    </div>
                    </div>
                </div>
            </div>
        
    </div>
</div>
</div>
            <div class="modal fade" id="edit-modal">
    <div class="modal-dialog narrow-modal">
        <div class="modal-content">
            <div class="modal-header">
                <h5><strong id="student-edit-name">Editing your contact info</strong></h5>
                <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
            </div>
            <div class="modal-body">
                                                            <div class="form-check mb-2">
                            <input class="form-check-input fix-checkbox-alignment" type="checkbox" checked="" id="student-edit-noemail">
                            <label class="form-check-label" for="student-edit-noemail">
                                Send me emails
                            </label>
                        </div>
                        <div class="form-group">
                            <label>Email address</label>
                            <div class="d-flex align-items-center">
                                <input type="email" class="form-control blue" id="student-edit-email" placeholder="[email protected]">
                                                            </div>
                            <small class="form-text text-muted">An email change will not occur until you
                                                                                                                                                                confirm it through an email we send to the new address</small>
                        </div>
                                    
                                    <div class="form-check mt-4">
                                                    <input class="form-check-input fix-checkbox-alignment" type="checkbox" checked="" id="student-edit-notext">
                            <label class="form-check-label" for="student-edit-notext">
                                Send me texts
                            </label>
                            <div class="mt-2" id="whatsapp-edit-group">
                                <input class="form-check-input fix-checkbox-alignment" id="student-edit-whatsapp" type="checkbox">
                                <label class="form-check-label">Send text messages through WhatsApp</label>
                            </div>
                                            </div>
                    
                    <div class="form-group mb-1 mt-2">
                        <label>Phone number</label>
                        <div class="d-flex align-items-center">
                            <input type="text" class="form-control blue" id="student-edit-phone" placeholder="xxx-xxx-xxxx" data-defaultval="">
                                                    </div>
                                                <small class="form-text text-muted">A phone number change will not occur until you confirm it by clicking the link we send to the new number</small>
                    </div>
                                <div class="form-group mt-3">
                    <label>Language</label>
                    <select class="form-control blue" id="student-edit-language">
                                                    <option selected="" data-code="en">
                                English
                            </option>
                                                    <option data-code="af">
                                Afrikaans
                            </option>
                                                    <option data-code="sq">
                                Albanian
                            </option>
                                                    <option data-code="am">
                                Amharic
                            </option>
                                                    <option data-code="ar">
                                Arabic
                            </option>
                                                    <option data-code="hy">
                                Armenian
                            </option>
                                                    <option data-code="az">
                                Azerbaijani
                            </option>
                                                    <option data-code="eu">
                                Basque
                            </option>
                                                    <option data-code="be">
                                Belarusian
                            </option>
                                                    <option data-code="bn">
                                Bengali
                            </option>
                                                    <option data-code="bs">
                                Bosnian
                            </option>
                                                    <option data-code="bg">
                                Bulgarian
                            </option>
                                                    <option data-code="ca">
                                Catalan
                            </option>
                                                    <option data-code="ceb">
                                Cebuano
                            </option>
                                                    <option data-code="zh">
                                Chinese (Simplified)
                            </option>
                                                    <option data-code="zh-TW">
                                Chinese (Traditional)
                            </option>
                                                    <option data-code="co">
                                Corsican
                            </option>
                                                    <option data-code="hr">
                                Croatian
                            </option>
                                                    <option data-code="cs">
                                Czech
                            </option>
                                                    <option data-code="da">
                                Danish
                            </option>
                                                    <option data-code="nl">
                                Dutch
                            </option>
                                                    <option data-code="eo">
                                Esperanto
                            </option>
                                                    <option data-code="et">
                                Estonian
                            </option>
                                                    <option data-code="fi">
                                Finnish
                            </option>
                                                    <option data-code="fr">
                                French
                            </option>
                                                    <option data-code="fy">
                                Frisian
                            </option>
                                                    <option data-code="gl">
                                Galician
                            </option>
                                                    <option data-code="ka">
                                Georgian
                            </option>
                                                    <option data-code="de">
                                German
                            </option>
                                                    <option data-code="el">
                                Greek
                            </option>
                                                    <option data-code="gu">
                                Gujarati
                            </option>
                                                    <option data-code="ht">
                                Haitian Creole
                            </option>
                                                    <option data-code="ha">
                                Hausa
                            </option>
                                                    <option data-code="haw">
                                Hawaiian
                            </option>
                                                    <option data-code="iw">
                                Hebrew
                            </option>
                                                    <option data-code="hi">
                                Hindi
                            </option>
                                                    <option data-code="hmn">
                                Hmong
                            </option>
                                                    <option data-code="hu">
                                Hungarian
                            </option>
                                                    <option data-code="is">
                                Icelandic
                            </option>
                                                    <option data-code="ig">
                                Igbo
                            </option>
                                                    <option data-code="id">
                                Indonesian
                            </option>
                                                    <option data-code="ga">
                                Irish
                            </option>
                                                    <option data-code="it">
                                Italian
                            </option>
                                                    <option data-code="ja">
                                Japanese
                            </option>
                                                    <option data-code="jv">
                                Javanese
                            </option>
                                                    <option data-code="kn">
                                Kannada
                            </option>
                                                    <option data-code="kk">
                                Kazakh
                            </option>
                                                    <option data-code="km">
                                Khmer
                            </option>
                                                    <option data-code="rw">
                                Kinyarwanda
                            </option>
                                                    <option data-code="ko">
                                Korean
                            </option>
                                                    <option data-code="ku">
                                Kurdish
                            </option>
                                                    <option data-code="ky">
                                Kyrgyz
                            </option>
                                                    <option data-code="lo">
                                Lao
                            </option>
                                                    <option data-code="lv">
                                Latvian
                            </option>
                                                    <option data-code="ln">
                                Lingala
                            </option>
                                                    <option data-code="lt">
                                Lithuanian
                            </option>
                                                    <option data-code="lb">
                                Luxembourgish
                            </option>
                                                    <option data-code="mk">
                                Macedonian
                            </option>
                                                    <option data-code="mg">
                                Malagasy
                            </option>
                                                    <option data-code="ms">
                                Malay
                            </option>
                                                    <option data-code="ml">
                                Malayalam
                            </option>
                                                    <option data-code="mt">
                                Maltese
                            </option>
                                                    <option data-code="mi">
                                Maori
                            </option>
                                                    <option data-code="mr">
                                Marathi
                            </option>
                                                    <option data-code="mn">
                                Mongolian
                            </option>
                                                    <option data-code="my">
                                Myanmar
                            </option>
                                                    <option data-code="ne">
                                Nepali
                            </option>
                                                    <option data-code="no">
                                Norwegian
                            </option>
                                                    <option data-code="ny">
                                Nyanja
                            </option>
                                                    <option data-code="or">
                                Odia
                            </option>
                                                    <option data-code="om">
                                Oromo
                            </option>
                                                    <option data-code="ps">
                                Pashto
                            </option>
                                                    <option data-code="fa">
                                Persian (Farsi/Dari)
                            </option>
                                                    <option data-code="pl">
                                Polish
                            </option>
                                                    <option data-code="pt">
                                Portuguese
                            </option>
                                                    <option data-code="pa">
                                Punjabi
                            </option>
                                                    <option data-code="ro">
                                Romanian
                            </option>
                                                    <option data-code="ru">
                                Russian
                            </option>
                                                    <option data-code="sm">
                                Samoan
                            </option>
                                                    <option data-code="sa">
                                Sanskrit
                            </option>
                                                    <option data-code="gd">
                                Scots Gaelic
                            </option>
                                                    <option data-code="sr">
                                Serbian
                            </option>
                                                    <option data-code="st">
                                Sesotho
                            </option>
                                                    <option data-code="sn">
                                Shona
                            </option>
                                                    <option data-code="sd">
                                Sindhi
                            </option>
                                                    <option data-code="si">
                                Sinhala
                            </option>
                                                    <option data-code="sk">
                                Slovak
                            </option>
                                                    <option data-code="sl">
                                Slovenian
                            </option>
                                                    <option data-code="so">
                                Somali
                            </option>
                                                    <option data-code="es">
                                Spanish
                            </option>
                                                    <option data-code="su">
                                Sundanese
                            </option>
                                                    <option data-code="sw">
                                Swahili
                            </option>
                                                    <option data-code="sv">
                                Swedish
                            </option>
                                                    <option data-code="tl">
                                Tagalog
                            </option>
                                                    <option data-code="tg">
                                Tajik
                            </option>
                                                    <option data-code="ta">
                                Tamil
                            </option>
                                                    <option data-code="tt">
                                Tatar
                            </option>
                                                    <option data-code="te">
                                Telugu
                            </option>
                                                    <option data-code="th">
                                Thai
                            </option>
                                                    <option data-code="ti">
                                Tigrinya
                            </option>
                                                    <option data-code="tr">
                                Turkish
                            </option>
                                                    <option data-code="tk">
                                Turkmen
                            </option>
                                                    <option data-code="ak">
                                Twi
                            </option>
                                                    <option data-code="uk">
                                Ukrainian
                            </option>
                                                    <option data-code="ur">
                                Urdu
                            </option>
                                                    <option data-code="ug">
                                Uyghur
                            </option>
                                                    <option data-code="uz">
                                Uzbek
                            </option>
                                                    <option data-code="vi">
                                Vietnamese
                            </option>
                                                    <option data-code="cy">
                                Welsh
                            </option>
                                                    <option data-code="xh">
                                Xhosa
                            </option>
                                                    <option data-code="yi">
                                Yiddish
                            </option>
                                                    <option data-code="yo">
                                Yoruba
                            </option>
                                                    <option data-code="zu">
                                Zulu
                            </option>
                                            </select>
                </div>
                <div class="form-check mb-1">
                    <input class="form-check-input fix-checkbox-alignment" type="checkbox" id="student-spoken-language-enable">
                    <label class="form-check-label" for="student-spoken-language-enable">
                        Different spoken language
                    </label>
                </div>
                <div class="form-group">
                    <select class="form-control blue" id="student-edit-spoken-language">
                                                    <option data-code="en">
                                English
                            </option>
                                                    <option data-code="af">
                                Afrikaans
                            </option>
                                                    <option data-code="sq">
                                Albanian
                            </option>
                                                    <option data-code="asl">
                                American Sign Language
                            </option>
                                                    <option data-code="am">
                                Amharic
                            </option>
                                                    <option data-code="ar">
                                Arabic
                            </option>
                                                    <option data-code="hy">
                                Armenian
                            </option>
                                                    <option data-code="az">
                                Azerbaijani
                            </option>
                                                    <option data-code="eu">
                                Basque
                            </option>
                                                    <option data-code="be">
                                Belarusian
                            </option>
                                                    <option data-code="bn">
                                Bengali
                            </option>
                                                    <option data-code="bs">
                                Bosnian
                            </option>
                                                    <option data-code="bg">
                                Bulgarian
                            </option>
                                                    <option data-code="ca">
                                Catalan
                            </option>
                                                    <option data-code="ceb">
                                Cebuano
                            </option>
                                                    <option data-code="zh">
                                Chinese (Simplified)
                            </option>
                                                    <option data-code="zh-TW">
                                Chinese (Traditional)
                            </option>
                                                    <option data-code="co">
                                Corsican
                            </option>
                                                    <option data-code="hr">
                                Croatian
                            </option>
                                                    <option data-code="cs">
                                Czech
                            </option>
                                                    <option data-code="da">
                                Danish
                            </option>
                                                    <option data-code="prs">
                                Dari
                            </option>
                                                    <option data-code="nl">
                                Dutch
                            </option>
                                                    <option data-code="eo">
                                Esperanto
                            </option>
                                                    <option data-code="et">
                                Estonian
                            </option>
                                                    <option data-code="fa">
                                Farsi
                            </option>
                                                    <option data-code="fi">
                                Finnish
                            </option>
                                                    <option data-code="fr">
                                French
                            </option>
                                                    <option data-code="fy">
                                Frisian
                            </option>
                                                    <option data-code="gl">
                                Galician
                            </option>
                                                    <option data-code="lug">
                                Gandan
                            </option>
                                                    <option data-code="ka">
                                Georgian
                            </option>
                                                    <option data-code="de">
                                German
                            </option>
                                                    <option data-code="el">
                                Greek
                            </option>
                                                    <option data-code="gu">
                                Gujarati
                            </option>
                                                    <option data-code="ht">
                                Haitian Creole
                            </option>
                                                    <option data-code="ha">
                                Hausa
                            </option>
                                                    <option data-code="haw">
                                Hawaiian
                            </option>
                                                    <option data-code="iw">
                                Hebrew
                            </option>
                                                    <option data-code="hi">
                                Hindi
                            </option>
                                                    <option data-code="hmn">
                                Hmong
                            </option>
                                                    <option data-code="hu">
                                Hungarian
                            </option>
                                                    <option data-code="is">
                                Icelandic
                            </option>
                                                    <option data-code="ig">
                                Igbo
                            </option>
                                                    <option data-code="id">
                                Indonesian
                            </option>
                                                    <option data-code="ga">
                                Irish
                            </option>
                                                    <option data-code="it">
                                Italian
                            </option>
                                                    <option data-code="ja">
                                Japanese
                            </option>
                                                    <option data-code="jv">
                                Javanese
                            </option>
                                                    <option data-code="kn">
                                Kannada
                            </option>
                                                    <option data-code="kar">
                                Karenni
                            </option>
                                                    <option data-code="kk">
                                Kazakh
                            </option>
                                                    <option data-code="kek">
                                Kekchi
                            </option>
                                                    <option data-code="km">
                                Khmer
                            </option>
                                                    <option data-code="rw">
                                Kinyarwanda
                            </option>
                                                    <option data-code="ko">
                                Korean
                            </option>
                                                    <option data-code="ku">
                                Kurdish
                            </option>
                                                    <option data-code="ky">
                                Kyrgyz
                            </option>
                                                    <option data-code="lo">
                                Lao
                            </option>
                                                    <option data-code="lv">
                                Latvian
                            </option>
                                                    <option data-code="ln">
                                Lingala
                            </option>
                                                    <option data-code="lt">
                                Lithuanian
                            </option>
                                                    <option data-code="lb">
                                Luxembourgish
                            </option>
                                                    <option data-code="mk">
                                Macedonian
                            </option>
                                                    <option data-code="mg">
                                Malagasy
                            </option>
                                                    <option data-code="ms">
                                Malay
                            </option>
                                                    <option data-code="ml">
                                Malayalam
                            </option>
                                                    <option data-code="mt">
                                Maltese
                            </option>
                                                    <option data-code="mi">
                                Maori
                            </option>
                                                    <option data-code="mr">
                                Marathi
                            </option>
                                                    <option data-code="mn">
                                Mongolian
                            </option>
                                                    <option data-code="my">
                                Myanmar
                            </option>
                                                    <option data-code="ne">
                                Nepali
                            </option>
                                                    <option data-code="no">
                                Norwegian
                            </option>
                                                    <option data-code="ny">
                                Nyanja
                            </option>
                                                    <option data-code="om">
                                Oromo
                            </option>
                                                    <option data-code="or">
                                Odia
                            </option>
                                                    <option data-code="ps">
                                Pashto
                            </option>
                                                    <option data-code="pl">
                                Polish
                            </option>
                                                    <option data-code="pt">
                                Portuguese
                            </option>
                                                    <option data-code="pa">
                                Punjabi
                            </option>
                                                    <option data-code="ro">
                                Romanian
                            </option>
                                                    <option data-code="rn">
                                Rundi
                            </option>
                                                    <option data-code="ru">
                                Russian
                            </option>
                                                    <option data-code="sm">
                                Samoan
                            </option>
                                                    <option data-code="sa">
                                Sanskrit
                            </option>
                                                    <option data-code="gd">
                                Scots Gaelic
                            </option>
                                                    <option data-code="sr">
                                Serbian
                            </option>
                                                    <option data-code="st">
                                Sesotho
                            </option>
                                                    <option data-code="sn">
                                Shona
                            </option>
                                                    <option data-code="sd">
                                Sindhi
                            </option>
                                                    <option data-code="si">
                                Sinhala
                            </option>
                                                    <option data-code="sk">
                                Slovak
                            </option>
                                                    <option data-code="sl">
                                Slovenian
                            </option>
                                                    <option data-code="so">
                                Somali
                            </option>
                                                    <option data-code="es">
                                Spanish
                            </option>
                                                    <option data-code="su">
                                Sundanese
                            </option>
                                                    <option data-code="sw">
                                Swahili
                            </option>
                                                    <option data-code="sv">
                                Swedish
                            </option>
                                                    <option data-code="tl">
                                Tagalog
                            </option>
                                                    <option data-code="tg">
                                Tajik
                            </option>
                                                    <option data-code="ta">
                                Tamil
                            </option>
                                                    <option data-code="tt">
                                Tatar
                            </option>
                                                    <option data-code="te">
                                Telugu
                            </option>
                                                    <option data-code="th">
                                Thai
                            </option>
                                                    <option data-code="bo">
                                Tibetan
                            </option>
                                                    <option data-code="ti">
                                Tigrinya
                            </option>
                                                    <option data-code="tr">
                                Turkish
                            </option>
                                                    <option data-code="tk">
                                Turkmen
                            </option>
                                                    <option data-code="uk">
                                Ukrainian
                            </option>
                                                    <option data-code="ur">
                                Urdu
                            </option>
                                                    <option data-code="ug">
                                Uyghur
                            </option>
                                                    <option data-code="uz">
                                Uzbek
                            </option>
                                                    <option data-code="vi">
                                Vietnamese
                            </option>
                                                    <option data-code="cy">
                                Welsh
                            </option>
                                                    <option data-code="xh">
                                Xhosa
                            </option>
                                                    <option data-code="yi">
                                Yiddish
                            </option>
                                                    <option data-code="yo">
                                Yoruba
                            </option>
                                                    <option data-code="zu">
                                Zulu
                            </option>
                                            </select>
                </div>

                <div class="form-group mt-3">
                    <label>Preferred Name</label>
                    <input type="text" class="form-control blue" maxlength="30" id="student-edit-preferred-name" placeholder="Mahmoud Ammar" value="">
                </div>

                                <button class="btn btn-danger mt-3" id="save-student-edit">Save</button>
            </div>
        </div>
    </div>
</div>

                    <div class="modal fade" id="first-setup-modal" data-edit_id="593293" data-type="parent">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5><strong>Help us reach you!</strong></h5>
                <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
            </div>
            <div class="modal-body">
                <div class="mb-4">Please enter your phone number and email so that teachers can contact you.</div>
                                    <div class="form-group">
                        <label>Email address</label>
                        <div class="d-flex align-items-center">
                            <input type="email" class="form-control" id="first-email" placeholder="[email protected]" value="">
                        </div>
                    </div>
                                <div class="form-group">
                    <label>Phone number</label>
                    <div class="d-flex align-items-center">
                        <input type="text" class="form-control" id="first-phone" placeholder="xxx-xxx-xxxx" data-defaultval="" value="+14137694950">
                    </div>
                    <small class="form-text text-muted">This phone number will need to be validated by
                        clicking a link we text you</small>
                </div>
                <div class="d-flex align-items-center justify-content-between">
                    <button class="btn btn-danger" id="save-first-setup">Save</button>
                    <button class="btn btn-light" data-dismiss="modal">No Thanks</button>
                </div>
            </div>
        </div>
    </div>
</div>
            
    <div class="modal fade" id="feedback-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5><strong>Feedback</strong></h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="mt-neg">
                        We appreciate hearing from you with any feedback, problems, or suggestions!
                    </div>
                    <div id="feedback-box" data-richtext="false" data-tags="" class="textarea ql-container ql-bubble"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><span class="ql-tooltip-arrow"></span><div class="ql-tooltip-editor"><input type="text" data-formula="e=mc^2" data-link="https://example.com" data-video="Embed URL"><a class="ql-close"></a></div><div class="ql-toolbar"><span class="ql-formats"><button type="button" class="ql-bold"><i class="fa fa-bold"></i></button><button type="button" class="ql-italic"><i class="fas fa-italic"></i></button><button type="button" class="ql-list" value="bullet"><i class="fas fa-list-ul"></i></button><button type="button" class="ql-link"><i class="fas fa-link"></i></button></span></div></div></div><div class="formatting-info">select text for formatting options</div>
                    <button class="btn btn-danger" id="send-feedback">Send</button>
                </div>
            </div>
        </div>
    </div>

    
    
        <div id="generic-loader">
        <div class="spinner-grow text-light" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <div id="popupNotifications">
            </div>



<div class="daterangepicker ltr show-ranges opensright"><div class="ranges"><ul><li data-range-key="Today">Today</li><li data-range-key="Yesterday">Yesterday</li><li data-range-key="Last 7 Days">Last 7 Days</li><li data-range-key="Last 30 Days">Last 30 Days</li><li data-range-key="Custom Range">Custom Range</li></ul></div><div class="drp-calendar left"><div class="calendar-table"></div><div class="calendar-time" style="display: none;"></div></div><div class="drp-calendar right"><div class="calendar-table"></div><div class="calendar-time" style="display: none;"></div></div><div class="drp-buttons"><span class="drp-selected"></span><button class="cancelBtn btn btn-sm btn-default" type="button">Clear</button><button class="applyBtn btn btn-sm btn-primary" disabled="disabled" type="button">Apply</button> </div></div></body></html>