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

ID da verificação
39c7f125-4924-402d-b9ed-0999b205d0c2Concluído
URL enviado:
https://rmt1.cc/u/4Qv0TqxMbORedirecionado
Relatório concluído:
LinkTexto
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

Variáveis JavaScript · 48 encontrada(s)

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

Mensagens de registro do console · 7 encontrada(s)

TipoCategoriaLog
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
Texto
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
Texto
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
Texto
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
Texto
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
Texto
Got token from server!
warningother
URL
https://reachmyteach.com/js/teacherview.js?id=1558bace6a26afefd006d7708a8e67ef
Texto
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
Texto
Device created

HTML

<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>