@extends('layouts.auth')
@section('title','Request Access')

@section('content')
<h2>Request Access</h2>
<p>Submit your details to register as a Credit Union member. Staff will review your application.</p>

@if($errors->any())
    <div class="alert alert-danger mb-3">
        <i class="fa-solid fa-circle-exclamation me-2"></i>{{ $errors->first() }}
    </div>
@endif

<form method="POST" action="{{ route('register') }}">
    @csrf
    <div class="mb-3">
        <label class="form-label">Full Name</label>
        <input type="text" name="name" class="form-control" value="{{ old('name') }}" placeholder="Your full legal name" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Email Address</label>
        <input type="email" name="email" class="form-control" value="{{ old('email') }}" placeholder="you@ul.edu.lr" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Department</label>
        <input type="text" name="department" class="form-control" value="{{ old('department') }}" placeholder="e.g. Computer Science">
    </div>
    <div class="mb-3">
        <label class="form-label">Phone Number</label>
        <input type="text" name="phone" class="form-control" value="{{ old('phone') }}" placeholder="+231...">
    </div>
    <div class="mb-4">
        <label class="form-label">Password</label>
        <input type="password" name="password" class="form-control" placeholder="Minimum 8 characters" required>
    </div>
    <div class="mb-4">
        <label class="form-label">Confirm Password</label>
        <input type="password" name="password_confirmation" class="form-control" placeholder="Repeat password" required>
    </div>
    <button type="submit" class="btn btn-auth">Submit Request</button>
</form>

<div class="auth-divider">or</div>
<p style="text-align:center;font-size:.83rem;color:#6b7a8d;">
    Already have an account? <a href="{{ route('login') }}" style="color:#0d1b2a;font-weight:600;text-decoration:none;">Sign In</a>
</p>
@endsection