@extends('livewire.components.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">
                    <x-forms.input-text-primary name="process_date" label='計上日' type="date" :required="true"/>
                    <x-forms.input-text-primary name="delivered_date" label='納品日' type="date" :required="true" :class="!$this->isValidDeliveredDate ? 'bg-red-500' : ''"/>
                </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="from_warehouse_code" label="移動元倉庫" :required="true"
                                               func="setIdName('from_warehouse_code')"
                                               :result="$from_warehouse_name"/>
                    <x-forms.input-foreign-key name="to_warehouse_code" label="移動先倉庫" :required="true"
                                               func="setIdName('to_warehouse_code')"
                                               :result="$to_warehouse_name"/>
{{--                    <x-forms.input-foreign-key name="delivered_type_code" label="納品区分" required="true"--}}
{{--                                               func="setIdName('delivered_type_code')" result="{{ $delivered_type_name }}"/>--}}
{{--                    <x-forms.input-foreign-key name="billing_type_code" label="請求区分" required="true"--}}
{{--                                               func="setIdName('billing_type_code')" result="{{ $billing_type_name }}"/>--}}
                    <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