title = "Agent Account Report"
url = "/agent-account/my-account"
layout = "agent-account"
is_hidden = 0

[viewBag]
localeUrl[gr] = "/agent-account"

[account]
redirect = "agent-account/dashboard"
paramCode = "code"
forceSecure = 1
==

<div class="current-books">
    <nav>
        <ul class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
            <li>
                <a
                        class="nav-item nav-link active"
                        id="nav-home-tab"
                        data-toggle="tab"
                        href="#nav-home"
                        role="tab"
                        aria-controls="nav-home"
                        aria-selected="true"
                >About me</a>
            </li>
            <li>
                <a
                        class="nav-item nav-link"
                        id="nav-bookings-tab"
                        data-toggle="tab"
                        href="#nav-bookings"
                        role="tab"
                        aria-controls="nav-bookings"
                        aria-selected="false"
                >Password & Security</a>
            </li>
            <li>
                <a
                        class="nav-item nav-link"
                        id="nav-Group-booking-tab"
                        data-toggle="tab"
                        href="#nav-Group-booking"
                        role="tab"
                        aria-controls="nav-Group-booking"
                        aria-selected="false"
                >Manage Agent Profile</a>
            </li>
        </ul>
    </nav>
    <div class="tab-content" id="nav-tabContent">
        <div
                class="tab-pane fade show active"
                id="nav-home"
                role="tabpanel"
                aria-labelledby="nav-home-tab"
        >
            {% partial 'my-account/about-me' %}
        </div>
        <div
                class="tab-pane fade"
                id="nav-bookings"
                role="tabpanel"
                aria-labelledby="nav-bookings-tab"
        >
            <div class="agent-group-booking">
                <div class="row">
                    <div class="col-md-12 col-lg-5 col-xl-4 mob-50">
                        <div class="cleint-details pd50-30 radius-4">
                            <h3>Two Factor Authentication
                                <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </h3>
                            <div class="profile-box">
                                <a href="javascript:void(0)" class="uploadpicbtn">
                                    <i class="fas fa-plus"></i> &nbsp;&nbsp; Enable 2FA
                                </a>
                                <form class="form-submision-validate">
                                    <p>If your enable 2FA, we will send ypua averification code via text messages or email, which you will need to enter during the sign in process.</p>
                                    <button type="cancel" class="cancel-field">Cancel</button>
                                    <button type="submit" class="pinnk-btn">Save</button>
                                </form>
                            </div>
                            <h3 class="mt-30">Two Factor Authentication
                                <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </h3>
                            <div class="profile-box">
                                <a href="javascript:void(0)" class="uploadpicbtn">
                                    <i class="fas fa-plus"></i> &nbsp;&nbsp; Logout From other device
                                </a>
                                <form class="form-submision-validate">
                                    <p>Clicking here will log you out from all other device expect this one</p>
                                    <button type="cancel" class="cancel-field">Cancel</button>
                                    <button type="submit" class="pinnk-btn">Save</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-7 col-xl-8">
                        <div class="special-request pd50-30 radius-4">
                            <h3>Password
                                <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </h3>
                            <div class="row">
                                <div class="col-xl-6 col-md-12">
                                    <form class="changepassword">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="info-from showpassword">
                                                    <label>Old Password</label>
                                                    <input type="password" class="fomr-control-custom-48" placeholder="Old Password">
                                                    <a href="javascript:void(0)" class="">
                                                        <i class="far fa-eye eyeshow"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="info-from showpassword">
                                                    <label>New Password</label>
                                                    <input type="password" class="fomr-control-custom-48" placeholder="New Password">
                                                    <a href="javascript:void(0)" class="">
                                                        <i class="far fa-eye eyeshow"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="info-from showpassword">
                                                    <label>Confirm New Password</label>
                                                    <input type="password" class="fomr-control-custom-48" placeholder="Confirm New Password">
                                                    <a href="javascript:void(0)" class="">
                                                        <i class="far fa-eye eyeshow"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <button type="cancel" class="cancel-field">Cancel</button>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <button type="submit" class="pinnk-btn">Save</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-12 col-xl-6">
                                    <div class="password-suggestion">
                                        <p>Password must contain at least 1 UPPERCSE, 1 lowercase, 1 number and a minimum of 8 alphanymerical characters</p>
                                    </div>
                                </div>
                            </div>
                            <h3>Social Connection
                                <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </h3>
                            <div class="row">
                                <div class="col-md-12 col-xl-6">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <a href="javascript:void(0)" class="link-fb">
                                                <img src="images/agent-account/facebook.svg" class="img-fluid">
                                                Link facebook account
                                            </a>
                                        </div>
                                        <div class="col-md-12">
                                            <a href="javascript:void(0)" class="link-google">
                                                <img src="images/agent-account/google.svg" class="img-fluid">
                                                Link Google account
                                            </a>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <button type="cancel" class="cancel-field">Cancel</button>
                                                </div>
                                                <div class="col-md-6">
                                                    <button type="submit" class="pinnk-btn">Save</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xl-6">
                                    <div class="social-login">
                                        <p>Sign In with just a click when you link to facebook or Google</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div
                class="tab-pane fade"
                id="nav-Group-booking"
                role="tabpanel"
                aria-labelledby="nav-Group-booking-tab"
        >
            <div class="agent-group-booking">
                <div class="row">
                    <div class="col-md-12 col-lg-5 col-xl-4 mob-50">
                        <div class="cleint-details pd50-30 radius-4">
                            <h3>Agent Employees on Record</h3>
                            <ul class="agent-name-list">
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                                <li>  Angela Jones</li>
                                <li> Angela Grodan</li>
                                <li> Kim grisham</li>
                                <li>    Elizabeth james</li>
                                <li>   jim gordan</li>
                                <li>  walter tim</li>
                                <li>john mcCarthy</li>
                                <li>  Kim grisham</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-12 col-lg-6 col-xl-4">
                        <div class="special-request pd50-30 radius-4">
                            <h3>Assign New Agent ID <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a></h3>
                            <form class="personal-details-form">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Agency</label>
                                            <input type="number" class="fomr-control-custom-48" placeholder="Card Number">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Agent First Name</label>
                                            <input type="text" class="fomr-control-custom-48" placeholder="Agent First Name">
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Agent Last Name</label>
                                            <input type="text" class="fomr-control-custom-48" placeholder="Agent Last Name">
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Agent Email Address</label>
                                            <input type="text" class="fomr-control-custom-48" placeholder="Agent Email Address">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Username</label>
                                            <input type="text" class="fomr-control-custom-48" placeholder="Username">
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="info-from showpassword">
                                            <label> Password</label>
                                            <input type="password" class="fomr-control-custom-48" placeholder=" Password">
                                            <a href="javascript:void(0)" class="">
                                                <i class="far fa-eye eyeshow"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="col-md-12">

                                        <button type="cancel" class="cancel-field">Cancel</button>

                                        <button type="submit" class="pinnk-btn">Save</button>

                                    </div>


                                </div>

                            </form>

                        </div>


                    </div>



                    <div class="col-md-12 col-lg-6 col-xl-4">
                        <div class="special-request pd50-30 radius-4">
                            <h3>Edit Agent ID Setting <a href="#" class="edit-profile-pic">
                                    <i class="fas fa-pen"></i>
                                </a></h3>
                            <form class="personal-details-form">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Remove agent from system</label>
                                            <select class="fomr-control-custom-48">
                                                <option>Agent 123</option>
                                                <option>Agent 124</option>
                                                <option>Agent 125</option>
                                                <option>Agent 126</option>
                                                <option>Agent 127</option>
                                                <option>Agent 128</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="info-from">
                                            <label>Select agent profile to edit</label>
                                            <select class="fomr-control-custom-48">
                                                <option>Agent 12</option>
                                                <option>Agent 13</option>
                                                <option>Agent 14</option>
                                                <option>Agent 15</option>
                                                <option>Agent 16</option>
                                                <option>Agent 17</option>
                                                <option>Agent 18</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <div class="spaceer-200">


                                        </div>

                                    </div>





                                    <div class="col-md-12">

                                        <button type="cancel" class="cancel-field">Cancel</button>

                                        <button type="submit" class="pinnk-btn">Save</button>

                                    </div>


                                </div>

                            </form>

                        </div>


                    </div>



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



