@extends('layouts.customer')

@section('page-title', 'اطلاعات شما')

@section('content')
    <div class="space-y-8">
        <div class="bg-blue-50 rounded-lg shadow-sm p-4 border border-blue-200">
            <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
                <div class="text-right">
                    <h2 class="text-sm font-bold text-gray-800">
                        {{ $customer->type === 'legal' ? 'مشخصات مشترک حقوقی' : 'مشخصات مشترک حقیقی' }}
                    </h2>
                    <p class="text-xs text-gray-500 mt-0.5">اطلاعات شما در سامانه تیوان</p>
                </div>

                <div class="mt-3 sm:mt-0">
                    <a href="{{ route('customer.profile.edit') }}"
                       class="inline-block bg-blue-600 text-white px-4 py-2 rounded text-xs font-medium hover:bg-blue-700 transition shadow-sm">
                        ویرایش و تکمیل اطلاعات
                    </a>
                </div>
            </div>

            <!-- details feild -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                @if($customer->type === 'legal')
                    <x-profile-field label="نام شرکت" value="{{ $customer->company_name }}" icon="building" required />
                    <x-profile-field label="شناسه ملی" value="{{ $customer->national_id }}" icon="id-card" required />
                    <x-profile-field label="شماره ثبت" value="{{ $customer->registration_number }}" icon="file-alt" required />
                    <x-profile-field label="کد اقتصادی" value="{{ $customer->economic_code }}" icon="coins" />
                @else
                    <x-profile-field label="نام و نام خانوادگی" value="{{ $customer->full_name }}" icon="user" required />
                @endif

                <x-profile-field label="استان" value="{{ $customer->province }}" icon="map-marker-alt" required />
                <x-profile-field label="شهر" value="{{ $customer->city }}" icon="city" required />
                <x-profile-field label="آدرس کارخانه" value="{{ $customer->factory_address }}" icon="industry" />
                <x-profile-field label="آدرس روزنامه رسمی" value="{{ $customer->newspaper_address }}" icon="newspaper" required />
                <x-profile-field label="شماره همراه" value="{{ $customer->phone }}" icon="mobile-alt" required />
                <x-profile-field label="فکس" value="{{ $customer->fax }}" icon="fax" />
                <x-profile-field label="کد پستی" value="{{ $customer->postal_code }}" icon="mail-bulk" />
                <x-profile-field label="وب سایت" value="{{ $customer->website }}" icon="globe" />
                <x-profile-field label="پست الکترونیکی" value="{{ $customer->email }}" icon="envelope" />
                <x-profile-field label="کد بهین سیستم" value="{{ $customer->optimal_system_code }}" icon="barcode" />
            </div>
        </div>

        @if($customer->type === 'legal')
            <div class="bg-blue-50 rounded-lg shadow-sm p-4 border border-blue-200">
                <h2 class="text-sm font-bold text-gray-800 text-right mb-4">مشخصات نماینده</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <x-profile-field label="نام" value="{{ $customer->agent?->first_name }}" icon="user" required />
                    <x-profile-field label="نام خانوادگی" value="{{ $customer->agent?->last_name }}" icon="user" required />
                    <x-profile-field label="شماره ملی" value="{{ $customer->agent?->national_id }}" icon="id-card" required />
                    <x-profile-field label="شماره همراه" value="{{ $customer->agent?->phone_number }}" icon="mobile-alt" required />
                    <x-profile-field label="عنوان نماینده" value="{{ $customer->agent?->job_position }}" icon="user-tie" required />
                    <x-profile-field label="ایمیل" value="{{ $customer->agent?->email }}" icon="envelope" />
                </div>
            </div>
        @endif

        <div class="bg-blue-50 rounded-lg shadow-sm p-4 border border-blue-200">
            <h2 class="text-sm font-bold text-gray-800 text-right mb-4">مشخصات انشعاب مشترک</h2>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                <x-profile-field label="شناسه قبض" value="{{ $customer->bill_id }}" icon="barcode" required />
                <x-profile-field label="شماره کنتور" value="{{ $customer->subscription?->meter_number }}" icon="tachometer-alt" required />
                <x-profile-field label="ضریب کنتور" value="{{ $customer->subscription?->meter_factor }}" icon="calculator" required />
                <x-profile-field label="قدرت قراردادی (کیلووات)" value="{{ $customer->subscription?->contract_power }}" icon="bolt" required />
                <x-profile-field label="تاریخ شروع قرارداد" value="{{ $customer->subscription?->contract_start_date ? \Carbon\Carbon::parse($customer->subscription->contract_start_date)->format('Y/m/d') : '—' }}" icon="calendar-check" />
                <x-profile-field label="تاریخ پایان قرارداد" value="{{ $customer->subscription?->contract_end_date ? \Carbon\Carbon::parse($customer->subscription->contract_end_date)->format('Y/m/d') : '—' }}" icon="calendar-times" />

                @php
                    $level = $customer->subscription?->voltageLevel;
                    $voltageText = $level ? $level->name : '—';
                    if ($level && ($level->description || $level->voltage_range)) {
                        $voltageText .= ' (' . trim($level->description . ' ' . $level->voltage_range) . ')';
                    }
                @endphp
                <x-profile-field label="سطح ولتاژ" value="{{ $voltageText }}" icon="bolt" required />
            </div>
        </div>
    </div>
@endsection