@extends('layouts.app')
@section('title','تسجيل الدخول')

@section('content')
  <div class="card" style="max-width:520px;margin:auto">
    <h2 style="margin-top:0">تسجيل الدخول</h2>

    @if(session('ok'))
      <div class="alert success">{{ session('ok') }}</div>
    @endif

    @if($errors->any())
      <div class="alert error">
        @foreach($errors->all() as $e)
          <div>{{ $e }}</div>
        @endforeach
      </div>
    @endif

    <form method="POST" action="/login" style="margin-top:12px">
      @csrf
      <label>الإيميل</label>
      <input class="input" type="email" name="email" value="{{ old('email') }}" required autofocus>

      <div style="height:12px"></div>
      <label>كلمة المرور</label>
      <input class="input" type="password" name="password" required>

      <div style="height:12px"></div>
      <label style="display:flex;gap:8px;align-items:center">
        <input type="checkbox" name="remember"> تذكرني
      </label>

      <div style="height:16px"></div>
      <button class="btn" type="submit">دخول</button>
    </form>
  </div>
@endsection