<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Meta, title, CSS, favicons, etc. -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title><?php echo $this->lang->line('lost_your_password'). ' | ' . SMS;  ?></title>
        
         <?php if($this->global_setting->favicon_icon){ ?>
            <link rel="icon" href="<?php echo UPLOAD_PATH; ?>/logo/<?php echo $this->global_setting->favicon_icon; ?>" type="image/x-icon" />             
        <?php }else{ ?>
            <link rel="icon" href="<?php echo IMG_URL; ?>favicon.ico" type="image/x-icon" />
        <?php } ?>
            
        <!-- Bootstrap -->
        <link href="<?php echo VENDOR_URL; ?>bootstrap/bootstrap.min.css" rel="stylesheet">
        <!-- Font Awesome -->
        <link href="<?php echo VENDOR_URL; ?>font-awesome/css/font-awesome.min.css" rel="stylesheet">     
        <!-- Custom Theme Style -->
        <link href="<?php echo CSS_URL; ?>custom.css" rel="stylesheet">
        
        <?php $this->load->view('layout/login-css'); ?>
        
        <style>
        body {
            background-size: 100%;
            background-repeat: round;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
        
    </head>

    <body class="login" style="background-size: 100%; background-repeat: round;">     
 
        <div class="login_wrapper">
            <!--<section>-->
            <!--    <center>-->
            <!--        <?php  if(UPLOAD_PATH.'logo/'.$this->global_setting->brand_logo){ ?>-->
            <!--            <img  src="<?php echo UPLOAD_PATH.'logo/'.$this->global_setting->brand_logo; ?>" style="max-width: 100px;" alt="">-->
            <!--        <?php }else{ ?>-->
            <!--            <img  width="100" height="100" src="<?php echo IMG_URL; ?>/sms-logo.png">-->
            <!--        <?php } ?>-->
            <!--    </center>-->
            <!--</section>-->
            <div class="form login_form" style="background-color: transparent;
 height: auto;
            max-width: 500px;
            margin: 0 auto;border: 2px rgba(255, 255, 255, 0.2) solid;border-radius: 10px;backdrop-filter: blur(10px);">
                <section><h1 class="text-center" style="font-weight: 600;
    font-size: 50px;
    
    background: -webkit-linear-gradient(#4568dc, #b06ab3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;"><?php echo $this->lang->line('reset_password'); ?></h1></section>    
                <section class="login_content">
                    <div class="col-md-12 col-sm-12 col-xs-12 text-center" >
                        <p class="red" style="color:#fff;"><?php echo $this->session->flashdata('error'); ?></p>
                        <p class="green" style="color:#fff;"><?php echo $this->session->flashdata('success'); ?></p>
                    </div>
                    <?php echo form_open(site_url('auth/forgotpass'), array('name' => 'login', 'id' => 'login'), ''); ?>
                    <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback"style="margin-top: -20px;
    margin-bottom: 10px;">
                        <input type="text" name="username"style="border-radius: 99px;
    height: 40px;" class="form-control has-feedback-left" placeholder="<?php echo $this->lang->line('username'); ?>" autocomplete="off">
                        <span class="fa fa-user form-control-feedback left" style="padding-top:4px" aria-hidden="true"></span>
                    </div>
                   
                    <div class="col-md-6 col-sm-6 col-xs-12" style="width: 100%;
">
                        <input  class="btn btn-primary login-button"  style="border-radius: 100px;
    background-color: #7054e6 !important;
    border: none !important;
    width: 100%;
    height: 38px;
    color: white !important;
    font-weight: 700;
    font-size: 20px;" type="submit" name="submit" value="<?php echo $this->lang->line('submit'); ?>"/>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12" style="width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;">
                        <a class="" style="text-align: center;color:#000!important;font-weight:600" href="<?php echo site_url('auth/login') ?>"><?php echo $this->lang->line('back_to_login'); ?></a>
                    </div>
                    <div class="clearfix"></div>                        
                    <?php echo form_close(); ?>
                </section>
            </div>
        </div>
    </body>
</html>
