<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>کارت خرید - Host Masters Limited</title>

    <!-- Styling -->
<link href="/assets/fonts/css/open-sans-family.css" rel="stylesheet" type="text/css" />
<link href="/assets/fonts/css/raleway-family.css" rel="stylesheet" type="text/css" />
<link href="/templates/six/css/all.min.css?v=2cc228" rel="stylesheet">
<link href="/assets/css/fontawesome-all.min.css" rel="stylesheet">
<link href="/templates/six/css/custom.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<script type="text/javascript">
    var csrfToken = '4f93bc9cf1a384f8a10e8e4d562b17fb687352e0',
        markdownGuide = 'راهنمای Markdown',
        locale = 'en',
        saved = 'ذخیره شد',
        saving = 'ذخیره اتوماتیک',
        whmcsBaseUrl = "";
    </script>
<script src="/templates/six/js/scripts.min.js?v=2cc228"></script>


    

</head>
<body data-phone-cc-input="1">


<section id="header">
    <div class="container">
        <ul class="top-nav">
                            <li>
                    <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
                        Persian
                        <b class="caret"></b>
                    </a>
                    <div id="languageChooserContent" class="hidden">
                        <ul>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=arabic">العربية</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=azerbaijani">Azerbaijani</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=catalan">Català</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=chinese">中文</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=croatian">Hrvatski</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=czech">Čeština</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=danish">Dansk</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=dutch">Nederlands</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=english">English</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=estonian">Estonian</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=farsi">Persian</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=french">Français</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=german">Deutsch</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=hebrew">עברית</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=hungarian">Magyar</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=italian">Italiano</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=macedonian">Macedonian</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=norwegian">Norwegian</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=portuguese-br">Português</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=portuguese-pt">Português</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=romanian">Română</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=russian">Русский</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=spanish">Español</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=swedish">Svenska</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=turkish">Türkçe</a>
                                </li>
                                                            <li>
                                    <a href="/index?amp=1&rp=%2Fstore%2Fdomains&systpl=six&language=ukranian">Українська</a>
                                </li>
                                                    </ul>
                    </div>
                </li>
                                        <li>
                    <a href="/clientarea">ورود</a>
                </li>
                                    <li>
                        <a href="/register">ثبت نام</a>
                    </li>
                                <li class="primary-action">
                    <a href="/cart?a=view" class="btn">
                        مشاهده کارت خرید
                    </a>
                </li>
                                </ul>

                    <a href="/index" class="logo"><img src="//clients.hostmasters.co.ke/assets/img/logo.png" alt="Host Masters Limited"></a>
        
    </div>
</section>

