<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Sign In | {{ $profil->nama_toko }}</title>
<!-- Favicon-->
<link rel="icon" href="{{ url('material') }}/favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
{{-- <link href="{{ url('material') }}/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> --}}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
{{-- Bootstrap Icon --}}
<link rel="stylesheet"
href="{{ url('https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css') }}">
<!-- Waves Effect Css -->
<link href="{{ url('material') }}/plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="{{ url('material') }}/plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Custom Css -->
<link href="{{ url('material') }}/css/style.css" rel="stylesheet">
<style>
.btn-purple {
background-color: purple;
color: #fff;
}
.btn-purple:hover {
background-color: rgb(86, 10, 86);
color: #fff;
}
</style>
</head>
<body
style="background-color: #f2f5f7; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0;">
<div style="width: 100%; max-width: 400px;">
{{-- <a href="/" class="btn btn-default my-3"><i class="bi bi-arrow-left"></i> Kembali</a> --}}
<div class="card rounded" style="box-shadow: 0 0 15px rgba(0,0,0,0.1);">
<div class="p-5">
<div class="mb-5">
{{-- <a href="javascript:void(0);">{{ env("APP_NAME") }}</a> --}}
<h2 class="text-center fw-bold" style="color: #333;">{{ $profil->nama_toko }}</h2>
{{-- <small>Admin BootStrap Based - Material Design</small> --}}
</div>
@if ($errors->has('email'))
<div class="alert bg-red rounded" style="background-color: rgb(219, 115, 115); color: #fff;">
{{ $errors->first('email') }}
</div>
@endif
<form id="sign_in" method="POST" action="{{ route('verify.auth') }}">
@csrf
<div class="input-group mb-3">
<div class="form-line">
<input type="number" class="form-control p-2" name="otp" placeholder="OTP code" required max="9999" min="0000"
autofocus>
</div>
</div>
<div class="col-xs-4 my-2">
<button class="btn w-100 btn-purple py-2" type="submit">SIGN IN</button>
</div>
</div>
{{-- <div class="row m-t-15 m-b--20">
<div class="col-xs-6">
<a href="sign-up.html">Register Now!</a>
</div>
<div class="col-xs-6 align-right">
<a href="forgot-password.html">Forgot Password?</a>
</div>
</div> --}}
</form>
</div>
</div>
</div>
<!-- Jquery Core Js -->
<script src="{{ url('material') }}/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap Core Js -->
{{-- <script src="{{ url('material') }}/plugins/bootstrap/js/bootstrap.js"></script> --}}
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
</script>
<!-- Waves Effect Plugin Js -->
<script src="{{ url('material') }}/plugins/node-waves/waves.js"></script>
<!-- Validation Plugin Js -->
<script src="{{ url('material') }}/plugins/jquery-validation/jquery.validate.js"></script>
<!-- Custom Js -->
<script src="{{ url('material') }}/js/admin.js"></script>
<script src="{{ url('material') }}/js/pages/examples/sign-in.js"></script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell