@extends('livewire.components.datatable')
@section('header' . $key)
    <div>
        <div class="py-2 pb-4 pb-5">
            <x-titles.title-secondary :title="$header_title"/>
        </div>
        <div class="sm:flex space-y-4 sm:space-y-0 sm:space-x-4">
            <div class="sm:basis-1/3 space-y-6">
                <div class="flex space-x-4">
                    <div class="sm:basis-1/2">
                        <x-forms.input-text-primary name="process_date" label='計上日' type="date" required="false"/>
                    </div>
                    <div class="sm:basis-1/2">
                        <x-forms.input-text-primary name="payment_date" label='支払日' type="date" required="false"/>
                    </div>
                </div>
                <div class="flex space-x-4">
                    <div class="sm:basis-1/2">
                        <x-forms.input-foreign-key name="buyer_code" label="得意先" required="true"
                                                   :result="$buyer_name"/>
                    </div>
                    <div class="sm:basis-1/2">
                        <x-forms.input-foreign-key name="account_classification_code" label="金種" required="true"
                                                   :result="$account_classification_name"/>
                    </div>
                </div>
            </div>
            <div class="sm:basis-1/2 space-y-6">
                <div>
                    <x-forms.input-text-primary name="slip_number" label="伝票番号" :required="false"/>
                </div>
                <div>
                    <x-forms.input-area save-func="saveNote" name="note" label="備考" is-creatable="true"/>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('additional_tr' . $key)
    @if($buyer_id)
        <tr class="divide-gray-200 border-b">
            <td class="p-2">未割当</td>
            <td colspan="2"></td>
            <td class="p-2 text-right">{{number_format($tentative_bill->amount ?? 0)}}</td>
            <td class="p-2 text-right">{{number_format($tentative_bill->allocation_amount ?? 0)}}</td>
            <td class="p-2 text-right">{{number_format($tentative_bill->discount_amount ?? 0)}}</td>
            <td class="p-2 text-right">{{number_format($tentative_bill->container_pickup_amount ?? 0)}}</td>
            <td class="p-2 text-right">{{number_format($tentative_bill->expected_amount ?? 0)}}</td>
            <td class="py-2">
                <x-forms.input-divider
                    name="prices_field.{{$tentative_bill->id ?? 0}}"
                    :format="\App\Enums\FieldFormat::INTEGER"
                />
            </td>
            <td class="py-2">
                <x-forms.input-divider
                    name="container_prices_field.{{$tentative_bill->id ?? 0}}"
                    :format="\App\Enums\FieldFormat::INTEGER"
                />
            </td>
            <td class="px-2">
                {{--                <x-buttons.vivid>差分消込</x-buttons.vivid>--}}
            </td>
            <td class="p-2">{{$tentative_bill?->updater_name}}</td>
        </tr>
    @endif
@endsection
@section('config')
    <div class="p-2">
        <x-forms.input-checkbox name="auto_printing_key" label="チェックリストを自動出力する" class="p-2"/>
    </div>
@endsection