@extends('layouts.admin')

@section('page-title', 'خرید برق برای مشترک')

@section('content')
    <div class="max-w-2xl mx-auto mt-10">
        <div class="bg-white rounded-lg shadow p-8">
            <h2 class="text-xl font-bold text-gray-800 mb-6 text-center">خرید برق به نمایندگی از مشترک</h2>

            <form action="{{ route('admin.customer.purchase.find') }}" method="POST" class="space-y-6">
                @csrf
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">شناسه قبض (شماره کنتور)</label>
                    <input type="text" name="bill_id" required
                           class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-lg"
                           placeholder="مثال: ۱۲۳۴۵۶۷۸۹۰">
                    @error('bill_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>

                <button type="submit"
                        class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-lg transition">
                    جستجو و ادامه خرید
                </button>
            </form>
        </div>
    </div>
@endsection