<?php echo $this->doctype(); ?>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <?php echo $this->headTitle('Bookingcabs ', $this->placeholder('titleType', 'APPEND'))->setSeparator(' - ')->setAutoEscape(false) ?>
        <?php
        echo $this->headMeta()
                ->appendName('viewport', 'width=device-width, initial-scale=1.0')
                ->appendHttpEquiv('X-UA-Compatible', 'IE=edge')
        ?>
        <!-- styles -->

        <?php
        echo $this->headLink(array(
                    'rel' => 'shortcut icon',
                    'type' => 'image/vnd.microsoft.icon',
                    'href' => $this->basePath() . '/images/favicon.ico'
                ))
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/bootstrap.css')
                ->prependStylesheet($this->basePath() . '/css/dashboard/lib/adminlte.min.css')
                ->prependStylesheet($this->basePath() . '/css/custom/base.css');
        ?>

        <!-- Scripts -->
        <style>

 /*booking check-box*/


        .booking-check {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
    line-height: 16px;
    width: 100%;

}

/* Hide the browser's default checkbox */
.booking-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: fff;
    border: 1px solid #c52d2f;
}

/* On mouse-over, add a grey background color */
.booking-check:hover input ~ .checkmark {
    background-color: fff;
}

/* When the checkbox is checked, add a blue background */
.booking-check input:checked ~ .checkmark {
    background-color: fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.booking-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.booking-check .checkmark:after {
   left: 4px;
    top: 0px;
    width: 6px;
    height: 9px;
    border: solid #c52d2f;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.booking-check {

    font-weight:normal !important;
}

#body-bg {
  background: url(/images/header01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.login-box, .register-box {
    width: 360px;
    margin: 5% auto 7% 12%;
}


@media only screen and (max-width: 600px) {
  .login-box, .register-box {
    width: 75%;
    margin: 5% auto 7% 12%;
}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}


ul {
	list-style-type: none;

}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
            .error {
	color: red;
        padding-left: 0 !important;
}

 </style>
     <script src='https://www.google.com/recaptcha/api.js'></script>
    </head>
    <body class="hold-transition login-page" id="body-bg">
        <div class="login-box">

            <!-- /.login-logo -->
            <div class="login-box-body">
                <p class="login-box-msg">Sign in to start your session</p>
                <div class="col-lg-12 error_msg_class" style="color: red; padding:5px;"><?php echo $errorMsg; ?></div>

                <?php
                $form = $this->form;
                $form->prepare();
                $form->setAttribute('method', 'post');
                $form->setAttribute('id', 'login-form');
                echo $this->form()->openTag($form);
                ?>

                <!--<div class="form-group has-feedback">
                    <?php echo $this->formElement($form->get('user_type_id')); ?>
                    <span class="showerror">
                        <?php echo $this->formElementErrors($form->get('user_type_id'), ['class' => 'error']); ?>
                    </span>
                </div>-->
                <div class="form-group has-feedback">
                    <?php echo $this->formElement($form->get('user_name')); ?>
                    <span class="showerror">
                        <?php echo $this->formElementErrors($form->get('user_name'), ['class' => 'error']); ?>
                    </span>
                </div>
                <div class="form-group has-feedback">
                    <?php echo $this->formElement($form->get('username')); ?>
                    <span class="showerror">
                        <?php echo $this->formElementErrors($form->get('username'), ['class' => 'error']); ?>
                    </span>
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <?php echo $this->formElement($form->get('password')); ?>
                    <span class="showerror">
                        <?php echo $this->formElementErrors($form->get('password'), ['class' => 'error']); ?>
                    </span>
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>


                <div class="form-group">
                    <div class="g-recaptcha" data-sitekey="<?php echo $captchaKey; ?>"></div>
                    <div class="error"><?php echo $this->error; ?></div>
                 </div>


                <div class="row">
                    <div class="col-xs-4 padding-top10px">
                        <label class="booking-check">Remember
                            <input type="checkbox" checked="checked">
                            <span class="checkmark"></span>
                        </label>
                    </div>
                    <!-- /.col -->
                    <div class="col-xs-4">
                        <?php echo $this->FormElement($form->get('login_dashboard')); ?>
                    </div>
                    <div class="col-xs-4">
                        <a href="<?php echo $this->url('affilate-registration', ['controller' => 'index', 'action' => 'affilate-registration']); ?>" ><input type="button" name="NewUser" value="Sign Up" class="btn btn-danger btn-block btn-flat"></Button></a>
                    </div>
                    <!-- /.col -->
                </div>


                <?php echo $this->form()->closeTag(); ?>                
                <a href="<?php echo $this->url('forgot-password'); ?>">I forgot my password</a><br>               
            </div>
            <!-- /.login-box-body -->
        </div>
        
        <!-- Modal HTML -->
<div id="ajax-modal" class="modal fade" aria-hidden="true" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Content will be loaded here from "remote" file -->
        </div>
    </div>
</div>
        
        <?php
echo $this->headScript() 
        ->prependFile($this->basePath() . '/js/common.js', $type = 'text/javascript', $attrs = ['defer' => 'defer'])       
        ->prependFile($this->basePath() . '/js/load-modal-content.js', $type = 'text/javascript', $attrs = ['defer' => 'defer'])
        ->prependFile($this->basePath() . '/js/libs/bootstrap.min.js', $type = 'text/javascript', $attrs = ['defer' => 'defer'])
        ->prependFile($this->basePath() . '/js/libs/jquery.min.js', $type = 'text/javascript', $attrs = ['defer' => 'defer'])
?>
    </body>
</html>