@extends('livewire.trade-items-table-editor')
@section('header')
    <div class="pb-10">
        <div class="flex flex-col md:flex-row justify-between sm:col-span-4 col-span-6 gap-4">
            <div class="w-full md:w-3/4 lg:w-2/3">
                <div class="w-full grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-4 gap-y-6 mb-4">
                    {{-- todo クライアント設定--}}
                    <x-forms.input-text-primary name="process_date" label='計上日' type="date" required="false" :disabled="true"/>
                    <x-forms.input-text-primary name="delivered_date" label='{{$transaction_name}}日' type="date" required="false"/>
                    @if($shows_account_date)
                        <x-forms.input-text-primary name="account_date" label='買掛日' type="date" required="false"/>
                    @endif
                    @if($shows_rebate_date)
                        <x-forms.input-text-primary name="rebate_date" label='割戻日' type="date" required="false"/>
                    @endif
                    @if($shows_trade_direction)
                        <x-forms.combobox
                            name="trade_direction_key"
                            label="取引方向"
                            value="{{ $trade_direction_key }}"
                            :options="\App\Enums\Partners\ETradeDirection::idNames()"
                            :focus-skip="true"
                        />
                    @endif
                </div>
                <div class="w-full grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-4 gap-y-6 mb-4">
                    <x-forms.input-foreign-key name="supplier_code" label="仕入先" required="true" func="setIdName('supplier')"
                                               :result="$supplier_name"
                                               disabled="{{ !$this->isNew() }}" />
                    <x-forms.input-foreign-key name="warehouse_code" label="倉庫" required="true"
                                               func="setIdName('warehouse_code')"
                                               :result="$warehouse_name"
                                               disabled="{{ !$this->isNew() }}" />
                    @if($shows_delivered_type)
                        {{-- todo クライアント設定--}}
                        <x-forms.input-foreign-key name="delivered_type_code" label="納品区分" :required="false" :disabled="true"
                                                   func="setIdName('delivered_type_code')" :result="$delivered_type_name"/>
                    @endif
                    @if($shows_billing_type)
                        {{-- todo クライアント設定--}}
                        <x-forms.combobox
                            name="billing_type_key"
                            label="請求区分"
                            value="{{ $billing_type_key }}"
                            :options="\App\Enums\BillingType::paymentNames()"
                            :key="$key"
                            :disabled="true"
                        />
                    @endif
                    <x-forms.input-text-primary name="slip_number" label="伝票番号" :required="false"/>
                </div>
            </div>
            <div class="w-full md:w-1/4 lg:w-1/3">
                <x-forms.input-area save-func="saveNote" name="note" label="備考" is-creatable="true" />
            </div>
        </div>

        <div class="flex flex-row grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2 mt-2">
            <div class="flex w-full lg:w-1/2 xl:w-1/3 items-end"></div>
            <div class="flex justify-end">
                @if($shows_price_breakdown)
                    @include('components.trade-table-summary')
                @endif
            </div>
        </div>
    </div>
@endsection
@section('config')
@endsection