@extends('layouts.admin')

@section('page-title', 'ویرایش تخصیص')

@section('content')
    <div class="bg-white p-6 rounded-lg shadow-sm text-sm max-w-4xl mx-auto">

        <div class="mb-6 text-center">
            <h1 class="text-2xl font-bold text-gray-800">
                ویرایش تخصیص —
                <span class="text-orange-600">
                {{ ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'][$allocation->month - 1] }}
                    {{ $allocation->year }}
            </span>
            </h1>
        </div>

        <div class="bg-gray-50 p-5 rounded-xl border mb-6">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-5 text-sm">
                <div>
                    <p class="text-gray-600">نام شرکت</p>
                    <p class="font-bold text-lg text-gray-900">{{ $allocation->customer->company_name }}</p>
                </div>
                <div>
                    <p class="text-gray-600">شناسه قبض</p>
                    <p class="font-bold text-lg font-mono text-blue-700">{{ $allocation->customer->bill_id }}</p>
                </div>
                <div>
                    <p class="text-gray-600">مالک شبکه</p>
                    <p class="font-bold text-lg text-emerald-700">
                        {{ $allocation->customer->subscription?->networkOwner?->name ?? 'نامشخص' }}
                    </p>
                </div>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.monthly-allocations.update', $allocation->id) }}" class="space-y-6">
            @csrf
            @method('PUT')

            @if(auth()->user()->username === 'admin')
                <div class="bg-purple-50 border-2 border-purple-300 rounded-xl p-5">
                    <label class="block text-sm font-bold text-purple-800 mb-3">تغییر پیگیری‌کننده (اختیاری)</label>
                    <select name="admin_id" class="w-full px-4 py-3 border-2 border-purple-400 rounded-xl focus:border-purple-600 text-sm font-medium">
                        <option value="">— بدون تغییر (پیگیری‌کننده فعلی باقی بماند) —</option>
                        @foreach($admins as $admin)
                            <option value="{{ $admin->id }}"
                                {{ $allocation->customer->admin_id == $admin->id ? 'selected' : '' }}>
                                {{ $admin->name }} ({{ $admin->username }})
                                {{ $allocation->customer->admin_id == $admin->id ? ' (فعلی)' : '' }}
                            </option>
                        @endforeach
                    </select>
                    <p class="text-xs text-purple-600 mt-2">
                        پیگیری‌کننده فعلی: <strong>{{ $allocation->customer->admin?->name ?? 'تعیین نشده' }}</strong>
                    </p>
                </div>
            @else
                <div class="bg-blue-50 border border-blue-200 rounded-xl p-4 text-sm">
                    <p class="font-medium text-blue-800">
                        پیگیری‌کننده فعلی:
                        <strong>{{ $allocation->customer->admin?->name ?? 'تعیین نشده' }}</strong>
                    </p>
                </div>
            @endif

            <!-- field can be update -->
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5">
                <div>
                    <label class="block text-xs font-bold text-gray-700 mb-1">بار پایه (kW)</label>
                    <input type="number" name="base_load" value="{{ $allocation->base_load }}" step="0.01" min="0" required
                           class="w-full px-4 py-3 border rounded-lg focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs font-bold text-red-600 mb-1">اوج‌بار (kW)</label>
                    <input type="number" name="peak_load" value="{{ $allocation->peak_load }}" step="0.01" min="0" required
                           class="w-full px-4 py-3 border border-red-200 rounded-lg focus:border-red-500">
                </div>
                <div>
                    <label class="block text-xs font-bold text-yellow-600 mb-1">میان‌بار (kW)</label>
                    <input type="number" name="mid_load" value="{{ $allocation->mid_load }}" step="0.01" min="0" required
                           class="w-full px-4 py-3 border border-yellow-200 rounded-lg focus:border-yellow-500">
                </div>
                <div>
                    <label class="block text-xs font-bold text-green-600 mb-1">کم‌بار (kW)</label>
                    <input type="number" name="low_load" value="{{ $allocation->low_load }}" step="0.01" min="0" required
                           class="w-full px-4 py-3 border border-green-200 rounded-lg focus:border-green-500">
                </div>
                <div>
                    <label class="block text-xs font-bold text-gray-700 mb-1">نرخ عادی (ریال)</label>
                    <input type="number" name="rate" value="{{ $allocation->rate }}" required
                           class="w-full px-4 py-3 border rounded-lg font-mono focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs font-bold text-emerald-600 mb-1">برق سبز (kW)</label>
                    <input type="number" name="green_power" value="{{ $allocation->green_power }}" step="0.01" min="0" required
                           class="w-full px-4 py-3 border border-emerald-200 rounded-lg focus:border-emerald-500">
                </div>
                <div class="lg:col-span-2">
                    <label class="block text-xs font-bold text-emerald-600 mb-1">نرخ برق سبز (ریال)</label>
                    <input type="number" name="green_rate" value="{{ $allocation->green_rate }}" required
                           class="w-full px-4 py-3 border border-emerald-300 rounded-lg font-mono focus:border-emerald-500">
                </div>
            </div>

            <div class="flex justify-end gap-4 mt-8">
                <a href="{{ route('admin.monthly-allocations.index', ['year' => $allocation->year, 'month' => $allocation->month]) }}"
                   class="px-8 py-3 border-2 border-gray-400 text-gray-700 rounded-xl font-bold hover:bg-gray-100 transition">
                    انصراف
                </a>
                <button type="submit"
                        class="px-10 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 text-white rounded-xl font-bold shadow-lg hover:shadow-xl transition">
                    ذخیره تغییرات
                </button>
            </div>
        </form>
    </div>
@endsection