<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vuex"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/jquery/jquery-3.5.1.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/popper.min.js"></script>
<script src="/themes/ketikidis-octobercms-success/assets/js/ext/flatpickr.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/bootstrap.min.js"></script>
<script type="text/javascript" src="/themes/ketikidis-octobercms-success/assets/js/ext/slick.js"></script>
<script>
    $('.multi-images').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        prevArrow: $('.home-sale-prev'),
        nextArrow: $('.home-sale-next'),
        fade: true,
        asNavFor: '.slider-nav'
    });

    $('.slider-nav').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        asNavFor: '.multi-images',
        dots: false,
        centerMode: false,
        arrows:false,
        focusOnSelect: true,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 1,
                }
            }, {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1
                }
            }
        ]
    });
</script>
<!-- pagination -->
<script>
    $(".dob-account").flatpickr({
        enableTime: false,
        disableMobile: "true",
        dateFormat: "d F, Y "
    });
</script>
<script>
    var input = $(".showpassword .fomr-control-custom-48");
    $("body").on('click', '.eyeshow', function() {
        console.log(input.attr("type"));
        if (input.attr("type") === "password") {
            input.attr("type", "text");
        } else {
            input.attr("type", "password");
        }
        $(this).toggleClass("fas fa-eye-slash");
    });
</script>