scp-syria/resources/views/auth/register.blade.php

93 lines
4.0 KiB
PHP

@extends('layouts.auth')
@section('title', 'إنشاء حساب — دمشق باركينغ')
@section('content')
<h2 class="fw-800 mb-1" style="font-size:1.35rem;color:#0f172a;">إنشاء حساب جديد</h2>
<p class="text-sm mb-4" style="color:#64748b;">انضم إلى دمشق باركينغ الآن</p>
@if($errors->any())
<div class="alert alert-danger border-0 rounded-3 d-flex align-items-center gap-2 py-2 mb-4">
<i class="bi bi-exclamation-triangle-fill flex-shrink-0"></i>
<span class="text-sm">{{ $errors->first() }}</span>
<button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
<form method="POST" action="{{ route('register.action') }}">
@csrf
<div class="mb-3">
<label class="form-label">الاسم الكامل</label>
<div class="input-group">
<span class="input-group-text" style="background:#f8fafc;border-color:#e2e8f0;border-left:none;">
<i class="bi bi-person" style="color:#94a3b8;"></i>
</span>
<input type="text" name="name" value="{{ old('name') }}" required
class="form-control @error('name') is-invalid @enderror"
style="border-right:none;border-color:#e2e8f0;"
placeholder="الاسم الكامل">
@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
</div>
<div class="mb-3">
<label class="form-label">البريد الإلكتروني</label>
<div class="input-group">
<span class="input-group-text" style="background:#f8fafc;border-color:#e2e8f0;border-left:none;">
<i class="bi bi-envelope" style="color:#94a3b8;"></i>
</span>
<input type="email" name="email" value="{{ old('email') }}" required
class="form-control @error('email') is-invalid @enderror"
style="border-right:none;border-color:#e2e8f0;"
placeholder="your@email.com" dir="ltr">
@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
</div>
<div class="mb-3">
<label class="form-label">كلمة السر</label>
<div class="input-group">
<span class="input-group-text" style="background:#f8fafc;border-color:#e2e8f0;border-left:none;">
<i class="bi bi-lock" style="color:#94a3b8;"></i>
</span>
<input type="password" name="password" required
class="form-control @error('password') is-invalid @enderror"
style="border-right:none;border-color:#e2e8f0;"
placeholder="••••••••" dir="ltr">
@error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>
</div>
<div class="mb-4">
<label class="form-label">تأكيد كلمة السر</label>
<div class="input-group">
<span class="input-group-text" style="background:#f8fafc;border-color:#e2e8f0;border-left:none;">
<i class="bi bi-lock-fill" style="color:#94a3b8;"></i>
</span>
<input type="password" name="password_confirmation" required
class="form-control"
style="border-right:none;border-color:#e2e8f0;"
placeholder="••••••••" dir="ltr">
</div>
</div>
<button type="submit"
class="btn btn-lg w-100 fw-700"
style="background:#059669;color:#fff;border:none;font-family:'Cairo',sans-serif;border-radius:.5rem;">
<i class="bi bi-person-check me-2"></i>
إنشاء الحساب
</button>
</form>
<div class="auth-divider"><span>أو</span></div>
<a href="{{ route('login') }}"
class="btn btn-lg w-100 fw-600"
style="background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;font-family:'Cairo',sans-serif;border-radius:.5rem;">
<i class="bi bi-box-arrow-in-left me-2"></i>
تسجيل الدخول
</a>
@endsection