@props(['additional_costs'])
<div class="mt-4 border-3 border-slate-600 rounded-xl px-5 pb-6">
    <div class="font-bold text-xl mt-2">Dodatkowe koszty, rabaty</div>

    @if(!empty($additional_costs))
    <table class="border w-full">
        <thead class="bg-slate-500 text-center text-white">
        <tr>
            <th class="p-1 font-normal border-l border-slate-400">#</th>
            <th class="p-1 font-normal border-l border-slate-400">Kosz/Rabat</th>
            <th class="p-1 font-normal border-l border-slate-400">Kwota</th>
            <th class="p-1 font-normal border-l border-slate-400 w-2/3">Opis</th>
        </tr>
        </thead>
        @foreach($additional_costs as $index=>$ac)
            <tbody>
            <tr class="border-b border-slate-200">
                <td class="px-2 border-l border-slate-200">{{ $index+1 }}</td>
                <td class="px-2 border-l border-slate-200">{{ __('office.summary.'.$ac->type) }}</td>
                <td class="px-2 border-l border-slate-200 text-right">{{ floatToIntFormat($ac->value) }}</td>
                <td class="px-2 border-l border-slate-200">{{ $ac->description }}</td>
            </tr>
            </tbody>
        @endforeach
{{--        <tfoot>--}}
{{--        <tr class="bg-slate-500 text-white">--}}
{{--            <td colspan="2"></td>--}}
{{--            <td class="text-right">Suma: {{ $additional_costs['costs_sum'] }} pln.</td>--}}
{{--            <td colspan="2"></td>--}}
{{--        </tr>--}}
{{--        </tfoot>--}}
    </table>
    @endif
</div>