{{-- Job details: customer, device, problem, accessories, lock, advance, delivery. Needs $job with customer, device and payments loaded. --}}
@php
    use App\Support\JobIntakeOptions;

    $advance = $job->payments->firstWhere('type', \App\Enums\PaymentType::Advance);
@endphp

<section class="rounded-xl bg-white p-4 shadow-sm sm:p-6">
    <dl class="grid gap-x-6 gap-y-4 sm:grid-cols-2">
        <div>
            <dt class="text-sm text-gray-500">Customer</dt>
            <dd class="font-medium">
                @can('view', $job->customer)
                    <a href="{{ route('customers.show', $job->customer) }}" class="text-indigo-700 underline">{{ $job->customer->name }}</a>
                @else
                    {{ $job->customer->name }}
                @endcan
            </dd>
            <dd class="text-sm text-gray-600 tabular-nums">{{ $job->customer->phone_display }}</dd>
        </div>
        <div>
            <dt class="text-sm text-gray-500">Device</dt>
            <dd class="font-medium">{{ $job->device->display_name }}</dd>
            <dd class="text-sm text-gray-600">
                {{ collect([$job->device->deviceType->name, $job->device->color, $job->device->storage])->filter()->join(' · ') }}
            </dd>
            @if ($job->device->serial_number)
                <dd class="text-sm text-gray-600 tabular-nums">{{ $job->device->deviceType->name === 'Phone' ? 'IMEI' : 'Serial' }}: {{ $job->device->serial_number }}</dd>
            @endif
        </div>
        <div class="sm:col-span-2">
            <dt class="text-sm text-gray-500">Problem</dt>
            <dd>
                @foreach (JobIntakeOptions::labels(JobIntakeOptions::PROBLEMS, $job->problems) as $label)
                    <span class="mr-1 inline-block rounded-full bg-indigo-50 px-2.5 py-0.5 text-sm text-indigo-800">{{ $label }}</span>
                @endforeach
                @if ($job->problem_reported)
                    <p class="mt-1 whitespace-pre-line">{{ $job->problem_reported }}</p>
                @endif
            </dd>
        </div>
        <div class="sm:col-span-2">
            <dt class="text-sm text-gray-500">Condition when received</dt>
            <dd>
                @forelse (JobIntakeOptions::labels(JobIntakeOptions::CONDITIONS, $job->condition_checks) as $label)
                    <span class="mr-1 inline-block rounded-full bg-amber-50 px-2.5 py-0.5 text-sm text-amber-900">{{ $label }}</span>
                @empty
                    @unless ($job->device_condition)
                        No marks noted
                    @endunless
                @endforelse
                @if ($job->device_condition)
                    <p class="mt-1 whitespace-pre-line">{{ $job->device_condition }}</p>
                @endif
            </dd>
        </div>
        <div>
            <dt class="text-sm text-gray-500">Accessories received</dt>
            <dd>{{ collect(JobIntakeOptions::labels(JobIntakeOptions::ACCESSORIES, $job->accessories))->push($job->accessories_other)->filter()->join(', ') ?: 'None' }}</dd>
        </div>
        <div>
            <dt class="text-sm text-gray-500">Screen lock</dt>
            <dd>
                @if (! $job->passcode_type)
                    None
                @elseif (auth()->user()->can('viewPasscode', $job))
                    {{-- Never printed in the page: fetched (and logged) only when "Show" is pressed. --}}
                    @include('jobs.partials.passcode-reveal')
                @else
                    {{ $job->passcode_type->label() }} saved (hidden)
                @endif
            </dd>
        </div>
        {{-- Billing (payments, receipts, invoices): admin and front desk only, never technicians. --}}
        @can('view-billing')
            <div>
                <dt class="text-sm text-gray-500">Advance paid</dt>
                <dd>
                    @if ($advance)
                        Rs. {{ number_format($advance->amount, 2) }} ({{ $advance->method->label() }}) · Receipt {{ $advance->receipt_no }}
                    @else
                        None
                    @endif
                </dd>
            </div>
        @endcan
        <div>
            <dt class="text-sm text-gray-500">Expected delivery</dt>
            <dd>{{ $job->promised_on?->format('D, d M Y') ?? 'Not set' }}
                @if ($job->priority === \App\Enums\JobPriority::Urgent)
                    <span class="ml-1 rounded-full bg-red-100 px-2 py-0.5 text-xs font-semibold text-red-800">Urgent</span>
                @endif
            </dd>
            @if ($job->estimated_cost && auth()->user()->can('view-prices'))
                <dd class="text-sm text-gray-600">Estimate: Rs. {{ number_format($job->estimated_cost, 2) }}</dd>
            @endif
        </div>
    </dl>
</section>