@extends('content')

@section('page-title')
    {{ __('office.case_summary') }}
@endsection

@section('page-content')

    <x-wrapper-component>

        <x-case-summary.header-component
            :client="$client"
            :vehicle="$vehicle"
            :keychain="$case->keychain"
            :case_number="$case_number"
            :case_positions="$case_positions"
        />

        <x-case-summary.car-parts-component
            :car_parts="$car_parts"
        />

        <x-case-summary.time-component
            :working_time="$working_time"
            :case_positions="$case_positions"
        />

        <x-case-summary.additional-costs-component
            :additional_costs="$additional_costs"
            :case_id="$case_id"
        />



        <div class="grid grid-cols-12 gap-2">
            <div class="md:col-span-7">

                <x-case-summary.change-status-component
                    :case_id="$case_id"
                    :is_keychain="$case->keychain_returned_at"
                    :case_status="$case_status"
                />

                <x-case-summary.comment-component :case_id="$case_id" :case_comment="$case_comment" />

            </div>
            <div class="md:col-span-5">

                <div class="border-3 border-gray-600 mt-4 p-4 rounded-xl">
                    <div class="mt-4 bg-slate-300 rounded-xl px-8 py-4 mx-auto w-fit">
                        <table class="text-2xl">
                            <tr>
                                <td class="text-left px-4">Części: </td>
                                <td class="text-right px-4">{{ price_format($summary['parts']) }}</td>
                            </tr>
                            <tr>
                                <td class="text-left px-4 pb-2">Usługa: </td>
                                <td class="text-right px-4 pb-2">{{ price_format($summary['work_charge']) }}</td>
                            </tr>
                            <tr class="border-t">
                                <td class="text-left px-4">Razem: </td>
                                <td class="text-right px-4">{{ price_format($summary['total']) }}</td>
                            </tr>
                        </table>
                    </div>

                    <div class="mt-4 px-8 py-4 mx-auto w-fit">

                        <a href="{{ route('office.cases.update.summary_pdf', ['case'=>$case_id]) }}" target="blank">
                            <div class="icon_pdf1"></div>
                            <div class="text-center text-xl font-bold pl-2">Wyświetl</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>





    </x-wrapper-component>

    <div class="text-center">

        <a href="{{ route('office.cases') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>

    </div>

@endsection