{{--@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--}}

{{--        <meta name="csrf-token" content="{{ csrf_token() }}">--}}
{{--        <!-- فقط این دو خط اضافه شد: novalidate + حذف required -->--}}
{{--        <form method="POST" action="{{ route('customer.login') }}" class="space-y-4" novalidate>--}}
{{--            @csrf--}}

{{--            <!-- شناسه ملی -->--}}
{{--            <div>--}}
{{--                <input type="text" name="national_id" placeholder="کد ملی یا شناسه ملی" maxlength="11"--}}
{{--                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition @error('national_id') border-red-500 @enderror"--}}
{{--                       value="{{ old('national_id') }}">--}}
{{--                @error('national_id')--}}
{{--                <p class="text-red-500 text-xs mt-1">{{ $message }}</p>--}}
{{--                @enderror--}}
{{--            </div>--}}

{{--            <!-- رمز عبور -->--}}
{{--            <div>--}}
{{--                <input type="password" name="password" placeholder="رمز عبور"--}}
{{--                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition @error('password') border-red-500 @enderror">--}}
{{--                @error('password')--}}
{{--                <p class="text-red-500 text-xs mt-1">{{ $message }}</p>--}}
{{--                @enderror--}}
{{--            </div>--}}

{{--            <!-- به خاطر سپردن -->--}}
{{--            <div class="flex justify-between items-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>--}}
{{--        <script>--}}
{{--            setInterval(function() {--}}
{{--                fetch('{{ route('refresh.csrf') }}', {--}}
{{--                    method: 'POST',--}}
{{--                    headers: {--}}
{{--                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),--}}
{{--                        'Content-Type': 'application/json',--}}
{{--                    },--}}
{{--                })--}}
{{--                    .then(r => r.json())--}}
{{--                    .then(data => {--}}
{{--                        if (data.token) {--}}
{{--                            document.querySelector('meta[name="csrf-token"]').setAttribute('content', data.token);--}}
{{--                            const tokenInput = document.querySelector('input[name="_token"]');--}}
{{--                            if (tokenInput) tokenInput.value = data.token;--}}
{{--                        }--}}
{{--                    });--}}
{{--            }, 60000);--}}
{{--        </script>--}}

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

@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="{{ route('customer.login') }}" class="space-y-4" novalidate>
            @csrf

            <!-- شناسه قبض -->
            <div>
                <input type="text" name="bill_id" placeholder="شناسه قبض (13 رقم)" maxlength="13"
                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition @error('bill_id') border-red-500 @enderror"
                       value="{{ old('bill_id') }}">
                @error('bill_id')
                <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- رمز عبور -->
            <div>
                <input type="password" name="password" placeholder="رمز عبور"
                       class="w-full px-3 py-2 text-sm border rounded-lg input-focus transition @error('password') border-red-500 @enderror">
                @error('password')
                <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                @enderror
            </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="{{ route('customer.register') }}" class="text-blue-600 hover:underline font-medium">ثبت نام کنید</a>
        </p>
    </div>
@endsection