<?php
$CI = &get_instance();
$CI->load->model('dashboard/Themes');
$theme = $CI->Themes->get_theme();
?>
<section class="section-about py-3">
    <div class="container">

       <!--  <nav aria-label="breadcrumb" class="my-1">
            <ol class="breadcrumb d-inline-flex mb-0">
                <li class="breadcrumb-item align-items-center"><a href="<?php echo base_url() ?>" class="d-flex align-items-center"><i data-feather="home" class="mr-2"></i><?php echo display('home') ?></a></li>
                <li class="breadcrumb-item align-items-center active"><a href="<?php echo base_url('forget_password_form') ?>" class="d-flex align-items-center"><?php echo display('forget_password') ?></a></li>
            </ol>
        </nav> -->
<div class="page-breadcrumbs">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-8">
                <!-- new breadcrumb -->
         <nav aria-label="breadcrumb" class="my-2">
        <ol class="breadcrumb d-inline-flex mb-0">
            <li class="breadcrumb-item align-items-center"><a href="<?php echo base_url() ?>" class="categorylink d-flex align-items-center"><i data-feather="home" class="mr-2"></i><?php echo display('home') ?></a></li>
            <!-- <li class="breadcrumb-item align-items-center"><a href="<?php echo base_url('category/p/' . remove_space($category_name) . '/' . $category_id) ?>" class="d-flex align-items-center"><?php echo html_escape($category_name); ?></a></li> -->
            <li class="breadcrumb-item align-items-center"><a href="#" class="categorylink d-flex align-items-center categorylinkpink">
                      <?php echo display('forget_password') ?>
            </a></li>

        </ol>
    </nav>



        <!-- end new breadcrumb -->
        <!-- <ol class="breadcrumb">
            <li><a href="<?php echo base_url() ?>"><?php echo display('home') ?></a></li>
            <li class="active"><?php echo display('forget_password') ?></li>
        </ol> -->
            </div>
        </div>
       <!--  <ol class="breadcrumb">
            <li><a href="<?php echo base_url() ?>"><?php echo display('home') ?></a></li>
            <li class="active"><?php echo display('forget_password') ?></li>
        </ol> -->
    </div>
</div>

        <div class="row">
            <div class="col-md-10 offset-md-1 col-lg-6 offset-lg-3">
                <!-- Alert Message -->
                <?php
$message = $this->session->userdata('message');
if (isset($message)) {
	?>
                    <div class="alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <?php echo $message ?>
                    </div>
                    <?php
$this->session->unset_userdata('message');
}
$error_message = $this->session->userdata('error_message');
if (isset($error_message)) {
	?>
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <?php echo $error_message ?>
                    </div>
                    <?php
$this->session->unset_userdata('error_message');
}
?>

            </div>
        </div>
        <div class="row justify-content-center mb-5">
            <!-- <div class="col-md-4"> -->
            <div class="col-md-6">
                <h4 class="text-center pink"><?php echo display('lost_your_password') ?></h4>
                <hr class="customgrey mt-0">
                <!-- <div class="form-title_wrap mb-3">
                    <p class="form-title mb-0"><?php echo display('lost_your_password') ?></p>
                </div> -->
                <!--Login Form-->
                <?php echo form_open('#'); ?>
                    <div class="recover_msg" id="recover_message"></div>
                    <div class="form-group my-3">
                        <input type="email" class="form-control" name="forget_email" id="forget_email" value="<?php echo set_value('forget_email') ?>" placeholder="<?php echo display('email') ?>" style="text-align: center;" >
                    </div>

                     <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
                    <!-- <button type="submit" id="forget_password_btn" class="btn btn-primary btn-block color4"><?php echo display('reset_password') ?></button> -->
                    <button type="submit" id="forget_password_btn" class="btn  btn-block pinkbutton "><?php echo display('reset_password') ?></button>
                <?php echo form_close(); ?>
                <div>

                    <div id="loader">
                        <img class="loader_img img-fluid" src="<?php echo base_url('my-assets/image/loader.gif') ?>" alt="" width="100">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- google recaptcha -->
      <script src='https://www.google.com/recaptcha/api.js?render=<?php echo $this->config->item('google_captcha_public_key') ?>'></script>

    <script>
        grecaptcha.ready(function () {
            grecaptcha.execute('<?php echo $this->config->item('google_captcha_public_key') ?>', { action: 'contact' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });
        });
    </script>

    <!-- end google recaptcha -->

<script src="<?php echo THEME_URL . $theme . '/assets/ajaxs/forget_password.js'; ?>"></script>