@extends('layouts.merchant.focused')
@section('content')

<div class="mb-12">
  <h5 class="mb-2">Welcome Back</h5>
  <p class="text-muted mb-0">
    Sign in to access your dashboard, manage data, and explore analytics
  </p>
</div>
<form id="signinForm" action="{{route('merchant.login')}}" method="POST">
  @csrf
  <div class="mb-4">
    <input type="email" name="email" class="form-control" id="email" placeholder="Email Address" required>
  </div>
  <div class="mb-4">
    <div class="position-relative">
      <input type="password" class="form-control" name="password" id="password" placeholder="Password" required>
      <button type="button" class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted toggle-password" id="toggle-password" data-target="password">
        <i class="ri-eye-off-line align-middle"></i>
      </button>
    </div>
  </div>
  <div class="mb-10">
    <div class="d-flex flex-wrap justify-content-between align-items-center">
      <div class="form-text ms-auto">
        <a href="{{route('admin.forgot_password')}}" class="link link-primary">Forgot password?</a>
      </div>
    </div>
  </div>
  <div class="text-center">
    <button type="submit" class="btn btn-primary w-100">Sign In</button>
  </div>
</form>
@endsection