

<!DOCTYPE html>
<html lang="zxx">

<!-- Mirrored from demo.dashboardpack.com/marketing-html/index_2.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 26 May 2023 10:14:44 GMT -->
<head>

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>RFID</title>

 <!-- Other head elements -->
<link href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>

<link rel="icon" href="img/logo.png" type="image/png">

<link rel="stylesheet" href="/static/css/bootstrap1.min.css" />

<link rel="stylesheet" href="/static/vendors/themefy_icon/themify-icons.css" />

<link rel="stylesheet" href="/static/vendors/niceselect/css/nice-select.css" />

<link rel="stylesheet" href="/static/vendors/owl_carousel/css/owl.carousel.css" />

<link rel="stylesheet" href="/static/vendors/gijgo/gijgo.min.css" />

<link rel="stylesheet" href="/static/vendors/font_awesome/css/all.min.css" />
<link rel="stylesheet" href="/static/vendors/tagsinput/tagsinput.css" />

<link rel="stylesheet" href="/static/vendors/datepicker/date-picker.css" />

<link rel="stylesheet" href="/static/vendors/scroll/scrollable.css" />

<link rel="stylesheet" href="/static/vendors/datatable/css/jquery.dataTables.min.css" />
<link rel="stylesheet" href="/static/vendors/datatable/css/responsive.dataTables.min.css" />
<link rel="stylesheet" href="/static/vendors/datatable/css/buttons.dataTables.min.css" />

<link rel="stylesheet" href="/static/vendors/text_editor/summernote-bs4.css" />

<link rel="stylesheet" href="/static/vendors/morris/morris.css">

<link rel="stylesheet" href="/static/vendors/material_icon/material-icons.css" />

<link rel="stylesheet" href="/static/css/metisMenu.css">

<link rel="stylesheet" href="/static/css/style1.css" />
<link rel="stylesheet" href="/static/css/colors/default.css" id="colorSkinCSS">
<style>
 .form-control {
    border-color:#14cfc8!important;
  }
/*.logo {
    width: 106px;
    height: 100px;
    border-radius: 50%;
    margin: 30px auto;
    display: block;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}
*/
 /* footer {
  position:relative;
  width:100%;
  background :#14cfc8;
  min-height:100px;
  padding: 20px 50px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;

 }
footer .wave{
   position :absolute;
   top :-100px;
   left : 0;
   width : 100%;
   height : 100px;
   background : url(static/img/wave.png);
   background-size:1000px 100px;

}
footer .wave#wave1 {
  z-index :1000;
  opacity :1;
  bottom : 0;
  animation :animateWave 4s linear infinite;
}
footer .wave#wave2 {
  z-index :999;
  opacity :0.5;
  bottom : 10px;
  animation :animateWave_02 4s linear infinite;
}
@keyframes animateWave{

  0%
    {
      background-position-x : 1000px;
    }
  100%
    {
      background-position-x : 0px;
    }

}

@keyframes animateWave_02{

  0%
    {
      background-position-x : 0px;
    }
  100%
    {
      background-position-x : 1000px;
    }

}
*/


</style>
</head>
<body class="crm_body_bg">


<section class="main_content dashboard_part" style="padding-left :0!important">


{% comment %} <div class="main_content_iner " style="background: white"> {% endcomment %}
<div style="background: white">
<div class="container-fluid p-0">
<div class="row justify-content-center">
<div class="col-12 col-md-12">
<div class="dashboard_header mb_50">
<div class="row">
<div class="text-center">
   <img src="/static/img/thingzxcess-logo.png" alt="Logo" class="logo_thing">
</div>
 <div class="col-md-6 mx-auto">
        {% if messages %}
        <div class="container">
            {% for message in messages %}
            <div class="alert alert-danger alert-{{ message.tags }} alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            {% endfor %}
        </div>
        {% endif %}
    </div> 
<div class="col-lg-12 col-md-12">
<div class="mb_30">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">

<div class="modal-content cs_modal">
<div class="modal-header justify-content-center theme_bg_1">

<h5 class="modal-title text_white">Log in</h5>
</div>

<div class="modal-body">
<form method="POST" action="/" enctype="multipart/form-data">
    {% csrf_token %}


<div class>
<input type="text" name="email" class="form-control" placeholder="Enter your email" value="{{ request.session.entered_email }}" required>
</div>
<div class>
<input type="password"  name="password" class="form-control" placeholder="Password" required>
{% comment %} {% if messages %}
    {% for message in messages %}
        <p>{{ message }}</p>
    {% endfor %}
  {% endif %} {% endcomment %}
</div>


<div class="d-grid gap-2">
    <button type="submit" class="btn button_with_theme ">Login</button>
</div>
<p>Need an account? <a href="{% url 'signup_page' %}"> Sign Up</a></p>
<div class="text-center">
<a href="{% url 'forget' %}" class="pass_forget_btn">Forget Password?</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</section>

<footer>
<div class="waves">
  <div class="wave" id="wave1"></div>
  <div class="wave" id="wave2"></div>
  <div class="wave" id="wave3"></div>
  <div class="wave" id="wave4"></div>
</div>

</footer>


<script src="/static/js/jquery1-3.4.1.min.js"></script>

<script src="/static/js/popper1.min.js"></script>



<script src="/static/js/bootstrap1.min.js"></script>

<script src="/static/js/metisMenu.js"></script>

<script src="/static/vendors/count_up/jquery.waypoints.min.js"></script>

<script src="/static/vendors/chartlist/Chart.min.js"></script>

<script src="/static/vendors/count_up/jquery.counterup.min.js"></script>

<script src="/static/vendors/niceselect/js/jquery.nice-select.min.js"></script>

<script src="/static/vendors/owl_carousel/js/owl.carousel.min.js"></script>

<script src="/static/vendors/datatable/js/jquery.dataTables.min.js"></script>
<script src="/static/vendors/datatable/js/dataTables.responsive.min.js"></script>
<script src="/static/vendors/datatable/js/dataTables.buttons.min.js"></script>
<script src="/static/vendors/datatable/js/buttons.flash.min.js"></script>
<script src="/static/vendors/datatable/js/jszip.min.js"></script>
<script src="/static/vendors/datatable/js/pdfmake.min.js"></script>
<script src="/static/vendors/datatable/js/vfs_fonts.js"></script>
<script src="/static/vendors/datatable/js/buttons.html5.min.js"></script>
<script src="/static/vendors/datatable/js/buttons.print.min.js"></script>
<script src="/static/js/chart.min.js"></script>

<script src="/static/vendors/progressbar/jquery.barfiller.js"></script>

<script src="/static/vendors/tagsinput/tagsinput.js"></script>

<script src="/static/vendors/text_editor/summernote-bs4.js"></script>
<script src="/static/vendors/am_chart/amcharts.js"></script>
<script src="/static/vendors/apex_chart/apexcharts.js"></script>
<script src="/static/vendors/apex_chart/apex_dashboard.js"></script>

<script src="/static/vendors/scroll/perfect-scrollbar.min.js"></script>
<script src="/static/vendors/scroll/scrollable-custom.js"></script>
<script src="/static/vendors/chart_am/core.js"></script>
<script src="/static/vendors/chart_am/charts.js"></script>
<script src="/static/vendors/chart_am/animated.js"></script>
<script src="/static/vendors/chart_am/kelly.js"></script>
<script src="/static/vendors/chart_am/chart-custom.js"></script>

<script src="/static/js/custom.js"></script>

</body>
</html>