<section id="main-menu">

    <nav id="nav" class="navbar navbar-default navbar-main" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#primary-nav">
                    <span class="sr-only">تغییر وضعیت ناوبری</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="primary-nav">

                <ul class="nav navbar-nav">

                        <li menuItemName="Home" class="" id="Primary_Navbar-Home">
        <a href="/index">
                        ناحیه کاربری
                                </a>
            </li>
    <li menuItemName="Store" class="dropdown" id="Primary_Navbar-Store">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        فروشگاه
                        &nbsp;<b class="caret"></b>        </a>
                    <ul class="dropdown-menu">
                            <li menuItemName="Browse Products Services" id="Primary_Navbar-Store-Browse_Products_Services">
                    <a href="/index?rp=/store">
                                                مشاهده همه
                                            </a>
                </li>
                            <li menuItemName="Shop Divider 1" class="nav-divider" id="Primary_Navbar-Store-Shop_Divider_1">
                    <a href="">
                                                -----
                                            </a>
                </li>
                            <li menuItemName="Web Hosting" id="Primary_Navbar-Store-Web_Hosting">
                    <a href="/index?rp=/store/web-hosting">
                                                Web Hosting
                                            </a>
                </li>
                            <li menuItemName="Web Design" id="Primary_Navbar-Store-Web_Design">
                    <a href="/index?rp=/store/web-design">
                                                Web Design
                                            </a>
                </li>
                            <li menuItemName=" SSL Certificate" id="Primary_Navbar-Store-_SSL_Certificate">
                    <a href="/index?rp=/store/ssl-certificate">
                                                 SSL Certificate
                                            </a>
                </li>
                            <li menuItemName="Email Hosting" id="Primary_Navbar-Store-Email_Hosting">
                    <a href="/index?rp=/store/email-hosting">
                                                Email Hosting
                                            </a>
                </li>
                            <li menuItemName="Domain Redemption" id="Primary_Navbar-Store-Domain_Redemption">
                    <a href="/index?rp=/store/domain-redemption-fee">
                                                Domain Redemption
                                            </a>
                </li>
                            <li menuItemName="Graphic Design" id="Primary_Navbar-Store-Graphic_Design">
                    <a href="/index?rp=/store/graphic-design">
                                                Graphic Design
                                            </a>
                </li>
                            <li menuItemName="Domains" id="Primary_Navbar-Store-Domains">
                    <a href="/index?rp=/store/domains">
                                                Domains
                                            </a>
                </li>
                            <li menuItemName="Register a New Domain" id="Primary_Navbar-Store-Register_a_New_Domain">
                    <a href="/cart?a=add&domain=register">
                                                ثبت دامنه جدید
                                            </a>
                </li>
                            <li menuItemName="Transfer a Domain to Us" id="Primary_Navbar-Store-Transfer_a_Domain_to_Us">
                    <a href="/cart?a=add&domain=transfer">
                                                انتقال دامنه به ما
                                            </a>
                </li>
                        </ul>
            </li>
    <li menuItemName="Announcements" class="" id="Primary_Navbar-Announcements">
        <a href="/index?rp=/announcements">
                        اخبار
                                </a>
            </li>
    <li menuItemName="Knowledgebase" class="" id="Primary_Navbar-Knowledgebase">
        <a href="/index?rp=/knowledgebase">
                        مرکز آموزش
                                </a>
            </li>
    <li menuItemName="Network Status" class="" id="Primary_Navbar-Network_Status">
        <a href="/serverstatus">
                        وضعیت شبکه
                                </a>
            </li>
    <li menuItemName="Affiliates" class="" id="Primary_Navbar-Affiliates">
        <a href="/affiliates">
                        بازاریابی
                                </a>
            </li>
    <li menuItemName="Contact Us" class="" id="Primary_Navbar-Contact_Us">
        <a href="/contact">
                        تماس با ما
                                </a>
            </li>

                </ul>

                <ul class="nav navbar-nav navbar-right">

                        <li menuItemName="Account" class="dropdown" id="Secondary_Navbar-Account">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        حساب
                        &nbsp;<b class="caret"></b>        </a>
                    <ul class="dropdown-menu">
                            <li menuItemName="Login" id="Secondary_Navbar-Account-Login">
                    <a href="/clientarea">
                                                ورود
                                            </a>
                </li>
                            <li menuItemName="Register" id="Secondary_Navbar-Account-Register">
                    <a href="/register">
                                                ثبت نام
                                            </a>
                </li>
                            <li menuItemName="Divider" class="nav-divider" id="Secondary_Navbar-Account-Divider">
                    <a href="">
                                                -----
                                            </a>
                </li>
                            <li menuItemName="Forgot Password?" id="Secondary_Navbar-Account-Forgot_Password?">
                    <a href="/index?rp=/password/reset">
                                                رمز عبور را فراموش کرده اید؟
                                            </a>
                </li>
                        </ul>
            </li>

                </ul>

            </div><!-- /.navbar-collapse -->
        </div>
    </nav>

</section>



<section id="main-body">
    <div class="container">
        <div class="row">

                <!-- Container for main page display content -->
        <div class="col-xs-12 main-content">
            

