@props(['case', 'client', 'vehicle', 'case_positions'])
<div class="ml-2 mb-2">
    <div class="text-2xl font-bold">{{ __('office.summary.case_no') }}: {{ str_pad($case->id, 7, '0', STR_PAD_LEFT) }}</div>
    <div class="text-lg font-bold tracking-wide">
        <span class="mr-2">{{ $client->company_name }} {{ $client->name }} {{ $client->last_name }},</span>
        <span class="mr-2">{{ $client->street }}, {{ $client->zip_code }} {{ $client->city }},</span>
        <span class="mr-2">NIP {{ $client->nip }},</span>
        <span class="mr-2">tel. {{ $client->phone }},</span>
        <span class="mr-2">e-mail: {{ $client->email }}</span>
    </div>
</div>
<div class="text-xl font-bold bg-slate-200 rounded-xl px-6 py-6 grid grid-cols-2 gap-4 divide-x divide-gray-300">
    <div class="col-span-2 md:col-span-1 pr-4">
        <div class="text-3xl tracking-wide">{{ $vehicle->car_brand }} {{ $vehicle->car_model }}
            <span class="bg-white px-3 py-1 rounded-xl border">{{ $vehicle->plate_number }}</span>
            <span class="bg-orange-600 px-3 rounded-full text-white">{{ $case->keychain }}</span>
        </div>
        <div class="mt-2 tracking-wide">
            {{ $vehicle->volume_ccm }}ccm / {{ $vehicle->power_kw }}kW / {{ $vehicle->power_km }}KM
            <span class="ml-2">Przebieg: {{ $vehicle->kilometers }}</span>
        </div>
        <div class="mt-2 tracking-wide">VIN: {{ $vehicle->vin }}</div>
        @if(!is_null($vehicle->description) && strlen(trim($vehicle->description)) > 0)
            <div class="mt-2 text-[0.8em] font-normal">{{ $vehicle->description }}</div>
        @endif
    </div>
    <div class="col-span-2 md:col-span-1">
        <div class="pb-2">Pozycje naprawy</div>
        @foreach($case_positions as $index=>$position)
            <div class="text-[0.8em] font-normal">{{ $index+1 }}. {{ $position->description }}</div>
        @endforeach
    </div>
</div>