Différences

Ci-dessous, les différences entre deux révisions de la page.

--- tutoriel:script_shell [Le 20/02/2022, 08:55]
88.170.129.244 Auto player funky friday roblox
+++ tutoriel:script_shell [Le 28/02/2024, 22:59]
105.74.9.77 [Liens]
@@ Ligne 3: / Ligne 3: @@
 ----
-loadstring(game:HttpGet("https://raw.githubusercontent.com/wally-rblx/funky-friday-autoplay/main/main.lua",true))()
+====== Introduction aux scripts shell ======
+Un script shell permet d'automatiser une série d'opérations. Il se présente sous la forme d'un fichier contenant une ou plusieurs commandes qui  seront exécutées de manière séquentielle. Fantastique.
+<code bash>
+#!/bin/bash
+# This script will take an animated GIF and delete every other frame
+# Accepts two parameters: input file and output file
+# Usage: ./<scriptfilename> input.gif output.gif
+# Make a copy of the file
+cp "$1" "$2"
+# Get the number of frames
+numframes=$(gifsicle --info "$1" \
+              | grep --perl-regexp --only-matching '\d+ images' \
+              | grep --perl-regexp --only-matching '\d+')
+# Deletion
+let i=0
+while test $i -lt $numframes
+do
+    rem=$(( $i % 2 ))
+    if test $rem -eq 0
+    then
+        gifsicle "$2" --delete "#"$(($i/2)) -o "$2"
+    fi
+    let i=i+1
+done
+</code>
 =====Pour faire qu'un script soit exécutable =====
@@ Ligne 9: / Ligne 39: @@
 Votre script est un simple fichier texte, par défaut il s'ouvre donc avec l'éditeur de texte défini par défaut (ex : [[:gedit|Gedit]] dans une session Unity ou Gnome).\\
-Pour qu'il soit autorisé à se lancer en tant que programme, il faut modifier ses propriétés.\\
+Pour qu'il soit autorisé à se lancer en tant que programme, il faut modifier ses propriétés.
 Pour cela faites un clic droit sur son icône, et dans l'onglet "Permissions" des "Propriétés", cocher la case //"autoriser l'exécution du fichier comme un programme"//.
@@ Ligne 48: / Ligne 78: @@
 Ajouter un répertoire au PATH peut donc être très pratique. Par convention, ce répertoire s'appelle **bin** et se place dans votre répertoire personnel. Si votre répertoire personnel est /home/toto, ce répertoire sera donc **/home/toto/bin**.
-Pour pouvoir utiliser mes scripts en tapant directement leur nom (sans le "./") depuis n'importe quel répertoire de mon ordinateur, il me suffit d'indiquer au shell de chercher aussi dans ce nouveau dossier en l'ajoutant au PATH.
+Pour pouvoir utiliser vos scripts en tapant directement leur nom (sans le "./") depuis n'importe quel répertoire de votre ordinateur, il vous suffit d'indiquer au shell de chercher aussi dans ce nouveau dossier en l'ajoutant au PATH.
 Pour ceci, il suffit de faire :
   export PATH=$PATH:$HOME/bin
@@ Ligne 74: / Ligne 104: @@
   * ksh (<=> ksh88 sur Solaris et équivaut à ksh93 sur les autres UNIX/Linux cf.[[http://en.wikipedia.org/wiki/Korn_shell#History|Korn shell History]]): shells korn écrits par David Korn, pdksh (Public Domain Korn Shell <=> ksh88) ;
   * rc : shell C, lui aussi conçu par le projet GNU ;
   * tclsh : shell utilisant Tcl ;
   * wish : shell utilisant Tk .
 Il existe bien entendu beaucoup d'autres types de shells.\\ Pour savoir quel type de shell est présent sur une machine, aller dans un terminal et taper la commande **ps**.
@@ Ligne 83: / Ligne 113: @@
 ===== Les variables =====
 Il faut savoir que en bash les variables sont toutes des chaînes de caractères.\\
 Cela dépendra de son USAGE, pour une opération arithmétique prochaine voir : let ma_variable sinon pour conserver une valeur :
 il suffit de lui donner un nom et une valeur avec l'affectation égale :
 <code bash>
@@ Ligne 151: / Ligne 181: @@
 Exemple: un sleep interactif pour illustrer $! (Cf. [[:tutoriel:script_shell#les_fonctions|les fonctions]]).\\
-Pour déclarer un tableau, plusieurs méthodes :\\
+Pour déclarer un tableau, plusieurs méthodes :
 première méthode (compatible bash, zsh, et ksh93 mais pas ksh88, ni avec dash, qui est lancé par "sh") :
 <code bash>tab=("John Smith" "Jane Doe")</code>
@@ Ligne 185: / Ligne 215: @@
 renverront la même réponse.
 NB2 : les tableaux sont séparés par un séparateur défini : l'IFS.
 Par défaut l'IFS est composé des trois caractères : $' \t\n' soit espace, tabulation, saut de ligne.
 Il peut être forcé sur un autre caractère.
 <code bash>IFS=$SEPARATEUR</code>
@@ Ligne 222: / Ligne 252: @@
     echo "Bien joué !"
   else
-    echo "Non mais quand même !!! C'ÉTAIT $1 ET NON PAS $Reslt PETIT FRIPON !!!"
+    echo "Non mais quand même !!! SAPERLIPOPETTE C'ÉTAIT $1 ET NON PAS $Reslt ESPECE DE NOUILLE !!!"
-    sleep 3 # Juste pour le fun du script qui rage ;-p
+    sleep 3 # Juste pour le fun du script qui enrage ;-p
-    echo "Donc je te bannis de ubuntu-fr.org ! Et toc !! Tu ne peux rien contre moi !!!"
+    echo "Désolé, je te bannis de ubuntu-fr.org ! Et schbim !! Dommage tu ne peux rien contre moi !!!"
     exit 1
   fi
@@ Ligne 355: / Ligne 385: @@
     ls -la
 elif [ "$ouinon" = "n" ] || [ "$ouinon" = "N" ]; then
-    echo "Ok, bye! "
+    echo "Ok, Aurevoir! "
 else
     echo "Il faut taper Y ou N!! Pas $ouinon"
@@ Ligne 383: / Ligne 413: @@
 Exemple :
-créer le répertoire toto s'il n' existe pas
+créer le répertoire titi s'il n' existe pas
 <code bash>
-[ ! -d /tmp/toto ] && mkdir /tmp/toto
+[ ! -d /tmp/titi ] && mkdir /tmp/titi
-[ -d /tmp/toto ] || mkdir /tmp/toto
+[ -d /tmp/titi ] || mkdir /tmp/titi
-test ! -d /tmp/toto && mkdir  /tmp/toto
+test ! -d /tmp/titi && mkdir  /tmp/titi
-rm -rf /tmp/toto;mkdir /tmp/toto
+rm -rf /tmp/titi;mkdir /tmp/titi
 </code>
@@ Ligne 505: / Ligne 535: @@
 case "$on" in
-    oui | o | O | Oui | OUI ) echo "Allez faire du café !";;
+    oui | o | O | Oui | OUI ) echo "Allez boire un Thé !";;
     non | n | N | Non | NON ) echo "Programmez !";;
     * ) echo "Ah bon ?";;
@@ Ligne 517: / Ligne 547: @@
 <code bash>
 case "$truc....." in
-    [nN] *) echo "Blablabla...";;
+    [nN] *) echo "Blablablabla...";;
     n* | N* ) echo "Bla....";;
 </code>
