@extends('layouts.app')
@section('content')
    <div class="bg-white rounded-xl shadow-lg p-6">
        <div class="text-center mb-6">
            <h2 class="text-lg font-semibold text-gray-800">ورود به سیستم</h2>
            <p class="text-xs text-gray-600 mt-1">پنل مشترکین</p>
        </div>

        @if($errors->any())
            <div class="bg-red-50 text-red-700 text-xs p-2 rounded mb-4 text-center">
                {{ $errors->first() }}
            </div>
        @endif

        <form method="POST" action="/login" class="space-y-4">
            @csrf

            <div>
                <input type="text" name="phone" placeholder="09123456789" required maxlength="11"
                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition @error('phone') border-red-500 @enderror"
                       value="{{ old('phone') }}">
                @error('phone')
                <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <input type="password" name="password" placeholder="رمز عبور" required
                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition">
            </div>

            <div class="flex justify-between items-center text-xs text-gray-600">
                <label class="flex items-center">
                    <input type="checkbox" name="remember" class="ml-1 rounded">
                    <span>مرا به خاطر بسپار</span>
                </label>
                <a href="#" class="text-blue-600 hover:underline">فراموشی رمز؟</a>
            </div>

            <button type="submit" class="w-full bg-green-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-green-700 transition">
                ورود
            </button>
        </form>

        <p class="text-center mt-4 text-xs text-gray-600">
            حساب ندارید؟
            <a href="/register" class="text-blue-600 hover:underline font-medium">ثبت نام کنید</a>
        </p>
    </div>
@endsection