@extends('layouts.admin')

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

@section('content')
    <div class="max-w-4xl mx-auto mt-8">
        <div class="bg-white rounded-lg shadow p-8">
            <div class="mb-8 text-center">
                <h2 class="text-2xl font-bold text-gray-800">خرید برق برای:</h2>
                <p class="text-lg text-blue-600 mt-2">
                    {{ $customer->company_name ?? $customer->full_name }}
                    (شناسه: {{ $customer->bill_id ?? 'نامشخص' }})
                </p>
            </div>

            <form action="{{ route('admin.customer.purchase.store', $customer) }}" method="POST">
                @csrf
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">مصرف کم‌باری (کیلووات ساعت)</label>
                        <input type="number" name="low_load" required min="0" step="1"
                               class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">مصرف میان‌باری</label>
                        <input type="number" name="medium_load" required min="0" step="1"
                               class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">مصرف اوج‌بار</label>
                        <input type="number" name="peak_load" required min="0" step="1"
                               class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-blue-500">
                    </div>
                </div>

                <div class="mb-8">
                    <label class="block text-sm font-medium text-gray-700 mb-2">ماه خرید</label>
                    <input type="month" name="month" required value="{{ now()->format('Y-m') }}"
                           class="w-full md:w-64 px-4 py-3 border rounded-lg">
                </div>

                <div class="flex justify-center gap-4">
                    <a href="{{ route('admin.customer.purchase.search') }}"
                       class="px-8 py-4 bg-gray-500 hover:bg-gray-600 text-white rounded-lg transition">
                        انصراف
                    </a>
                    <button type="submit"
                            class="px-8 py-4 bg-green-600 hover:bg-green-700 text-white font-bold rounded-lg transition">
                        ثبت خرید به نمایندگی از مشترک (تأیید خودکار)
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection