<!doctype html>
<html lang="en" class="theme-fs-md">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Easyfie.com is an online platform For the local business.</title>
<!-- Config Options -->
<meta name="setting_options" content="{'Hello world'}">
<!-- End Config Options -->
<link rel="shortcut icon" href="https://www.easyfie.com/users/images/favicon.ico" />
<link rel="stylesheet" href="https://www.easyfie.com/users/css/libs.min.css">
<link rel="stylesheet" href="https://www.easyfie.com/users/css/socialv.css?v=5.0.2">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
<!-- flatpickr css -->
<link rel="stylesheet" href="https://www.easyfie.com/users/vendor/flatpickr/dist/flatpickr.min.css" />
<!-- Sweetlaert2 css -->
<link rel="stylesheet" href="https://www.easyfie.com/users/vendor/sweetalert2/dist/sweetalert2.min.css" />
<!-- vanillajs css -->
<link rel="stylesheet" href="https://www.easyfie.com/users/vendor/vanillajs-datepicker/dist/css/datepicker.min.css">
<!-- color customizer css -->
<link rel="stylesheet" href="https://www.easyfie.com/users/css/customizer.css">
</head>
<body class=" ">
<!-- loader Start -->
<div id="loading">
<div id="loading-center">
</div>
</div>
<!-- loader END -->
<div class="wrapper">
<section class="sign-in-page min-vh-100 d-flex align-items-center">
<div id="container-inside" class="position-absolute w-100 h-100" style="z-index: 0;">
<div id="circle-small"></div>
<div id="circle-medium"></div>
<div id="circle-large"></div>
<div id="circle-xlarge"></div>
<div id="circle-xxlarge"></div>
</div>
<div class="container p-0">
<div class="row no-gutters bg-white rounded-4 shadow-lg overflow-hidden">
<div class="col-md-6 text-center pt-3 pt-md-0 order-2 order-md-1 d-flex align-items-center justify-content-center" style="background: #009faa !important;">
<div class="sign-in-detail text-white p-4" style="margin-top: 30%;">
<img src="https://www.easyfie.com/users/images/banner-easyfie.jpg" class="img-fluid rounded-3 shadow-lg mb-3 mb-md-4" alt="logo"
style="width: 100%; max-width: 500px; height: auto;">
</div>
</div>
<div class="col-md-6 px-4 px-md-5 py-5 order-1 order-md-2">
<div class="sign-in-from">
<div class="mb-4 text-center text-md-start">
<h1 class="mb-2 h2 fw-bold text-primary">Welcome Back!</h1>
<p class="text-muted">Enter your credentials to access your account</p>
</div>
<form class="mt-4" method="post" action="https://www.easyfie.com/login">
<input type="hidden" name="_token" value="H19GwEHd3uUk1RaydbT25AwnTY6WUmxWfj9q1N5S" autocomplete="off">
<div class="form-group mb-4">
<label class="form-label fw-semibold mb-2" for="exampleInputEmail1">Email or Username</label>
<input type="text" name="email" class="form-control form-control-lg rounded-3" id="exampleInputEmail1"
placeholder="Enter your email or username">
</div>
<div class="form-group mb-4">
<div class="d-flex justify-content-between align-items-center mb-2">
<label class="form-label fw-semibold mb-0" for="exampleInputPassword1">Password</label>
<a href="https://www.easyfie.com/forgot" class="text-primary text-decoration-none">Forgot password?</a>
</div>
<div class="input-group">
<input type="password" name="password" class="form-control form-control-lg rounded-start-3"
id="exampleInputPassword1" placeholder="Enter your password">
<button class="btn btn-light border px-3 rounded-end-3" type="button" id="togglePassword">
<span class="material-symbols-outlined">
visibility_off
</span>
</button>
</div>
</div>
<div class="d-flex flex-column gap-3 mt-4">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customCheck11">
<label class="form-check-label" for="customCheck11">Keep me signed in</label>
</div>
<button type="submit" class="btn btn-primary btn-lg w-100 rounded-3">Sign in</button>
</div>
<div class="text-center mt-4">
<p class="mb-0">Don't have an account? <a href="https://www.easyfie.com/register" class="text-primary text-decoration-none fw-semibold">Create Account</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Backend Bundle JavaScript -->
<script src="https://www.easyfie.com/users/js/libs.min.js"></script>
<!-- Lodash Utility -->
<script src="https://www.easyfie.com/users/vendor/lodash/lodash.min.js"></script>
<!-- Utilities Functions -->
<script src="https://www.easyfie.com/users/js/setting/utility.js"></script>
<!-- Settings Script -->
<script src="https://www.easyfie.com/users/js/setting/setting.js"></script>
<!-- Settings Init Script -->
<script src="https://www.easyfie.com/users/js/setting/setting-init.js" defer></script>
<!-- slider JavaScript -->
<script src="https://www.easyfie.com/users/js/slider.js"></script>
<!-- masonry JavaScript -->
<script src="https://www.easyfie.com/users/js/masonry.pkgd.min.js"></script>
<!-- SweetAlert JavaScript -->
<script src="https://www.easyfie.com/users/js/enchanter.js"></script>
<!-- Sweet-alert Script -->
<script src="https://www.easyfie.com/users/vendor/sweetalert2/dist/sweetalert2.min.js" async></script>
<script src="https://www.easyfie.com/users/js/sweet-alert.js" defer></script>
<!-- Chart Custom JavaScript -->
<script src="https://www.easyfie.com/users/js/customizer.js"></script>
<!-- app JavaScript -->
<script src="https://www.easyfie.com/users/js/charts/weather-chart.js"></script>
<script src="https://www.easyfie.com/users/js/app.js"></script>
<!-- Flatpickr Script -->
<script src="https://www.easyfie.com/users/vendor/flatpickr/dist/flatpickr.min.js"></script>
<!-- fslightbox Script -->
<script src="https://www.easyfie.com/users/js/fslightbox.js" defer></script>
<!-- vanilla Script -->
<script src="https://www.easyfie.com/users/vendor/vanillajs-datepicker/dist/js/datepicker.min.js"></script>
<!--lottie Script -->
<script src="https://www.easyfie.com/users/js/lottie.js"></script>
<!--select2 Script -->
<script src="https://www.easyfie.com/users/js/select2.js"></script>
<script>
const togglePassword = document.querySelector('#togglePassword');
const password = document.querySelector('#exampleInputPassword1');
togglePassword.addEventListener('click', function(e) {
const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
password.setAttribute('type', type);
// Toggle between visibility and visibility_off icons
const icon = this.querySelector('.material-symbols-outlined');
icon.textContent = type === 'password' ? 'visibility_off' : 'visibility';
});
</script>
</body>
</html>