@@ Ligne 664: / Ligne 694: @@
 </code>
 Comme vous l'avez sans doute remarqué, quand on appelle la fonction, on exécute simplement ce qu'on lui a défini au début, dans notre exemple, echo... et ls -l, on peut donc faire exécuter n'importe quoi à une fonction.
 Les fonctions peuvent être définies n'importe où dans le code du moment qu'elles sont définies avant d'être utilisées. Même si en bash les variables sont globales, il est possible de les déclarer comme locales au sein d'une fonction en la précédant du mot clé local: local ma_fonction .
@@ Ligne 702: / Ligne 732: @@
 #favoritefood
 if [ ${LANG:0:2} = "fr" ]; then
-    echo "Vous aimez les moules frites !"
+    echo "Vous aimez la choucroute !"
 elif [ ${LANG:0:2} = "en" ]; then
-    echo "You love the... pudding !"
+    echo "You love the... raclette !"
 elif [ ${LANG:0:2} = "es" ]; then
-    echo "Te gusta el jamón !"
+    echo "Te gusta el pata negra !"
 else
     echo ":'-("
@@ Ligne 715: / Ligne 745: @@
 <code bash>
 $ ./favoritefood
-Vous aimez les moules frites !
+Vous aimez la choucroute !
 $ env LANG=en ./favoritefood
-You love the... pudding !
+You love the... raclette!
 $ env LANG=es ./favoritefood
-Te gusta el jamón !
+Te gusta el pata negra!
 $ env LANG=it ./favoritefood
 :'-(
@@ Ligne 796: / Ligne 826: @@
 <code bash>
-echo -e '\033[1;30;47m toto \033[0;32m est sur \033[1;33m un bateau \033[0m'
+echo -e '\033[1;30;47m titi \033[0;32m est sur \033[1;33m un bateau \033[0m'
 </code>
 ===== Exemples et exercices =====
