관리-도구
편집 파일: login.blade.php
@extends('layouts.appss') @section('content') <!-- .page-title --> <div class="page-title relative"> <div class="paralaximg" data-parallax="scroll" data-image-src="images/gallery/a4.png"> </div> <div class="content"> <div class="container"> <div class="row"> <div class="col-12"> <h3 class="title">Login</h3> <ul class="breadcrumb"> <li><a href="/">Homepage</a></li> <li>Account</li> </ul> </div> </div> </div> </div> </div><!-- /.page-title --> <section class="flat-spacing"> <div class="container"> <div class="login-wrap"> <div class="login-card"> <div class="heading text-center"> <h4>Login</h4> </div> {{-- STEP 1: Enter Email --}} @if(!session('otp_sent')) <form action="{{ route('send.otp') }}" method="POST"> @csrf <div class="mb-3"> <input class="form-control" type="email" name="email" placeholder="Enter your email" required> @error('email') <small class="text-danger">{{ $message }}</small> @enderror </div> <button class="tf-btn btn-onsurface w-100" type="submit"> Send OTP </button> </form> @endif {{-- STEP 2: Enter OTP --}} @if(session('otp_sent')) <form action="{{ route('verify.otp') }}" method="POST" class="mt-3"> @csrf <input type="hidden" name="email" value="{{ session('email') }}"> <div class="mb-3"> <input class="form-control" type="text" name="otp" maxlength="6" placeholder="Enter OTP" required> @error('otp') <small class="text-danger">{{ $message }}</small> @enderror </div> <button class="tf-btn btn-onsurface w-100" type="submit"> Verify OTP </button> </form> <div class="text-center mt-3"> <a href="{{ route('login') }}" class="text-primary">Resend OTP?</a> </div> @endif </div> </div> </div> </section> <style> .login-wrap { display: flex; justify-content: center; align-items: center; min-height: 70vh; } .login-card { width: 400px; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } </style> @endsection