<link rel="stylesheet" type="text/css" href="/templates/orderforms/standard_cart/css/all.min.css?v=2cc228" />
<script type="text/javascript" src="/templates/orderforms/standard_cart/js/scripts.min.js?v=2cc228"></script>
<div id="order-standard_cart">
    <div class="row">
        <div class="cart-sidebar sidebar">
                <div menuItemName="Categories" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-shopping-cart"></i>&nbsp;
                
                دسته بندی ها

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

        
                    <div class="list-group collapsable-card-body">
                                                            <a menuItemName="Web Hosting" href="/index?rp=/store/web-hosting" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Web_Hosting">
                            
                            Web Hosting

                                                    </a>
                                                                                <a menuItemName="Web Design" href="/index?rp=/store/web-design" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Web_Design">
                            
                            Web Design

                                                    </a>
                                                                                <a menuItemName=" SSL Certificate" href="/index?rp=/store/ssl-certificate" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-_SSL_Certificate">
                            
                             SSL Certificate

                                                    </a>
                                                                                <a menuItemName="Email Hosting" href="/index?rp=/store/email-hosting" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Email_Hosting">
                            
                            Email Hosting

                                                    </a>
                                                                                <a menuItemName="Domain Redemption" href="/index?rp=/store/domain-redemption-fee" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Domain_Redemption">
                            
                            Domain Redemption

                                                    </a>
                                                                                <a menuItemName="Graphic Design" href="/index?rp=/store/graphic-design" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Graphic_Design">
                            
                            Graphic Design

                                                    </a>
                                                                                <a menuItemName="Domains" href="/index?rp=/store/domains" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Categories-Domains">
                            
                            Domains

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

        <div menuItemName="Actions" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-plus"></i>&nbsp;
                
                عملیات

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

        
                    <div class="list-group collapsable-card-body">
                                                            <a menuItemName="Domain Registration" href="/cart?a=add&domain=register" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-Domain_Registration">
                                                            <i class="fas fa-globe fa-fw"></i>&nbsp;
                            
                            ثبت دامنه جدید

                                                    </a>
                                                                                <a menuItemName="Domain Transfer" href="/cart?a=add&domain=transfer" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-Domain_Transfer">
                                                            <i class="fas fa-share fa-fw"></i>&nbsp;
                            
                            انتقال در دامنه

                                                    </a>
                                                                                <a menuItemName="View Cart" href="/cart?a=view" class="list-group-item list-group-item-action" id="Secondary_Sidebar-Actions-View_Cart">
                                                            <i class="fas fa-shopping-cart fa-fw"></i>&nbsp;
                            
                            مشاهده کارت خرید

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

        <div menuItemName="Choose Currency" class="panel card card-sidebar mb-3 panel-sidebar">
        <div class="panel-heading card-header">
            <h3 class="panel-title">
                                    <i class="fas fa-plus"></i>&nbsp;
                
                واحد پول

                
                <i class="fas fa-chevron-up card-minimise panel-minimise pull-right float-right"></i>
            </h3>
        </div>

                    <div class="panel-body card-body collapsable-card-body">
                <form method="post" action="/index?rp=/store/domains">
<input type="hidden" name="token" value="4f93bc9cf1a384f8a10e8e4d562b17fb687352e0" />
    <select name="currency" onchange="submit()" class="form-control"><option value="1" selected>KES</option><option value="2">USD</option>    </select>
