@extends('livewire.components.table-editor')
@section('header')
    <div class="pb-6">
        <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">
                        @if ($is_deposit)
                            <x-forms.input-text-primary name="payment_date" label='入金日' type="date" :required="true"/>
                        @else
                            <x-forms.input-text-primary name="payment_date" label='支払日' type="date" :required="true"/>
                        @endif
                        <x-forms.input-text-primary
                            name="payment_date"
                            label='支払日'
                            type="date"
                            :required="true"
                            :class="!$this->isValidPaymentDate ? 'bg-red-500' : ''"/>
                    </div>
                    <div class="sm:basis-1/2">
                        {{-- todo クライアント設定--}}
                        <x-forms.input-text-primary class="" name="process_date" label='計上日' type="date"
                                                    :required="true" :disabled="true"
                        />
                    </div>
                </div>
                <div class="flex space-x-4">
                    <div class="sm:basis-1/2">
                        @if ($is_supplier)
                            <x-forms.input-foreign-key name="supplier_code" label="仕入先"
                                                       :required="true"
                                                       :result="$supplier_name"/>
                        @else
                            <x-forms.input-foreign-key name="buyer_code" label="得意先"
                                                       :required="true"
                                                       :result="$buyer_name"/>
                        @endif
                    </div>
                    <div class="sm:basis-1/2">
                        <x-forms.input-text-primary name="slip_number" label="伝票番号"
                                                    :required="false"/>
                    </div>
                </div>
            </div>
            <div class="sm:basis-1/2 space-y-6">
                <x-forms.input-area save-func="saveNote" name="note" label="備考" is-creatable="true"/>
            </div>
        </div>
    </div>
    <div class="pt-4 pb-2 w-full">
        @livewire($allocation_table, [
            'title' => false,
            'per_page' => 5,
            'has_statistics' => false,
            'add_btn_name' => null,
            'is_selectable' => false,
            'is_editable' => false,
            'is_deletable' => false,
            'is_exportable' => false,
            'is_changeable_col' => false,
            'has_drawer' => false,
            'add_btn_route' => null,
            'edit_btn_route' => null,
            'detail_view_url' => null,
            'edit_btns' => [],
            'partner_id' => $partner_id,
            'is_supplier' => $is_supplier,
            'is_deposit' => $is_deposit,
            'key' => 'partner-bill-allocation',
            'parent' => get_class($this)
        ], key('partner-bill-allocation'))
    </div>
    <div class="w-full flex justify-end">
        @include('components.trade-balance-table-summary', ['total' => $total_amount])
    </div>
@endsection
@section('config')
    <div class="p-2">
        <x-forms.input-checkbox name="auto_printing_key" label="チェックリストを自動出力する" class="p-2"/>
    </div>
@endsection