-Comme indiqué dans la [[script_shell#liens|section liens]] de cette page, de très bon exemples et exercices illustrent le cours disponible sur cette page :\\
+Comme indiqué dans la [[script_shell#liens|section liens]] de cette page, de très bon exemples et exercices illustrent le cours disponible sur cette page :
-[[http://abs.traduc.org/abs-5.3-fr/apm.html|Guide avancé d'écriture des scripts Bash - Une exploration en profondeur de l'art de la programmation shell]]
+[[https://abs.traduc.org/abs-5.3-fr/apm.html|Guide avancé d'écriture des scripts Bash - Une exploration en profondeur de l'art de la programmation shell]]
 Aux structures décrites ci-dessus, il est nécessaire, pour réaliser des scripts poussés, de connaître les commandes shell les plus usitées.\\ Vous en trouverez une présentation sur cette autre page du wiki : [[projets:ecole:scripting:initiation_au_shell]] .
-La programmation de script shell étant ouverte à tous, cela permet de bénéficier de nombreux scripts pour des applications très variées ; cependant, **la plupart sont proposés sans aucune garantie**.\\
+La programmation de script shell étant ouverte à tous, cela permet de bénéficier de nombreux scripts pour des applications très variées ; cependant, **la plupart sont proposés sans aucune garantie**.
 Vous pourrez trouver une liste de scripts pouvant servir d'exemples sur la page [[:scripts_utiles|scripts utiles]] du wiki.
-Une fois vos armes faites, proposez vos contributions sur le topic du forum [[http://forum.ubuntu-fr.org/viewtopic.php?id=204074|[VOS SCRIPTS UTILES]]] et rajoutez un lien dans la page du wiki ci-dessus.
+Une fois vos armes faites, proposez vos contributions sur le topic du forum [[https://forum.ubuntu-fr.org/viewtopic.php?id=204074|[VOS SCRIPTS UTILES]]] et rajoutez un lien dans la page du wiki ci-dessus.
 ===== L'art d'écrire un script =====
@@ Ligne 847: / Ligne 877: @@
 Exemple :
 supposons que vous ayez une base de données, avec 3 catégories d'enregistrements possibles :
-éléphant bleu, éléphant blanc, éléphant rose ayant chacun 30 individus.
+canard bleu, canard blanc, canard rose ayant chacun 30 individus.
 Votre script doit compter le nombre d'éléphants bleus et blancs.
 Deux possibilités s'offrent à vous :
-  * calculer le nombre d'éléphants bleus + éléphants blancs
+  * calculer le nombre de canard verts + canard violets
 ou
-  * calculer le nombre total d'éléphants - nombre d'éléphants roses
+  * calculer le nombre total de canard - nombre de canard roses
 Quel algorithme choisissez-vous ?
-Résultat : le premier car dans le deuxième il faut d'abord calculer le nombre total d'éléphants, donc un calcul en plus :-P .
+Résultat : le premier car dans le deuxième il faut d'abord calculer le nombre total de canard.
-===== Liens =====
+<!DOCTYPE html>
+<html lang="en">
-  * (fr) http://marcg.developpez.com/ksh/ : Pour ceux qui souhaitent aller plus loin dans la conception de script shell.
+<head>
-  * (fr) [[http://abs.traduc.org/abs-fr/|Guide avancé d'écriture des scripts Bash]] : Un très bon tutoriel concernant la réalisation du script shell. C'est l'un des plus complets et les mieux détaillés disponibles en français. Il contient également [[http://abs.traduc.org/abs-5.3-fr/apa.html|des exemples de script complets]], une [[http://abs.traduc.org/abs-5.3-fr/apb.html|carte de référence]] (variables, tests...). Ce site est un site qui vaut réellement le détour pour tous ceux qui cherchent à créer des scripts complets en utilisant au mieux les performances du shell.
+    <title>Morocco BLS Spain Visa: Welcome to the Official Website Spain Visa Application Centre in Morocco</title>
-  * (fr) https://openclassrooms.com/courses/reprenez-le-controle-a-l-aide-de-linux : Un tutoriel très complet pour linux qui comporte quelques parties sur la réalisation de scripts bash.
-  * (en) [[http://www.ibm.com/developerworks/library/l-bash-parameters.html|Bash parameters and parameter expansions]]. En anglais mais contient de nombreux exemples concernant la gestion et l'analyse des paramètres.
-  * (fr ) [[ftp://ftp-developpez.com/eric-sanchis/IntroProgBash.pdf|Introduction à Bash]]
-  * (fr ) [[http://www.scotchlinux.tuxfamily.org/]] exemples de scripts bash, quelques trucs utiles ( fonctions, fonctions comme paramètres... )
-  * (en) [[https://www.shellcheck.net/]] Permet de corriger la syntaxe du script (parenthèse oubliée, graphie incorrecte d'une commande, un "if" sans son "fi", un "while sans son "do" ou son "done", etc...).
-----
+    <!-- Meta Tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="Morocco BLS Spain Visa">
-//Contributeurs: [[:utilisateurs:Gapz]], [[:utilisateurs:Gloubiboulga]] ,[[:utilisateurs:sparky]] et [[:utilisateurs:deax_one]]//
+    <script>
+        const storedTheme = localStorage.getItem('theme')
+        const getPreferredTheme = () => {
+            if (storedTheme) {
+                return storedTheme
+            }
+            return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+        }
+        const setTheme = function (theme) {
+            if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                document.documentElement.setAttribute('data-bs-theme', 'dark')
+            } else {
+                document.documentElement.setAttribute('data-bs-theme', theme)
+            }
+        }
+        setTheme(getPreferredTheme())
+        window.addEventListener('DOMContentLoaded', () => {
+            var el = document.querySelector('.theme-icon-active');
+            if (el != 'undefined' && el != null) {
+                const showActiveTheme = theme => {
+                    const activeThemeIcon = document.querySelector('.theme-icon-active use')
+                    const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
+                    const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
+                    document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
+                        element.classList.remove('active')
+                    })
+                    btnToActive.classList.add('active')
+                    activeThemeIcon.setAttribute('href', svgOfActiveBtn)
+                }
+                window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+                    if (storedTheme !== 'light' || storedTheme !== 'dark') {
+                        setTheme(getPreferredTheme())
+                    }
+                })
+                showActiveTheme(getPreferredTheme())
+                document.querySelectorAll('[data-bs-theme-value]')
+                    .forEach(toggle => {
+                        toggle.addEventListener('click', () => {
+                            const theme = toggle.getAttribute('data-bs-theme-value')
+                            localStorage.setItem('theme', theme)
+                            setTheme(theme)
+                            showActiveTheme(theme)
+                        })
+                    })
+            }
+        })
+    </script>
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="/assets/images/favicon.png">
+    <!-- Google Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap">
+    <!-- Plugins CSS -->
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/font-awesome/css/all.min.css?v=AbA177XfpSnFEvgpYu1jMygiLabzPCJCRIBtR5jGc0k">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/bootstrap-icons/bootstrap-icons.css?v=4RctOgogjPAdwGbwq-rxfwAmSpZhWaafcZR9btzUk18">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/tiny-slider/tiny-slider.css?v=1CXVlacnwYLmg9X2AhCKvYcSgR53GWiU3z4qZJDrb68">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/glightbox/css/glightbox.css?v=yMoCTayb6wccTz561YN_R0qkP756JifYXnA40MUtR-k">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/flatpickr/css/flatpickr.min.css?v=RXPAyxHVyMLxb0TYCM2OW5R4GWkcDe02jdYgyZp41OU">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/choices/css/choices.min.css?v=IhTRSpOAAOl37YqrDOlNjxD6S4lzZ_n2WqKtc03i0mE">
+    <!-- Theme CSS -->
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/bootstrap/dist/css/bootstrap.min.css?v=YLGeXaapI0_5IgZopewRJcFXomhRMlYYjugPLSyNjTY">
+    <link rel="stylesheet" type="text/css" href="/assets/css/style.css?v=de-9WIa9z8cZXAVKAywSh1vOyouay5jH6hy6oE4R0xc">
+    <link rel="stylesheet" type="text/css" href="/assets/css/color.css?v=biNDUrJj74VlRbGB7tvoVV8aOPeiVsRt7L_VDdhggXQ" />
+    <link rel="stylesheet" type="text/css" href="/css/site.css?v=ekmtryaKttePPamW3CxEz99-N5ruMwA9JAkOw57RgzI" />
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/kendo/css/kendo.common.min.css">
+    <link rel="stylesheet" type="text/css" href="/assets/vendor/kendo/css/kendo.silver.min.css">
+    <style>
+    </style>
+    <script src="/assets/vendor/jquery/dist/jquery.min.js"></script>
+    <script src="/assets/vendor/jquery-validation/dist/jquery.validate.min.js"></script>
+    <script src="/assets/vendor/jquery-ajax-unobtrusive/jquery-ajax-unobtrusive.js"></script>
+    <script src="/assets/vendor/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
+    <script type="text/javascript" src="https://5f2749aa43d4.eu-central-1.sdk.awswaf.com/5f2749aa43d4/4bc7b7b893fe/challenge.js"  defer></script>
+    <script>
+        $.ajaxSetup({
+            beforeSend: function (xhr, options) {
+                if (options.type.toUpperCase() == "POST") {
+                    xhr.setRequestHeader("RequestVerificationToken", $('input:hidden[name="__RequestVerificationToken"]').val());
+                }
+            }
+        });
+    </script>
+</head>
+<body>
+    <div class="preloader">
+        <div class="preloader-item">
+            <div class="spinner-grow text-primary"></div>
+        </div>
+    </div>
+    <div id="global-overlay" class="global-overlay">
+        <div class="global-overlay-loader">
+        </div>
+    </div>
+    <header class="navbar-light header-sticky">
+        <!-- Nav START -->
+        <nav class="navbar navbar-expand-xl z-index-9 navbar-divider">
+            <div class="container">
+                <!-- Logo START -->
+                <a class="navbar-brand" href="/MAR/home/index">
+                    <img class="light-mode-item navbar-brand-item" src="/assets/images/logo.png" alt="BLS Logo" title="BLS Logo">
+                    <img class="dark-mode-item navbar-brand-item" src="/assets/images/logo.png" alt="logo">
+                </a>
+                <!-- Logo END -->
+                <!-- Responsive navbar toggler -->
+                <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="bi bi-search fs-4"> </i>
+                </button>
+                <!-- Responsive navbar toggler -->
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse2" aria-controls="navbarCollapse2" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-animation">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </span>
+                </button>
+                <!-- Main navbar START -->
+                <div class="navbar-collapse collapse" id="navbarCollapse">
+                    <div class="col-md-9">
+                        <div class="nav my-3 my-xl-0 px-4 flex-nowrap align-items-center">
+                            <div class="nav-item w-100">
+                                <div class="align-items-center position-relative">
+                                    <div class="align-items-center text-primary" style="font-size:30px;font-weight:700;">Apply for VISA to Spain In Morocco</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="align-items-center position-relative">
+                            <small class="text-secondary mb-1">Follow us on</small>
+                            <ul class="list-inline mb-3 mt-0">
+                                <li class="list-inline-item"> <a class="btn btn-sm px-2 bg-facebook mb-0" href="https://www.facebook.com/blsinternationalservices/" target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
+                                <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-instagram mb-0" href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i class="fab fa-fw fa-instagram"></i></a> </li>
+                                <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices" target="_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
+                                <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-international-services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <!-- Main navbar END -->
+                <!-- Profile and notification START -->
+                <ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
+                    <li class="dropdown nav-item">
+                        <a class="nav-link small pb-2" href="#" role="button" id="languageDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            <img class="w-30px me-2" src="/assets/images/flags/en-US.svg" alt=""><small>English</small>
+                        </a>
+                        <ul class="dropdown-menu dropdown-animation dropdown-menu-end min-w-auto" aria-labelledby="languageDropdown">
+                            <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('en-US');"><img class="fa-fw me-2" src="/assets/images/flags/en-US.svg" alt="">English</a> </li>
+                            <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('es-ES');"><img class="fa-fw me-2" src="/assets/images/flags/es-ES.svg" alt="">Español</a> </li>
+                            <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('fr-FR');"><img class="fa-fw me-2" src="/assets/images/flags/fr-FR.svg" alt="">Français</a> </li>
+                        </ul>
+                    </li>
+                        <li class="nav-item ms-3 dropdown">
+                            <!-- Avatar -->
+                            <a class="avatar avatar-sm p-0 mt-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <img onerror="OnPhotoError(this);" class="avatar-img rounded-2" src="/assets/images/avatar/01.jpg" alt="Profile">
+                            </a>
+                            <!-- Profile dropdown START -->
+                            <ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
+                                <!-- Profile info -->
+                                <li class="px-3 mb-3">
+                                    <div class="d-flex align-items-center">
+                                        <!-- Avatar -->
+                                        <div class="avatar me-3">
+                                                <img onerror="OnPhotoError(this);" class="avatar-img rounded-circle shadow" src="/assets/images/avatar/01.jpg" alt="Profile">
+                                        </div>
+                                        <div>
+                                            <a class="h6 mt-2 mt-sm-0" href="#">AIT EL ABED SADIA</a>
+                                            <p class="small m-0">ABEDSAADIYA4@GMAIL.COM</p>
+                                        </div>
+                                    </div>
+                                </li>
+                                <!-- Links -->
+                                <li> <hr class="dropdown-divider"></li>
+                                <li></li>
+                                <li><a class="dropdown-item" href="/MAR/account/DeleteUser"><i class="fa fa-trash fa-fw me-2"></i>Delete Account</a></li>
+                                <li><a class="dropdown-item" href="/MAR/account/ChangePassword?userId=0925dc09-6838-48a4-8fa3-029eccd24552"><i class="fa fa-key fa-fw me-2"></i>Change Password</a></li>
+                                <li><a class="dropdown-item bg-danger-soft-hover" href="javascript:OnLogout();"><i class="fa fa-power-off me-2"></i>Logout</a></li>
+                                <li> <hr class="dropdown-divider"></li>
+                                <!-- Dark mode options START -->
+                                <!-- Dark mode options END-->
+                            </ul>
+                            <!-- Profile dropdown END -->
+                        </li>
+                    <!-- Profile dropdown START -->
+                    <!-- Profile dropdown END -->
+                </ul>
+                <!-- Profile and notification END -->
+            </div>
+        </nav>
+        <!-- Nav END -->
+        <!--Main menu link START -->
+        <nav class="navbar navbar-expand-xl navbar-divider">
+            <div class="container px-0">
+                <!-- Main navbar START -->
+                <div class="navbar-collapse w-100 collapse" id="navbarCollapse2">
+                    <ul class="navbar-nav nav-active-line navbar-nav-scroll mx-auto">
+                        <li class="nav-item"> <a class="nav-link home-active" href="/MAR/home/index"><i class="fa fa-home"></i></a>	</li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle visa-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Visa Type</a>
+                            <ul class="dropdown-menu" aria-labelledby="pageMenu">
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/schengenvisa">
+                                        <i class="text-warning fa fa-globe me-2"></i>Schengen Visa
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="https://www.exteriores.gob.es/es/ServiciosAlCiudadano/Paginas/Servicios-consulares.aspx" target="_blank">
+                                        <i class="text-info fa fa-globe me-2"></i>National Visa
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <!-- Nav item -->
+                        <li class="nav-item"> <a class="nav-link new-app-active" href="/MAR/bls/vtv">Book New Appointment</a>	</li>
+                        <!-- Nav item -->
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle my-app-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Manage Appointments</a>
+                            <ul class="dropdown-menu" aria-labelledby="pageMenu">
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/blsappointment/BLSCancelAppointment">
+                                        <i class="text-danger fa-regular fa-calendar-xmark me-2"></i>Cancel Appointment
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/blsappointment/BLSReprintAppointmentLetter">
+                                        <i class="text-info fa-solid fa-print me-2"></i>Re-Print Appointment Letter
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/blsappointment/ManageApplicant">
+                                        <i class="text-info fa-solid fa-users me-2"></i>Manage Applicants
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item"> <a class="nav-link contact-active" href="/MAR/bls/VisaApplicationStatus">Application Status</a>	</li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle gen-info-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">General Info</a>
+                            <ul class="dropdown-menu" aria-labelledby="pageMenu">
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/customerexperience">
+                                        <i class="text-warning fa fa-face-smile me-2"></i>Customer Experience
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/additionalservices">
+                                        <i class="text-danger fa fa-user-plus me-2"></i>Additional Services
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/publicholidaysclosures">
+                                        <i class="text-info fa fa-umbrella-beach me-2"></i>Public Holidays
+                                    </a>
+                                </li>
+                                <li> <hr class="dropdown-divider"></li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/usefullinks">
+                                        <i class="text-success fa fa-link me-2"></i>Useful Links
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/securityrules">
+                                        <i class="text-orange fa fa-lock me-2"></i>Security Rules
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/faq">
+                                        <i class="text-orange fa fa-lock me-2"></i>FAQs
+                                    </a>
+                                </li>
+                                <li>
+                                    <a class="dropdown-item" href="/MAR/bls/contactus">
+                                        <i class="text-orange fa fa-contact-card me-2"></i>Contact Us
+                                    </a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item"> <a class="nav-link doorstep-active" href="/MAR/bls/doorstepservice">Doorstep Service</a>	</li>
+                    </ul>
+                </div>
+                <!-- Main navbar END -->
+            </div>
+        </nav>
+        <!--Main menu link END -->
+    </header>
+    <!-- **************** MAIN CONTENT START **************** -->
+    <main>
+<style>
+    .form-check-input {
+        margin-top: 0.2em !important;
+        margin-left: 0px !important;
+        margin-right: 5px !important;
+    }
+</style>
+<main id="div-main">
+    <div class="container h-100 p-md-3 p-sm-2">
+        <div class="row">
+            <div class="col-md-5">
+            </div>
+            <div class="bg-mode shadow rounded-3 overflow-hidden p-3 col-md-3">
+                <div class="text-center col-12">
+                    <a href="index.html">
+                        <img class="h-50px mb-2" src="/assets/images/logo.png" alt="logo">
+                    </a>
+                </div>
+                <h5 class="pt-3 text-center" style="width:100%;">Book New Appointment</h5>
+                <form class="mt-4 text-start" method="post" data-ajax-begin="onAjaxBegin" data-ajax-success="onAjaxSuccess" data-ajax="true" data-ajax-method="POST" action="/MAR/bls/vtv">
+                    <div class="validation-summary text-danger mb-3 validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
+</ul></div>
+                    <input id="CaptchaData" name="CaptchaData" type="hidden" value="" />
+                    <!-- Button -->
+                    <div class="pt-5 pb-3 text-center">
+                        <button class="btn btn-primary-soft" id="btnVerify" type="button" onclick="VerifyCaptcha();">Verify Selection</button>
+                        <button type="button" id="btnVerified" formnovalidate="formnovalidate" style="display:none;" class="btn btn-success text-center" disabled><i class="fa fa-badge-check pr-2"></i>Verified</button>
+                        <button class="btn btn-primary" style="display:none;" id="btnSubmit" type="submit">Submit</button>
+                    </div>
+                <input name="__RequestVerificationToken" type="hidden" value="CfDJ8Ca35kE8XjpDjtrp1eZXg8RzzJIMlJbMzgi5D_ZdoOzOrlHiGDh8euc5Dr2lZGtoMlLj26q3v4diUUDht-gpajaA0cd9AkADjdx4shuy7FqmJkBj2fHgZQQv4UsCRM1Ww_kTnAErRVEOhHkfKpKtUAbk4Kj6UHUcjnbDrgXZa4Z5llsc-WhE8tuGCFb6Gqrz2A" /></form>
+            </div>
+            <div class="col-md-4">
+            </div>
+        </div>
+    </div>
+</main>
+<div class="modal fade" style="z-index:99999;" data-bs-backdrop="static" data-bs-keyboard="false" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h6 class="modal-title">Disclaimer<span style="font-weight:600;color:black"></span></h6>
+            </div>
+            <div class="modal-body scam-body" style="font-weight:500">
+                I grant permission and give my consent to BLS International for capturing of electronic images for Liveness detection purpose. This is a requirement in order to complete online appointment request.
+            </div>
+            <div class="modal-footer text-center">
+                <button class="btn btn-success btn-block" type="button" data-bs-dismiss="modal" onclick="onBioDisclaimerAccept();">I agree to provide my consent</button>
+                <button class="btn btn-danger btn-block" type="button" onclick="onReject();">I disagree and don&#x27;t give my consent</button>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="modal fade" style="z-index:99999;" data-bs-backdrop="static" data-bs-keyboard="false" id="dpModal" tabindex="-1" role="dialog" aria-labelledby="dpModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h6 class="modal-title">Data Protection Information<span style="font-weight:600;color:black"></span></h6>
+            </div>
+            <div class="modal-body scam-body" style="font-weight:400">
+                <p align="center" style="text-align:center;"><strong><span>Data protection information</span></strong></p>
+<p><strong><span>&nbsp;</span></strong></p>
+<p><strong><span>Responsible for&nbsp;data processing</span></strong></p>
+<p><span>Ministry of Foreign Affairs, European Union and Cooperation</span></p>
+<p><span lang="EN-GB">Postal address: </span><span>Data Protection Section</span><span lang="EN-GB">, Plaza de la Provincia, 1, 28012 Madrid, Spain.</span></p>
+<p><span>Email: </span><span lang="ES"><a href="mailto:dpd@maec.es"><span lang="EN-US">dpd@maec.es</span></a></span></p>
+<p><span>&nbsp;</span></p>
+<p><strong><span>Purpose</span></strong></p>
+<p><span>Management of the appointment for the delivery of documentation related to the start of visa application procedures.</span></p>
+<p><span>&nbsp;</span></p>
+<p><strong><span>Legal basis for processing</span></strong></p>
+<p><span>The data subject gave his or her explicit consent to the processing of such personal data for one or more of the specified purposes, except where Union or Member State law provides that the prohibition referred to in paragraph 1 cannot be lifted by the data subject.</span></p>
+<p><span>&nbsp;</span></p>
+<p><strong><span>Transfers and/or international transfers of data</span></strong></p>
+<p><span>No transfers to third parties will be made unless required by court order. </span></p>
+<p><span>No international transfers to third parties will be made.</span></p>
+<p><strong><span>Exercise of rights</span></strong></p>
+<p><span>You can exercise your rights of access, rectification, deletion and portability of data, as well as the mandatory rights of limitation or opposition to their processing, by sending an email to </span><span lang="ES"><a href="mailto:dpd@maec.es"><span lang="EN-US">dpd@maec.es</span></a></span><span>, in which case we will respond within one month.</span></p>
+<p><span>&nbsp;</span></p>
+<p><strong><span>Right to complain</span></strong></p>
+<p><span>You have the right to file a complaint with the Spanish Data Protection Agency in the event that you consider that the exercise of your rights has not been properly addressed.</span></p>
+<p><span style="color:red;">&nbsp;</span></p>
+<p><span>For more information on the processing of your data,<a href="/mar/bls/privacypolicy" target="_blank">Click here</a></span></p>
+<p><span>&nbsp;</span></p>
+            </div>
+            <div class="modal-footer text-center">
+                <button class="btn btn-success btn-block" type="button" data-bs-dismiss="modal" onclick="onDpAccept();">I have read and understood the information on data protection and I explicitly consent to the data treatment</button>
+                <button class="btn btn-danger btn-block" type="button" onclick="onDpReject();">I disagree and don&#x27;t give my consent</button>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    $(document).ready(function () {
+    });
+      function onAjaxSuccess(res) {
+        if (res.success) {
+            window.location.href = res.returnUrl;
+        }
+        else {
+            HideLoader();
+            ShowError(res.error);
+        }
+    }
+    function onReject() {
+        window.location.href = "/MAR/BlsAppointment/LivenessRejection";
+    }
+    function onBioDisclaimerAccept() {
+    }
+    function biometricAccepted() {
+        ShowLoader();
+         $.ajax({
+             url: "/MAR/BlsAppointment/biometricaccepted",
+                success: function(result) {
+                    HideLoader();
+                    $("#dpModal").modal('show');
+             },
+             error: function (err) {
+                 HideLoader();
+             }
+            });
+    }
+    function onDpAccept() {
+        ShowLoader();
+        window.location.href = "/MAR/BlsAppointment/DataProtectionEmailSent";
+    }
+    function onDpReject() {
+        window.location.href = "/MAR/BlsAppointment/DataProtectionRejection";
+    }
+    function VerifyCaptcha(e, obj) {
+        var win = GetMainWindow();
+        var title = 'Verify Selection';
+        win.iframeOpenUrl = '/MAR/NewCaptcha/GenerateCaptcha';
+        win.OpenWindow({ Title:title, Width: 400, Height: 600 });
+        return false;
+    }
+    function OnVerifyCaptcha(res) {
+        if (res.exceeded) {
+            window.location.href = window.location.href.split("?")[0];
+            return false;
+        }
+        else if (res.success) {
+            $("#btnVerify").hide();
+            $("#btnVerified").show();
+            $("#btnSubmit").show();
+            $("#CaptchaData").val(res.cd);
+        }
+    }
+</script>
+    </main>
+    <!-- **************** MAIN CONTENT END **************** -->
+    <!-- =======================
+    Footer START -->
+    <footer class="bg-dark pt-5">
+        <div class="container">
+            <!-- Row START -->
+            <div class="row g-4">
+                <!-- Widget 1 START -->
+                <div class="col-lg-3">
+                    <!-- logo -->
+                    <a href="index.html">
+                        <img class="h-40px" src="/assets/images/logo.png" alt="logo">
+                    </a>
+                    <h4 class="my-3 text-primary">BLS International</h4>
+                </div>
+                <!-- Widget 1 END -->
+                <!-- Widget 2 START -->
+                <div class="col-lg-8 ms-auto">
+                    <div class="row g-4">
+                        <!-- Link block -->
+                        <div class="col-6 col-md-4">
+                            <h5 class="text-white mb-2 mb-md-4">Page</h5>
+                            <ul class="nav flex-column text-primary-hover">
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/aboutus">About us</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/contactus">Contact Us</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/customerexperience">Customer Experience</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/additionalservices">Additional Services</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/PublicHolidaysClosures">Public Holidays</a></li>
+                            </ul>
+                        </div>
+                        <!-- Link block -->
+                        <div class="col-6 col-md-4">
+                            <h5 class="text-white mb-2 mb-md-4">Link</h5>
+                            <ul class="nav flex-column text-primary-hover">
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/account/registeruser"></a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/account/login">Sign up</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/faq">FAQs</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/usefullinks">Useful Links</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/securityrules">Security Rules</a></li>
+                            </ul>
+                        </div>
+                        <!-- Link block -->
+                        <!-- Link block -->
+                        <div class="col-6 col-md-4">
+                            <h5 class="text-white mb-2 mb-md-4">Booking</h5>
+                            <ul class="nav flex-column text-primary-hover">
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/blsappointment/manageappointment">Book Appointment</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/blsappointment/myappointments">My Appointment</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/visatype">Visa Type</a></li>
+                                <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/doorstepservice">Doorstep Service</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <!-- Widget 2 END -->
+            </div><!-- Row END -->
+            <div class="row g-4 justify-content-between mt-0 mt-md-2">
+                <!-- Payment card -->
+                <div class="col-sm-7 col-md-6 col-lg-4">
+                    <small style="position:relative;top:60px;">V&nbsp;4.4</small>
+                </div>
+                <!-- Social media icon -->
+                <div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
+                    <h5 class="text-white mb-2">Follow us on</h5>
+                    <ul class="list-inline mb-0 mt-3">
+                        <li class="list-inline-item"> <a class="btn btn-sm px-2 bg-facebook mb-0" href="https://www.facebook.com/blsinternationalservices/" target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
+                        <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-instagram mb-0" href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i class="fab fa-fw fa-instagram"></i></a> </li>
+                        <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices" target="_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
+                        <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-international-services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
+                    </ul>
+                </div>
+            </div>
+            <!-- Divider -->
+            <hr class="mt-4 mb-0">
+            <!-- Bottom footer -->
+            <div class="row">
+                <div class="container">
+                    <div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-lg-start">
+                        <!-- copyright text -->
+                        <div class="text-muted text-primary-hover">©BLS International 2024.</div>
+                        <!-- copyright links-->
+                        <div class="nav mt-2 mt-lg-0">
+                            <ul class="list-inline text-primary-hover mx-auto mb-0">
+                                <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="/MAR/bls/privacypolicy">Privacy policy</a></li>
+                                <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="/MAR/bls/cookiespolicy">Cookies Policy</a></li>
+                                <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted pe-0" href="/MAR/bls/disclaimer">Disclaimer</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <!-- =======================
+    Footer END -->
+    <!-- Back to top -->
+    <div class="back-top"></div>
+    <!-- Bootstrap JS -->
+    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="scamModalLabel"
+         aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h6 class="modal-title" id="scamModalLabel">  <span style="font-weight:600;color:black">Ready to Leave?</span></h6>
+                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
+                    </button>
+                </div>
+                <div class="modal-body scam-body" style="color:black;font-size:medium">
+                    <span>
+                        Select &quot;Logout&quot; below if you are ready to end your current session.
+                    </span>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cancel</button>
+                    <button class="btn btn-danger" type="button" onclick="OnLogoutSubmit();">Logout</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js?v=Bh8LHqeebiyiT0YD5V0-kJ90cboLJ5zbbepAVUEGxqI"></script>
+    <!-- Vendors -->
+    <script src="/assets/vendor/tiny-slider/tiny-slider.js?v=TUoRPxlDCbgCqz7qhneDUfttB5a74WlyYrm3FOjFZnU"></script>
+    <script src="/assets/vendor/purecounterjs/dist/purecounter_vanilla.js?v=faMnyiv1xv8mqVhNEZAf8nONW6FTf7T0o40mEeleNsQ"></script>
+    <script src="/assets/vendor/glightbox/js/glightbox.js?v=r0f52UVK7WXq6iGxjyhjV-Y2WjDtpwawIrQaoBtwqE4"></script>
+    <script src="/assets/vendor/flatpickr/js/flatpickr.min.js?v=AkQap91tDcS4YyQaZY2VV34UhSCxu2bDEIgXXXuf5Hg"></script>
+    <script src="/assets/vendor/choices/js/choices.min.js?v=GGLVnYaVIFDbccxWOhWJiXbdGgmWv7nDSer8VyCQSBk"></script>
+    <script src="/assets/vendor/jarallax/jarallax.min.js?v=051mEhTXV1pINFHbbB6peqpAeo2lEkRMtXVe59eo8Xo"></script>
+    <script src="/assets/vendor/jarallax/jarallax-video.min.js?v=hfysllUmwJ3on3niY5cibYd5iwOz1MZ-A5aKYxeD0fw"></script>
+    <!-- ThemeFunctions -->
+    <script src="/assets/js/functions.js?v=TbMKeJx-U07R1sXdRBqHpmGBu1Oh1AfWjFjDMY8fuOA"></script>
+    <script src="/js/site.js?v=KZhE6R9IutBwAcH2dhNWj-BkFRm9WXFHt-59TQi7rAo"></script>
+    <script>
+        var iframeOpenUrl = "";
+        var globalPopups = GetStack();
+        var globalCallBack = null;
+        var globalWindowSender = null;
+        function OnLanguageChange(lng) {
+            if (lng === 'en-US') {
+                return false;
+            }
+            ShowLoader();
+            $.ajax({
+                type: "POST",
+                url: "/MAR/account/ChangeLanguage?hdnLang=" +lng,
+                success: function (response) {
+                    HideLoader();
+                    if (response != "" && response != null && response.success === true) {
+                        window.location.href = window.location.href;
+                    }
+                },
+                error: function (response) {
+                    HideLoader();
+                    alert("error");
+                },
+            });
+              return false;
+        }
+        function OnLogout() {
+            $('#logoutModal').modal('show');
+        }
+        function OnLogoutSubmit() {
+            ShowLoader();
+            $.ajax({
+                type: "POST",
+                url: "/MAR/account/logout",
+                success: function (response) {
+                    HideLoader();
+                    if (response != "" && response != null && response.success === true) {
+                        window.location.href = response.ru;
+                    }
+                },
+                error: function (response) {
+                    HideLoader();
+                    alert(response.error);
+                },
+            });
+            return false;
+        }
+    </script>
+    <script src="/assets/vendor/kendo/js/kendo.all.min.js?v=PO_iEpMMumS6ezVxpHt1IpXsBBwz5RAz-jXCrshdYLM"></script>
+</body>
+</html>