@using OSS.Models
@model InvestorProfileExternal
@{
    ViewBag.Title = "RegisterUser";
    Layout = "~/Views/Shared/_LoginLayout.cshtml";
}
<link href="~/Content/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" />

<style>


    .success, .warning, .error, .validation {
        border: 1px solid;
        margin: 10px 0px;
        padding: 15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
    }



    .success {
        color: #4F8A10;
        background-color: #DFF2BF;
        background-image: url('https://i.imgur.com/Q9BGTuy.png');
    }

    .warning {
        color: #9F6000;
        background-color: #FEEFB3;
        background-image: url('https://i.imgur.com/Z8q7ww7.png');
    }

    .error {
        color: #D8000C;
        background-color: #FFBABA;
        background-image: url('https://i.imgur.com/GnyDvKN.png');
    }

    .validation {
        color: #D63301;
        background-color: #FFCCBA;
        background-image: url('https://i.imgur.com/GnyDvKN.png');
    }
</style>

<div>
    <div class="form-form">
        <div style="margin-top:5%;  width:800px;">
            <div class="form-container">
                <div class="form-content">

                    <div class="account-content">
                        <div class="col-xl-12 col-lg-12 col-md-12">


                            <div class="info">



                                <div class="row">
                                    <h6 class="text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg> &nbsp;&nbsp; &nbsp;&nbsp;Password Reset Form </h6>
                                    <hr />
                                    <br />

                                    @using (Html.BeginForm("ProcessResetPassword", "Home", FormMethod.Post, new { id = "registration", @novalidate = "novalidate", @class = "needs-validation text-left" }))
                                    {
                                        @Html.AntiForgeryToken()
                                      

                                        <div class="col-lg-12">
                                            <div class="row">
                                                @if (@ViewBag.Error == "Error")
                                                {
                                                    <div class="error col-lg-12">Failed to rest password  , invalid email account</div>}
                                                @if ( @ViewBag.Error == "Invalid")
                                                {
                                                    <div class="error col-lg-12">Error ! Account does not exists</div>}
                                                @if (@ViewBag.Success == "Success")
                                                {
                                                    <div class="success col-lg-12">Password successfully updated , Email has been sent your company with new password</div>}
                                                <hr />
                                                <div class="col-xl-12 col-lg-12 col-md-12 mt-md-0 mt-2">
                                                    <div class="form">
                                                        <div class="row">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label for="fullName" class="text-black">Login Email</label>
                                                                    @Html.TextBoxFor(m => m.CompanyEmail, new { @minlength = "2", @maxlength = "45", @name = "CompanyEmail", @class = "form-control mb-4", @id = "FirstName", @type = "email", @required = "true" })
                                                                    <div class="invalid-feedback">
                                                                        Invalid Input.
                                                                    </div>

                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label for="fullName" class="text-black">Enter Company Email</label>
                                                                    @Html.TextBoxFor(m => m.AlternativeEmail, new { @minlength = "2", @maxlength = "45", @name = "AlternativeEmail", @class = "form-control mb-4", @id = "FirstName", @type = "email", @required = "true" })
                                                                    <div class="invalid-feedback">
                                                                        Invalid Input.
                                                                    </div>

                                                                </div>
                                                            </div>


                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label for="fullName" class="text-black">Mobile No</label>
                                                                    @Html.TextBoxFor(m => m.Mobile, new { @name = "MobileNo", @class = "form-control mb-4", @id = "MobileNo", @type = "text", @required = "true", @min = 10, pattern = @"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$" })
                                                                    <div class="invalid-feedback">
                                                                        Invalid Input.
                                                                    </div>
                                                                </div>
                                                            </div>




                                                            <div class="col-md-6">
                                                                <div class="form-group">


                                                                    <div class="col-xl-12 col-lg-12 col-md-12 mt-md-0 mt-2">

                                                                        <div class="d-flex justify-content-center">
                                                                            <button class="btn btn-primary btn-lg mt-2 text-center" id="Register" type="submit"> Reset </button>
                                                                            &nbsp;&nbsp; <a href="/Home/" class="btn btn-danger btn-lg mt-2 text-center">Cancel</a>

                                                                        </div>

                                                                        <div style="margin-top: 7px;" id="CheckPasswordMatch"></div>
                                                                    </div>


                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">


                                                                    <div class="register">

                                                                    </div>


                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>





                                            </div>

                                        </div>
                                    }
                                </div>
                            </div>
                        </div>
                    </div>




                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="~/Content/plugins/input-mask/jquery.inputmask.bundle.min.js"></script>
<script type="text/javascript" src="~/Content/plugins/input-mask/input-mask.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="~/Content/jquery-ui.css" />
<script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>

<script>

        var j = jQuery.noConflict();

        j(function () {
            j("#IssuedDate").datepicker({

                dateFormat: "mm-dd-yy",
                maxDate: 0,
                changeYear: true,
                yearRange: "-100:+0",
                changeMonth: true
            });


        });




        $(":input").inputmask();
        $("#CompanyTIN").inputmask({ mask: "999999999" });
        $(":input").inputmask();
    $("#MobileNo").inputmask({ mask: "9999999999" });



    $(document).ready(function () {
        $("#ConfirmPassword").on('keyup', function () {
            var password = $("#LoginPassword").val();
            var confirmPassword = $("#ConfirmPassword").val();
            if (password != confirmPassword)
            {
                $("#CheckPasswordMatch").html("Password does not match !").css("color", "red");
                $("#Register").prop('disabled', true);
            }

            else {

                $("#CheckPasswordMatch").html("Password match !").css("color", "green");
                $("#Register").prop('disabled', false);

            }
        });
    });

</script>