</form>
            </div>
        
        
            </div>

            </div>
        <div class="cart-body">

            <div class="header-lined">
                <h1 class="font-size-36">
                                            Domains
                                    </h1>
                                    <p>Registration, Renewal, Transfer, Redemption</p>
                            </div>
            
            <div class="sidebar-collapsed">

            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-shopping-cart"></i>&nbsp;
            
            دسته بندی ها

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                    <option menuItemName="Web Hosting" value="/index?rp=/store/web-hosting" class="list-group-item" >
                        Web Hosting

                                            </option>
                                                        <option menuItemName="Web Design" value="/index?rp=/store/web-design" class="list-group-item" >
                        Web Design

                                            </option>
                                                        <option menuItemName=" SSL Certificate" value="/index?rp=/store/ssl-certificate" class="list-group-item" >
                         SSL Certificate

                                            </option>
                                                        <option menuItemName="Email Hosting" value="/index?rp=/store/email-hosting" class="list-group-item" >
                        Email Hosting

                                            </option>
                                                        <option menuItemName="Domain Redemption" value="/index?rp=/store/domain-redemption-fee" class="list-group-item" >
                        Domain Redemption

                                            </option>
                                                        <option menuItemName="Graphic Design" value="/index?rp=/store/graphic-design" class="list-group-item" >
                        Graphic Design

                                            </option>
                                                        <option menuItemName="Domains" value="/index?rp=/store/domains" class="list-group-item" >
                        Domains

                                            </option>
                                                                        <option value="" class="list-group-item" selected=""selected>- انتخاب گروه دیگر -</option>
                            </select>
        </form>
    </div>

            </div>
            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-plus"></i>&nbsp;
            
            عملیات

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                    <option menuItemName="Domain Registration" value="/cart?a=add&domain=register" class="list-group-item" >
                        ثبت دامنه جدید

                                            </option>
                                                        <option menuItemName="Domain Transfer" value="/cart?a=add&domain=transfer" class="list-group-item" >
                        انتقال در دامنه

                                            </option>
                                                        <option menuItemName="View Cart" value="/cart?a=view" class="list-group-item" >
                        مشاهده کارت خرید

                                            </option>
                                                                        <option value="" class="list-group-item" selected=""selected>- انتخاب گروه دیگر -</option>
                            </select>
        </form>
    </div>

            </div>
            <div class="panel card panel-default">
                <div class="m-0 panel-heading card-header">
        <h3 class="panel-title">
                            <i class="fas fa-plus"></i>&nbsp;
            
            واحد پول

                    </h3>
    </div>

    <div class="panel-body card-body">
        <form role="form">
            <select class="form-control custom-select" onchange="selectChangeNavigate(this)">
                                                                    <option value="" class="list-group-item" selected=""selected>- انتخاب گروه دیگر -</option>
                            </select>
        </form>
    </div>

            </div>
    
            <div class="pull-right form-inline float-right">
            <form method="post" action="/cart?gid=8">
<input type="hidden" name="token" value="4f93bc9cf1a384f8a10e8e4d562b17fb687352e0" />
                <select name="currency" onchange="submit()" class="form-control">
                    <option value="">واحد پول</option>
                                            <option value="1" selected>KES</option>
                                            <option value="2">USD</option>
                                    </select>
            </form>
        </div>
    
</div>

            <div class="products" id="products">
                <div class="row row-eq-height">
                                                                <div class="col-md-6">
                        <div class="product clearfix" id="product25">
                            <header>
                                <span id="product25-name">Domain Registration</span>
                                                                    <span class="qty">
                                            0 موجود است
                                        </span>
                                                            </header>
                            <div class="product-desc">
                                                                    <p id="product25-description">
                                        .co.ke<br />
.or.ke<br />
.ac.ke<br />
.sc.ke<br />
.me.ke<br />
.ne.ke<br />
.info.ke<br />

                                    </p>
                                                                <ul>
                                                                    </ul>
                            </div>
                            <footer>
                                <div class="product-pricing" id="product25-price">
                                                                                                                    <span class="price">Kshs.1,500.00Kshs.</span>
                                        <br />
                                                                                    سالانه
                                                                                <br>
                                                                                    <small>Kshs.1,500.00 هزینه تنظیم </small>
                                                                                                            </div>
                                <a href="/index?rp=/store/domains/domain-registration" class="btn btn-success btn-sm btn-order-now" id="product25-order-button">
                                    <i class="fas fa-shopping-cart"></i>
                                    سفارش دهید
                                </a>
                            </footer>
                        </div>
                    </div>
                                                        </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="recommendationsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="float-left pull-left">
                                            اضافه شده به سبد خرید
                                    </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="clearfix"></div>
            </div>
            <div class="modal-body">
                <div class="product-recommendations-container">
    <div class="product-recommendations">
                    <p>بر اساس این محصول، ما توصیه می کنیم:</p>
                    </div>
