@extends('layouts.public')
@section('title', 'ثبت‌نام')
@section('content')
<div class="max-w-md mx-auto px-4 py-14">
  <div class="card">
    <h1 class="text-xl font-bold mb-1">ساخت حساب جدید</h1>
    <p class="text-sm text-slate-500 mb-5">در چند ثانیه شروع کنید.</p>
    @include('partials.flash')
    <form method="POST" action="{{ route('register') }}" class="space-y-4">@csrf
      <div><label class="lbl">نام</label><input name="name" value="{{ old('name') }}" required class="inp"></div>
      <div><label class="lbl">ایمیل</label><input type="email" name="email" value="{{ old('email') }}" required class="inp text-left" dir="ltr"></div>
      <div><label class="lbl">رمز عبور (حداقل ۸ کاراکتر)</label><input type="password" name="password" required class="inp text-left" dir="ltr"></div>
      <div><label class="lbl">تکرار رمز عبور</label><input type="password" name="password_confirmation" required class="inp text-left" dir="ltr"></div>
      <button class="btn-p w-full">ثبت‌نام</button>
    </form>
    <p class="text-sm text-center mt-5 text-slate-500">قبلاً ثبت‌نام کرده‌اید؟ <a href="{{ route('login') }}" class="text-indigo-600 font-medium">ورود</a></p>
  </div>
</div>
@endsection