<!DOCTYPE html><html lang="ar" dir="rtl"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>Login page</title>
<script async="" src="js/analytics.js"></script><script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="js/scripts.min.js"></script>
<link href="css/skin-blue.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-rtl.css" rel="stylesheet">
<link href="css/AdminLTE_1.css" rel="stylesheet">
<link href="css/dataTables.bootstrap.css" rel="stylesheet">
<link href="css/_all-skins.min.css" rel="stylesheet">
<link href="css/AdminLTE-rtl.min.css" rel="stylesheet">
<link href="css/_all-skins-rtl.min.css" rel="stylesheet">
<link href="css/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="css/bootstrap-timepicker.min.css" rel="stylesheet">
<link href="css/pnotify.custom.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/SGS.style.css" rel="stylesheet">
<link href="css/dropzone.css" rel="stylesheet">
<link href="css/dataTables.responsive.css" rel="stylesheet">
<link href="css/ActifArbre.css" rel="stylesheet">
<link href="css/bootstrap-timepicker.min.css" rel="stylesheet">
<script src="js/jQuery-2.1.4.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.unobtrusive-ajax.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.validate.unobtrusive.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/dropzone.js"></script>
<script src="js/jquery.confirm.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Sortable.js"></script>
<script src="js/ng-sortable.js"></script>
<script src="js/app.js"></script>
<script src="js/globalize.js"></script>
<script src="js/fastclick.min.js"></script>
<script src="js/jquery.easypiechart.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/respond.min.js"></script>
<link href="css/skin-blue.css" rel="stylesheet">
<link href="css/bootstrap_1.css" rel="stylesheet">
<link href="css/bootstrap-rtl.css" rel="stylesheet">
<link href="css/AdminLTE.css" rel="stylesheet">
<link href="css/dataTables.bootstrap.css" rel="stylesheet">
<link href="css/_all-skins.min.css" rel="stylesheet">
<link href="css/AdminLTE-rtl.min.css" rel="stylesheet">
<link href="css/_all-skins-rtl.min.css" rel="stylesheet">
<link href="css/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="css/bootstrap-timepicker.min.css" rel="stylesheet">
<link href="css/pnotify.custom.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/SGS.style.css" rel="stylesheet">
<link href="css/dropzone.css" rel="stylesheet">
<link href="css/dataTables.responsive.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="/ScriptIntegration/assets/img/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="css/login.css">
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/bootstrap-datepicker.ar.min.js"></script>
<script src="js/bootstrap-datepicker.fr.min.js"></script>
<script src="js/bootstrap-timepicker.min.js"></script>
<script src="js/bootstrap3-wysihtml5.all.min.js"></script>
<script src="js/app.min.js"></script>
<script src="js/demo.js"></script>
<script src="js/notifications-1.0.0.js"></script>
<script src="js/pnotify.custom.min.js"></script>
<script src="js/popup-manager.js"></script>
<script src="js/select2.full.js"></script>
<script src="js/SGS_Script.js"></script>
<script src="js/SGS-input-Note.js"></script>
<script src="js/SGS-input-IntegerOnly.js"></script>
<script src="js/SGS-grid-navigation.js"></script>
<script src="js/dataTables.responsive.js"></script>
<script src="js/tree.js"></script>
<script src="js/main.js"></script>
<script src="js/jquery.datetimepicker.full.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/respond.min.js"></script>
<script>
var lang = 'ar';
var culture = 'ar-MA';
</script>
</head>
<body>
<div class="global">
<!-- CONTENT -->
<div class="loginContent">
<div class="main">
<div class="rightSide ">
<div class="welcome">
<div class="inner">
<h1 class="welcomeTitle">مرحبًا بك في حسابك الخاص</h1>
<p class="welcomeDesc">منظومة معلوماتية متكاملة تمكن من إرساء طرق عمل جديدة للتدبير المدرسي على صعيد المؤسسات التعليمية</p>
</div>
</div>
</div>
<div class="leftSide">
<div class="modals" id="loadingDiv"></div>
<div class="inner">
<div class="ministryLogo">
<img src="images/ministry-logo-ar.png" alt="">
</div>
<form action="/Account" class="form-horizontal" method="post" role="form"><input name="__RequestVerificationToken" type="hidden" value="KGkD2p2QSw2FCWju27E0brwDAqVxVmKEIL_WexrXdUsij_ZN5CGpOGivzLysBiHXHjqlr9iB4gQLSwYQdQm5eeWsyIncAlviXWQoS7G38eU1"> <div class="formLogin">
<div class="massarLogo">
<img src="images/massar-logo.png" alt="">
</div>
<div class="formLoginStyle">
<div class="item">
<input title="" class="" data-val="true" data-val-required="المرجوا ادخال اسم المستخدم" id="UserName" name="UserName" placeholder="إسم المستخدم" required="required" type="text" value="">
<span style="display:none" id="errorLogin" class="errorLine">المرجوا ادخال اسم المستخدم</span>
</div>
<div class="item">
<input title="" class="" data-val="true" data-val-required="المرجوا ادخال كلمة المرور" id="Password" name="Password" placeholder="كلمة المرور" required="required" type="password">
<span style="display:none" id="errorPassword" class="errorLine">المرجوا ادخال كلمة المرور</span>
</div>
<div class="item">
<label class="customCheckbox">
<input data-val="true" data-val-required="The حفظ بيانات الدخول field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true"><input name="RememberMe" type="hidden" value="false">
<span> حفظ بيانات الدخول</span>
</label>
</div>
<div class="item">
<button id="btnSubmit" class="submitBtn submitBtn-large" type="button">تسجيل الدخول </button>
</div>
<div class="item">
<a href="#" onclick="MotDePasseOublie()" class="mdp-oublie">استرجاع كلمة المرور</a>
</div>
<div class="errorZone MsgErr" id="MsgError" style="display:none">
<p>يرجى ملء الخانات المطلوبة</p>
</div>
</div>
</div>
</form> <nav class="navLang">
<ul>
<li>
<a class="current" href="/General/SetCulture?culture=ar">
العربية
</a>
</li>
<li>
<a class="" href="/General/SetCulture?culture=fr">
الفرنسية
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="modal fade" id="MotDePasseOublieModal" dir="rtl">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">استرجاع كلمة المرور</h4>
</div>
<div class="modal-body">
<div class="row" style="display:flex;">
<div class="col-md-2">
<i class="fa fa-unlock-alt fa-4x" aria-hidden="true" style="color:#3c8dbc;"></i>
</div>
<div class="col-md-10">
<div class="row">
<div class="col-md-12">
<label>إسم المستخدم :</label>
<div>
<input class="form-control" id="Login" name="Login" type="text" value="">
</div>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-md-12">
<label>أرغب باسترجاع كلمة المرور عن طريق :</label>
<div class="row">
<div class="col-md-6">
<input id="PasswordRec" name="PasswordRec" type="radio" value="0">
<label>البريد الإلكتروني</label>
</div>
<div class="col-md-6">
<input id="PasswordRec" name="PasswordRec" type="radio" value="1">
<label>الهاتف</label>
</div>
</div>
</div>
</div>
<div class="row" id="mail" style="margin-top:15px;">
<div class="col-md-6 form-group">
<label>البريد الإلكتروني :</label>
<div>
<input class="form-control" id="Email" name="Email" type="text" value="">
</div>
</div>
</div>
<div id="phone" class="row" style="margin-top:15px;">
<div class="col-md-6 form-group">
<label>الهاتف :</label>
<div>
<input class="form-control" id="Telephone" name="Telephone" type="text" value="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer" dir="rtl">
<button type="button" class="btn btn-default" data-dismiss="modal">إغلاق</button>
<button type="button" class="btn btn-primary" id="btnPassOublie">تأكيد</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
<div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
<a href="#close" title="Close" class="modal-close-btn">X</a>
<div class="modal-content" style="width:500px !important;margin:10px auto !important;">
<div class="modal-body"></div>
</div>
</div>
<div id="Model_msg" class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div id="Model_msg_Class" class="modal-success">
<div class="modal-header">
<button class="close" aria-label="Close" type="button" data-dismiss="modal"><span aria-hidden="true">×</span></button>
<h4 id="Model_msg_Header_title" class="modal-title">Modal Primary</h4>
</div>
</div>
<div class="modal-body modal-dialog-body">
<p id="Model_msg_body"></p>
</div>
<div class="modal-footer">
<button id="Model_msg_Btn" class="btn btn-primary" data-dismiss="modal" type="button">إغلاق</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<div id="login-popup-container">
</div>
<!-- SCRIPTS -->
<script>
$(document).ready(function () {
window.history.pushState({}, document.title, "/Account");
var isFormValid = true;
$("#UserName").change(function () {
var username = $("#UserName").val();
if ($.trim(username).length == 0) {
$("#UserName").css("error");
$("#errorLogin").show();
$("#MsgError").show();
isFormValid = false;
} else {
$("#UserName").removeAttr("class");
$("#errorLogin").hide();
}
});
$("#Password").on('change',function () {
var password = $("#Password").val();
if ($.trim(password).length == 0) {
$("#Password").css("error");
$("#errorPassword").show();
$("#MsgError").show();
isFormValid = false;
} else {
$("#Password").removeAttr("class");
$("#errorPassword").hide();
}
});
$("#btnSubmit").click(function () {
isFormValid = true;
$("#UserName").trigger("change");
$("#Password").trigger("change");
if (isFormValid == true) {
$("#MsgError").hide();
$(this).closest("form").submit();
}
});
})
</script>
<script>
$("#phone").hide();
$("#mail").hide();
function MotDePasseOublie() {
$('#MotDePasseOublieModal').modal('show');
}
$("#btnPassOublie").click(function () {
if ($("#Login").val() != "") {
var option = $("input[name='PasswordRec']:checked").val();
var IsEmail = false;
var LancePopUp = true;
if (option == 0) {
IsEmail = true;
}
else {
IsEmail = false;
if (phonenumber($("#Telephone").val()) == false && $("#Telephone").val() != "") {
LancePopUp = false;
}
}
if (LancePopUp == true) {
$.ajax({
type: 'POST',
url: '/Account/MotDePasseOublie',
data: {
Login: $("#Login").val(),
Email: $("#Email").val(),
IsEmail: IsEmail,
Telephone: $("#Telephone").val()
},
success: function (result) {
if (result.result == 0) {
$('#MotDePasseOublieModal').modal('hide');
$.successMessageBox("", "لقد تم استرجاع كلمة المرور");
} else {
$("#MotDePasseOublieModal").modal('hide');
$.warningMessageBox("", "اسم المستخدم او البريد الالكتروني غير صحيح");
}
},
error: function (ex) {
}
});
}
} else {
$('#MotDePasseOublieModal').modal('hide');
$.warningMessageBox(' ', 'المرجو ملأ جميع المعطيات');
}
});
$("input[name='PasswordRec']").change(function () {
if ($("input[name='PasswordRec']:checked").val() == 0) {
$("#phone").hide();
$("#mail").show();
}
if ($("input[name='PasswordRec']:checked").val() == 1) {
$("#phone").show();
$("#mail").hide();
}
});
</script>
<script>
//Validate Pohne Number
function phonenumber(inputtxt) {
var reg = new RegExp('^[0-9]{10}$');
if (reg.test(inputtxt)) {
return true;
}
else {
$("#MotDePasseOublieModal").modal('hide');
$.warningMessageBox('', 'رقم الهاتف غير صحيح');
return false;
}
}
</script>
<script type="text/javascript">
$(document).ready(function () {
if ($('#ReadTerms').prop("checked") == false) {
$("#btnSubmitChart").attr("disabled", true);
}
else if ($('#ReadTerms').prop("checked") == true) {
$("#btnSubmitChart").removeAttr("disabled");
}
$('#ReadTerms').click(function () {
if ($(this).prop("checked") == false) {
$("#btnSubmitChart").attr("disabled", true);
}
else if ($(this).prop("checked") == true) {
$("#btnSubmitChart").removeAttr("disabled");
}
});
});
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-80043752-2', 'auto');
ga('send', 'pageview');
$(document).ready(function () {
//affichage du waiter pour les ajax calls (loading...)
$(document).on({
ajaxSend: function (event, xhr, options) {
$('body').addClass('loading');
},
ajaxStop: function () {
$('body').removeClass('loading');
},
ajaxError: function (xhr, props) {
$('body').removeClass('loading');
}
});
});
</script>
</body></html>