</div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-primary" href="#" id="btnContinueRecommendationsModal" data-dismiss="modal" role="button">
                    <span class="w-hidden hidden"><i class="fas fa-spinner fa-spin"></i>&nbsp;</span>ادامه
                </a>
            </div>
        </div>
    </div>
    <div class="product-recommendation clonable w-hidden hidden">
        <div class="header">
            <div class="cta">
                <div class="price">
                    <span class="w-hidden hidden">رایگان!</span>
                    <span class="breakdown-price"></span>
                    <span class="setup-fee"><small>&nbsp;هزینه تنظیم </small></span>
                </div>
                <button type="button" class="btn btn-sm btn-add">
                    <span class="text">افزودن به کارت</span>
                    <span class="arrow"><i class="fas fa-chevron-right"></i></span>
                </button>
            </div>
            <div class="expander">
                <i class="fas fa-chevron-right rotate" data-toggle="tooltip" data-placement="right" title="برای کسب اطلاعات بیشتر کلیک کنید."></i>
            </div>
            <div class="content">
                <div class="headline truncate"></div>
                <div class="tagline truncate">
                    توضیحات (شعار) برای این محصول در دسترس نیست.
                </div>
            </div>
        </div>
        <div class="body clearfix"><p></p></div>
    </div>
</div>


                </div><!-- /.main-content -->
                            <div class="clearfix"></div>
        </div>
    </div>
</section>

<section id="footer">
    <div class="container">
        <a href="#" class="back-to-top"><i class="fas fa-chevron-up"></i></a>
        <p>تمامی حقوق برای  &copy; 2026 Host Masters Limited. محفوط می باشد.</p>
    </div>
</section>

<div id="fullpage-overlay" class="hidden">
    <div class="outer-wrapper">
        <div class="inner-wrapper">
            <img src="//clients.hostmasters.co.ke/assets/img/overlay-spinner.svg">
            <br>
            <span class="msg"></span>
        </div>
    </div>
</div>

<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">بستن</span>
                </button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body panel-body">
                بارگذاری ... 
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-left loader">
                    <i class="fas fa-circle-notch fa-spin"></i>
                    بارگذاری ... 
                </div>
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    بستن
                </button>
                <button type="button" class="btn btn-primary modal-submit">
                    ارسال
                </button>
            </div>
        </div>
    </div>
</div>

<form action="#" id="frmGeneratePassword" class="form-horizontal">
    <div class="modal fade" id="modalGeneratePassword">
        <div class="modal-dialog">
            <div class="modal-content panel-primary">
                <div class="modal-header panel-heading">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">
                        ایجاد گذرواژه
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger hidden" id="generatePwLengthError">
                        لطفاً برای طول گذرواژه عددی بین 8 تا 64 وارد کنید
                    </div>
                    <div class="form-group">
                        <label for="generatePwLength" class="col-sm-4 control-label">طول رمز عبور</label>
                        <div class="col-sm-8">
                            <input type="number" min="8" max="64" value="12" step="1" class="form-control input-inline input-inline-100" id="inputGeneratePasswordLength">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="generatePwOutput" class="col-sm-4 control-label">رمز عبور ایجاد شده</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="inputGeneratePasswordOutput">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-4">
                            <button type="submit" class="btn btn-default btn-sm">
                                <i class="fas fa-plus fa-fw"></i>
                                ایجاد رمز عبور جدید
                            </button>
                            <button type="button" class="btn btn-default btn-sm copy-to-clipboard" data-clipboard-target="#inputGeneratePasswordOutput">
                                <img src="//clients.hostmasters.co.ke/assets/img/clippy.svg" alt="Copy to clipboard" width="15">
                                کپی
                            </button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        بستن
                    </button>
                    <button type="button" class="btn btn-primary" id="btnGeneratePasswordInsert" data-clipboard-target="#inputGeneratePasswordOutput">
                        در کلیپ بورد کپی و درج کنید
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>



</body>
</html>
