/home/smartonegroup/public_html/veroserv/ui/theme/default/auth.tpl
{extends file="layouts/base.tpl"}
{block name="head"}

    <style>
        @media (min-width: 992px){
            .clx-fixed-navigation:not(.clx-navigation-type-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {
                padding-left: 0;
            }
        }
    </style>


    {if $config['recaptcha'] eq '1' && !empty($config['recaptcha_sitekey'])}
        <script src="https://www.google.com/recaptcha/api.js?render={$config['recaptcha_sitekey']}"></script>
    {/if}

{/block}


{block name="content_body"}
    <div class="page-content-wrapper bg-transparent m-0">
        <div class="height-10 w-100 shadow-sm px-4 bg-brand-gradient">
            <div class="d-flex align-items-center container p-0">
                <div class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0 height-9 border-0">
                    <a href="{APP_URL}" class="page-logo-link press-scale-down d-flex align-items-center">
                        {if isset($config['logo_square'])}
                            <img src="{{APP_URL}}/storage/system/{{$config['logo_square']}}" alt="{{$config['CompanyName']}}" aria-roledescription="logo">
                        {else}
                            <img src="{{APP_URL}}/storage/system/logo-512x512.png?v=2" alt="{{$config['CompanyName']}}" aria-roledescription="logo">
                        {/if}
                        {if isset($config['logo_text'])}
                            <span class="page-logo-text mr-1">{$config['logo_text']}</span>
                        {else}
                            <span class="page-logo-text mr-1">CloudOnex</span>
                        {/if}
                    </a>
                </div>

                {if ($type == 'client_auth' || $type == 'client_password_reset') && $config['allow_customer_registration'] eq '1'}
                    <a href="{$_url}client/register/" class="btn-link text-white ms-auto">
                        {$_L['Dont have an account']} {$_L['Register']}
                    </a>

                {/if}


            </div>
        </div>
        <div class="flex-1">
            <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">

                {if $type eq 'admin_auth'}

                    <div class="mx-auto" style="max-width: 440px;">
                        <div class="card p-4">

                            <h1 class="mb-3 text-center">
                                {$_L['Login']}
                            </h1>

                            {if isset($notify)}
                                {$notify}
                            {/if}

                            <form method="post" id="form_admin_auth" class="mt-3" action="{$_url}login/post/{if isset($after)}{$after}/{/if}">
                                <div class="mb-3">
                                    <label class="form-label" for="username">{$_L['Email Address']}</label>
                                    <input id="username" name="username" class="form-control form-control-lg" required>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" for="password">{$_L['Password']}</label>
                                    <input type="password" id="password" name="password" class="form-control form-control-lg" required>
                                </div>



                                <div class="mb-3">
                                    <button type="submit" id="btn_admin_auth" class="btn btn-primary btn-block btn-lg">{$_L['Sign in']}</button>
                                </div>
                            </form>

                            <div class="text-center mt-3">
                                <a href="{$_url}admin/forgot-pw/" id="to-recover" class="text-info">{$_L['Forgot password']}</a>
                            </div>




                        </div>
                    </div>

                {elseif $type eq 'admin_password_reset'}

                    <div class="mx-auto" style="max-width: 440px;">
                        <div class="card p-4">

                            {if isset($notify)}
                                {$notify}
                            {/if}

                            <form method="post" class="mt-3" action="{$_url}admin/forgot-pw-post/">
                                <div class="mb-3">
                                    <label class="form-label" for="username">{$_L['Email Address']}</label>
                                    <input id="username" name="username" class="form-control form-control-lg" required>
                                </div>

                                <div class="mb-3">
                                    <button type="submit" class="btn btn-primary btn-block btn-lg">{$_L['Reset Password']}</button>
                                </div>
                            </form>

                            <div class="mt-3 text-center">
                                <a href="{$_url}admin/">{$_L['Back To Login']}</a>
                            </div>

                        </div>
                    </div>

                    {elseif $type eq 'client_auth'}

                    <div class="row">
                        <div class="col col-md-6 col-lg-7">

                            {if isset($admin) && $admin}
                                <div class="my-3">
                                    <a href="javascript:;" id="btn_edit_content" class="btn btn-primary">{$_L['Edit']}</a>
                                    <a href="{$_url}dashboard" class="btn btn-primary">{$_L['Dashboard']}</a>
                                    <a href="{$_url}logout" class="btn btn-danger">{$_L['Logout']}</a>
                                </div>
                                <div class="hr-line-dashed"></div>
                            {/if}

                            <div style="font-size: 18px;" class="fw-300">

                                {Widget::getWidgetContent('client-auth-page-widget')}

                            </div>



                        </div>
                        <div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ms-auto">
                            <div class="card p-4" style="box-shadow: 1px 0 20px rgba(0, 0, 0, .08);">

                                <h1 class="fw-300 mb-3 text-center">
                                    {$_L['Login']}
                                </h1>

                                {if isset($notify)}
                                    {$notify}
                                {/if}

                                <form method="post" class="mt-3" id="form_client_auth" action="{$_url}client/auth/">
                                    <div class="mb-3">
                                        <label class="form-label" for="username">{$_L['Email Address']}</label>
                                        <input id="username" name="username" class="form-control form-control-lg" required>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label" for="password">{$_L['Password']}</label>
                                        <input type="password" id="password" name="password" class="form-control form-control-lg" required>
                                    </div>


                                    <div class="mb-3">
                                        <button type="submit" id="btn_client_auth" class="btn btn-primary btn-block btn-lg">{$_L['Login']}</button>
                                    </div>

                                    {if $config['allow_customer_registration'] eq '1'}
                                        <div class="mb-3 mb-0">
                                            <div class="col-sm-12 text-center">
                                                {$_L['Dont have an account']} <a href="{$_url}client/register/" class="text-info m-l-5"><b>{$_L['Register']}</b></a>
                                            </div>
                                        </div>
                                    {/if}

                                    <div class="text-center">
                                        <a href="{$_url}client/forgot_pw/" id="to-recover" class="text-info">{$_L['Forgot password']}</a>
                                    </div>



                                </form>




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


                {elseif $type eq 'client_password_reset'}
                    <div class="mx-auto" style="max-width: 440px;">
                        <div class="card p-4">

                            {if isset($notify)}
                                {$notify}
                            {/if}

                            <form method="post" class="mt-3" action="{$_url}client/forgot_pw_post/">
                                <div class="mb-3">
                                    <label class="form-label" for="username">{$_L['Email Address']}</label>
                                    <input id="username" name="username" class="form-control form-control-lg" required>
                                </div>

                                <div class="mb-3">
                                    <button type="submit" class="btn btn-primary btn-block btn-lg">{$_L['Reset Password']}</button>
                                </div>
                            </form>

                            {if $config['allow_customer_registration'] eq '1'}
                                <div class="mb-3 mt-3">
                                    <div class="col-sm-12 text-center">
                                        {$_L['Dont have an account']} <a href="{$_url}client/register/" class="text-info m-l-5"><b>{$_L['Register']}</b></a>
                                    </div>
                                </div>
                            {/if}




                        </div>
                    </div>

                {elseif $type eq 'client_register'}

                    <div class="mx-auto" style="max-width: 440px;">
                        <div class="card p-4">

                            {if isset($notify)}
                                {$notify}
                            {/if}

                            <form method="post" id="form_client_register" class="mt-3" action="{$_url}client/register_post/">

                                <div class="mb-3">
                                    <label class="form-label" for="fullname">{$_L['Full_Name']}</label>
                                    <input id="fullname" name="fullname" class="form-control form-control-lg" required>
                                </div>


                                <div class="mb-3">
                                    <label class="form-label" for="email">{$_L['Email Address']}</label>
                                    <input id="email" name="email" class="form-control form-control-lg" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label" for="password">{$_L['Password']}</label>
                                    <input type="password" id="password" name="password" class="form-control form-control-lg" required>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label" for="password2">{$_L['Confirm_Password']}</label>
                                    <input type="password" id="password2" name="password2" class="form-control form-control-lg" required>
                                </div>

                                {foreach $extra_fields as $field}

                                    <div class="mb-3">
                                        <label for="field_{$field['id']}" class="form-label">{$field['label']}</label>
                                        <input type="text" class="form-control form-control-lg" id="field_{$field['id']}" name="{$field['name']}">
                                    </div>

                                {/foreach}

                                <div class="mb-3">
                                    <button type="submit" id="btn_client_register" class="btn btn-primary btn-block btn-lg">{$_L['Register']}</button>
                                </div>
                            </form>

                            <div class="mb-3 mt-3">
                                <div class="col-sm-12 text-center">
                                    {$_L['Already registered']}  <a href="{$_url}client/login/" class="text-info m-l-5"><b>{$_L['Login']}</b></a>
                                </div>
                            </div>




                        </div>
                    </div>

                {/if}


                <div class="position-absolute pos-bottom pos-left pos-right p-3 text-center">
                    &copy; {date('Y')} {$config['CompanyName']}
                </div>
            </div>
        </div>
    </div>
{/block}

{block name="script"}
    <script>
        $(function () {

            var $modal = $('#cloudonex_body');

            {if $type eq 'admin_auth'}
            let $form_admin_auth = $('#form_admin_auth');
            let $btn_admin_auth = $('#btn_admin_auth');

            $form_admin_auth.on('submit',function (e) {
                e.preventDefault();

                $btn_admin_auth.disabled = true;

                {if $config['recaptcha'] eq '1' && !empty($config['recaptcha_sitekey'])}

                grecaptcha.ready(function() {
                    grecaptcha.execute('{$config['recaptcha_sitekey']}', { action: 'submit' }).then(function(token) {
                        $.post( "{$_url}login/post/{if isset($after)}{$after}/{/if}", {
                            username: $('#username').val(),
                            password: $('#password').val(),
                            token: token,
                        })
                            .done(function( data ) {
                                window.location = data.redirect_url;
                            }).fail(function(data) {
                            $btn_admin_auth.disabled = false;
                            toastr.error(data.responseText);
                        });
                    });
                });

                {else}

                $.post( "{$_url}login/post/{if isset($after)}{$after}/{/if}", {
                    username: $('#username').val(),
                    password: $('#password').val(),
                })
                    .done(function( data ) {
                        window.location = data.redirect_url;
                    }).fail(function(data) {
                    $btn_admin_auth.disabled = false;
                    toastr.error(data.responseText);
                });

                {/if}


            });

            {/if}

            {if $type eq 'client_auth'}

            let $form_client_auth = $('#form_client_auth');
            let $btn_client_auth = $('#btn_client_auth');

            $form_client_auth.on('submit',function (e) {
                e.preventDefault();

                $btn_client_auth.disabled = true;

                {if $config['recaptcha'] eq '1' && !empty($config['recaptcha_sitekey'])}

                grecaptcha.ready(function() {
                    grecaptcha.execute('{$config['recaptcha_sitekey']}', { action: 'submit' }).then(function(token) {
                        $.post( "{$_url}client/auth/", {
                            username: $('#username').val(),
                            password: $('#password').val(),
                            then: '{$then|default:''}',
                            token: token,
                            _token: '{csrf_token()}',
                        })
                            .done(function( data ) {
                                window.location = data.redirect_url;
                            }).fail(function(data) {
                            $btn_client_auth.disabled = false;
                            toastr.error(data.responseText);
                        });
                    });
                });

                {else}

                $.post( "{$_url}client/auth/", {
                    username: $('#username').val(),
                    password: $('#password').val(),
                    then: '{$then|default:''}',
                    _token: '{csrf_token()}',
                })
                    .done(function( data ) {
                        window.location = data.redirect_url;
                    }).fail(function(data) {
                    $btn_client_auth.disabled = false;
                    toastr.error(data.responseText);
                });

                {/if}


            });

            {if isset($admin) && $admin}

            $('#login_as_admin').on('click',function () {
                window.location = base_url + 'login/';
            });

            $('#btn_edit_content').on('click',function (e) {
                e.preventDefault();

                $.fancybox.open({
                    src  : base_url + 'settings/client-auth-page-widget',
                    type : 'ajax',
                    opts : {
                        afterShow : function( instance, current ) {
                            $('#edit_content').redactor();
                        },
                        modal: true,
                    }
                });

            });

            $modal.on('click', '.modal_submit', function(e){

                e.preventDefault();

                $.post( base_url + "settings/client-auth-page-widget-save/", $("#clx_modal_form").serialize())
                    .done(function( data ) {

                        if ($.isNumeric(data)) {

                            location.reload();

                        }

                        else {
                            toastr.error(data);
                        }

                    });

            });

            {/if}


            {/if}

            {if $type eq 'client_register'}

            let $form_client_register = $('#form_client_register');
            let $btn_client_register = $('#btn_client_register');

            $form_client_register.on('submit',function (e) {
                e.preventDefault();

                $btn_client_register.disabled = true;

                {if $config['recaptcha'] eq '1' && !empty($config['recaptcha_sitekey'])}

                grecaptcha.ready(function() {
                    grecaptcha.execute('{$config['recaptcha_sitekey']}', { action: 'submit' }).then(function(token) {
                        $.post( "{$_url}client/register_post/", {
                            fullname: $('#fullname').val(),
                            email: $('#email').val(),
                            password: $('#password').val(),
                            password2: $('#password2').val(),
                            then: '{$then}',
                            token: token,
                            _token: '{csrf_token()}',
                        })
                            .done(function( data ) {
                                window.location = data.redirect_url;
                            }).fail(function(data) {
                            $btn_client_register.disabled = false;
                            toastr.error(data.responseText);
                        });
                    });
                });

                {else}

                $.post( "{$_url}client/register_post/", {
                    fullname: $('#fullname').val(),
                    email: $('#email').val(),
                    password: $('#password').val(),
                    password2: $('#password2').val(),
                    then: '{$then|default:''}',
                    _token: '{csrf_token()}',
                })
                    .done(function( data ) {
                        window.location = data.redirect_url;
                    }).fail(function(data) {
                    $btn_client_register.disabled = false;
                    toastr.error(data.responseText);
                });

                {/if}


            });

            {/if}

        });
    </script>
{/block}