<!DOCTYPE html>
<html lang="id">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <title><?php echo $title; ?> - <?php echo $profil['nama']; ?></title>
    <base href="<?php echo base_url(); ?>"/>
    <link rel="icon" type="image/icon" sizes="16x16" href="assets/admin/img/<?php echo $profil['favicon']; ?>"> 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="<?php echo $title; ?> - <?php echo $profil['nama']; ?>">
    <meta name="author" content="<?php echo $profil['nama']; ?>">
    <meta property="og:title" content="<?php echo $title; ?> - <?php echo $profil['nama']; ?>" />
    <!-- Bootstrap core CSS -->
    <link href="assets/home/css/bootstrap.min.css" rel="stylesheet">

    
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/home/fontawesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="assets/home/css/util.css">
    <link rel="stylesheet" type="text/css" href="assets/home/css/main.css">
    <style>
        @font-face {
            font-family: "opensans";
            src: url('assets/home/font-face/OpenSans/OpenSans-Regular.ttf');
        }

        @font-face {
            font-family: "button";
            src: url('assets/home/font-face/OpenSans/OpenSans-SemiBold.ttf');
        }

        @font-face {
            font-family: "robotobold";
            src: url('assets/home/font-face/Roboto/Roboto-Bold.ttf');
        }

        @font-face {
            font-family: "montserrat-regular";
            src: url('assets/home/font-face/Montserrat/MONTSERRAT-REGULAR.OTF');
        }

        @font-face {
            font-family: "montserrat-bold";
            src: url('assets/home/font-face/Montserrat/MONTSERRAT-BOLD.OTF');
        }

        @font-face {
            font-family: "montserrat-semibold";
            src: url('assets/home/font-face/Montserrat/MONTSERRAT-SEMIBOLD.OTF');
        }

        @font-face {
            font-family: "Silka";
            src: url('assets/home/font-face/Silka/SILKA-REGULAR-WEBFONT.TTF');
        }

        @font-face {
            font-family: "Silka-bold";
            src: url('assets/home/font-face/Silka/SILKA%20BLACK.OTF');
        }
        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 200;
            font-size: 12px;
             color: #BDBDBD;
        }
        ::-moz-placeholder { /* Firefox 19+ */
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 200;
            font-size: 12px;
             color: #BDBDBD;
        }
        :-ms-input-placeholder { /* IE 10+ */
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 200;
            font-size: 12px;
             color: #BDBDBD;
        }
        :-moz-placeholder { /* Firefox 18- */
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 200;
            font-size: 12px;
             color: #BDBDBD;
        }
        .subtitle4 {
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 900;
            font-size: 15px;
            line-height: 130%%;
            color: #4F4F4F;
        }
        .subtitle {
            font-family: 'montserrat-regular';
            font-style: SemiBold; 
            font-weight: 600;
            font-size: 12px;
            line-height: 130%%;
            color: #4F4F4F;
        }
        .subtitle-green {
            font-family: 'montserrat-regular';
            font-style: normal; 
            font-weight: 400;
            font-size: 12px;
            line-height: 130%%;
            color: #85B440;
        }

        .fa, .fas {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
        }
        .fa, .fas, .far, .fal, .fad, .fab {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
        }
        .alert {
            width: 100%;
            position: relative;
            padding: .75rem 1.25rem;
            margin-bottom: 1rem;
            border: 1px solid transparent;
            border-radius: .25rem;
        }

    </style>
</head>
<body style="background-color: #f7f7f7;">
<main role="main" class="container with-navbar" style="padding:0px 0px 0px 0px; max-width: 480px !important; background-color: #ffffff">
    <nav class="container navbar fixed-top navbar-default p-0 title benihbaik_solid" style="max-width: 480px;">
        <div style="max-width: 480px !important; margin: 0px 30px;height: 100%;width: 100%; display: flex; align-items: center;">
            <span class="navbar-text title-navbar">
                <a href="javascript:history.go(-1)" class="navbar-text mr-2">
                    <i class="fa fa-arrow-left title " style="color:#828282;     font-size: 15px;"></i>
                </a>
            </span>             
        </div>
    </nav>
        <div class="container-login100">
            <div class="wrap-login100">
            <form action="" method="post" class="login100-form validate-form flex-sb flex-w" style="max-width:500px;margin:auto">
                <input type="hidden" name="<?php echo $this->security->get_csrf_token_name(); ?>" value="<?php echo $this->security->get_csrf_hash(); ?>">
                    <span class="login100-form-title p-b-10 text-center">
                        <h2 class="center" style="font-family: 'montserrat-bold';margin: 0 auto; margin-top:35px;margin-bottom:15px;"><?php echo $profil['nama']; ?></h2>
                    </span>
                    <span class="subtitle4 p-b-20">
                         Pulihkan Password
                    </span>
                    <span class="subtitle p-b-20">
                         Silakan Masukkan Email yang terdaftar    
                    </span>
                    <?php if($this->session->flashdata('flash')): ?>
                    <div style="width: 100%;" class="alert alert-success">
                        <strong><i class="fa fa-check-circle"></i></strong> <?php echo $this->session->flashdata('flash'); ?>
                    </div>
                    <?php endif; ?>
                    <?php if($this->session->flashdata('error')): ?>
                    <div style="width: 100%;" class="alert alert-danger">
                        <strong><i class="fa fa-times-circle"></i></strong> <?php echo $this->session->flashdata('error'); ?>
                    </div>
                    <?php endif; ?>
                                   
                    <div class="wrap-input100 validate-input  m-b-25  " data-validate="email is required">
                        <input class="input100" type="email" value="" name="email" placeholder="Masukan Email Anda" />
                        <span class="focus-input100"></span>
                    </div> 
                    <div class="text-danger m-b-3 m-l-5" style="font-family: 'montserrat-regular';font-size:12px;">
                        <?php echo form_error('email'); ?>
                    </div>      
                    
                    <div class="container-login100-form-btn p-b-14">
                        <button class="login100-form-btn" type="submit">
                            Cek 
                        </button>
                    </div>  
                   
                   
                </form>
            </div>
        </div>

</main>
<script src="assets/home/colorlib.com/etc/lf/Login_v14/vendor/jquery/jquery-3.2.1.min.js"></script>

</body>
</html>