@extends('livewire.trade-items-table-editor')
@section('title_supplement')
    @if($is_miscellaneous)
        <div class="w-28 absolute">
            <x-cards.base-card padding="p-1" class="bg-vivid-400 border-2 text-black border-gray-900 text-sm ml-2 h-8 shadow-sm" >
                <div class="whitespace-nowrap text-center">
                    {{$miscellaneous_mark}} 雑費
                </div>
            </x-cards.base-card>
        </div>
    @endif
    @parent
@endsection
@section('header')
    <div class="">
        <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"
                        :disabled="true"
                    />
                    <x-forms.input-text-primary
                        name="delivered_date"
                        label="{{$delivered_date_title}}"
                        type="date"
                        required="false"
                        :class="$this->deliveredDateClass"
                    />
                    @if($shows_account_date)
                    <x-forms.input-text-primary
                        name="account_date"
                        label='売掛日'
                        type="date"
                        :disabled="!$this->disabled_account_date"
                    />
                    @endif
                    @if($shows_rebate_date)
                    <x-forms.input-text-primary name="rebate_date" label='割戻日' type="date" />
                    @endif
                    @if($shows_trade_direction)
                        <x-forms.combobox
                            name="trade_direction_key"
                            label="取引方向"
                            value="{{ $trade_direction_key }}"
                            :options="\App\Enums\Partners\ETradeDirection::idNamesForTradeItems()"
                            :focus-skip="true"
                        />
                    @endif
                </div>
                <div class="w-full grid grid-cols-2 md:gritd-cols-4 xl:grid-cols-6 gap-4 gap-y-6 mb-4">
                    <x-forms.input-foreign-key name="buyer_code" label="得意先" func="setIdName('buyer_code')"
                                               :result="$buyer_name"
                                               disabled="{{ !$this->isNew }}"
                                               :warning="\Illuminate\Support\Arr::get($warnings, 'buyer_code')" />
                    <x-forms.input-foreign-key name="warehouse_code" label="倉庫"
                                               func="setIdName('warehouse_code')"
                                               :result="$warehouse_name"
                                               disabled="{{ !$this->isNew }}" />

                    @if($shows_delivery_course)
                    <x-forms.input-foreign-key name="delivery_course_code"
                                               label="配送コース"
                                               func="setIdName('delivery_course_code')"
                                               :result="$delivery_course_name"
                                               disabled="{{ !$this->isNew }}"
                                               :required="false"
                                               :warning="\Illuminate\Support\Arr::get($warnings, 'delivery_course_code')" />
                    @endif

                    @if($shows_billing_type)
                        {{-- todo クライアント設定--}}
                        <x-forms.combobox
                            name="billing_type_key"
                            label="請求区分"
                            value="{{ $billing_type_key }}"
                            :options="\App\Enums\BillingType::depositNames()"
                            :key="$key"
                            :disabled="true"
                        />
                    @endif

                    <x-forms.input-text-primary name="slip_number" label="伝票番号" :required="false"/>

                    @if ($shows_bill_number)
                       <x-forms.input-foreign-key name="bill_number" label="充当先請求番号" :required="false" />
                    @endif
                </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 gap-4">
                @if($shows_delivery_destination)
                <div class="w-100">
                    <x-forms.input-area save-func="saveDeliveryDestination" name="delivery_destination" label="届け先" is-creatable="true" save-button-label="届け先登録" save-message-name="delivery_destination_save_message" error-message-name="delivery_destination_save_error" />
                </div>
                @endif
                @if($shows_entry_note)
                <div class="w-full ">
                    <x-forms.input-area rows="3" class="col-span-2" name="entry_note" label="エントリ備考" :required="false" :disabled="true"/>
                </div>
                @endif
            </div>
            <div class="flex justify-end -mt-6">
                @if($shows_price_breakdown)
                    <!-- 合計額 //-->
                    @include('components.trade-table-summary')
                @endif
            </div>
        </div>
    </div>
@endsection

@section('config')
    @if($this->isNew)
        <div class="space-y-5 pb-4" x-data="{ show_printer_driver: $wire.will_print_slip, use_printer_driver: $wire.use_print_slip }">
            <div class="p-2 space-y-1">
                <x-forms.input-checkbox name="auto_printing_key" label="チェックリストを自動出力する" class="p-2" />
                @if($shows_will_print_slip)
                <x-forms.input-checkbox x-on:change="use_printer_driver = $wire.use_print_slip"  name="use_print_slip" label="伝票を自動出力する" class="p-2" />
                @endif
                @if($shows_is_delivered_config)
                    <x-forms.input-checkbox name="is_delivered" label="配送完了処理を同時に行う" class="p-2" />
                @endif
            </div>
            <x-forms.input-foreign-key
                name="default_stock_allocation_code" label="在庫区分" required="true" func="setIdName('default_stock_allocation_code')"
                :result="$default_stock_allocation_name"/>
            @if($shows_out_of_stock_option)
            <x-forms.combobox label="品切対応" name="out_of_stock_option" :value="$out_of_stock_option" :options="\App\Enums\EOutOfStockOption::idNames()" />
            @endif
            <div class="trade-items-buyer-table-editor-printer-menu" x-show="show_printer_driver && use_printer_driver">
                <label class="text-xs pl-1 bg-white block">プリンターソフトの設置</label>
                <select name="printer_driver_id" wire:model.live="printer_driver_id" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2 trade-items-buyer-table-editor-printer-menu-select">
                    <option value="">ドライバー選択</option>
                    @foreach($printer_list as $index => $printer)
                        <option value="{{$printer->id}}">{{$printer->warehouse->name}}::{{$printer->print_driver_name}}</option>
                    @endforeach
                </select>
            </div>
        </div>
    @endif
@endsection