{{--
    トラスコ支店マスタ｜入力項目
    ｜$mode: create / edit（同一画面に2つのモーダルを置くため id を mode で分ける）
--}}
<div class="flex flex-col max-w-fit min-w-96">
    <div class="entry-item">
        <label class="required">記号</label>
        <div>
            <x-input.text id="{{$mode}}_order_prefix" name="order_prefix" class="w-24 uppercase"
                maxlength="2" value="{{old('order_prefix')}}" placeholder="例）AA" />
            <x-input.caution>注文番号の先頭2桁。受信時・反映時の支店特定キーです。</x-input.caution>
            <x-input.error item="order_prefix" />
        </div>
    </div>
    <div class="entry-item">
        <label class="required">支店名</label>
        <div>
            <x-input.text id="{{$mode}}_branch_name" name="branch_name" class="w-full"
                value="{{old('branch_name')}}" />
            <x-input.error item="branch_name" />
        </div>
    </div>
    <div class="entry-item">
        <label class="required">得意先</label>
        <div>
            <livewire:parts.input-customer id="{{$mode}}_customer_id" name="customer_id"
                suffix=".{{$mode}}" value="{{old('customer_id')}}" />
            <x-input.error item="customer_id" />
        </div>
    </div>
    <div class="entry-item">
        <label>表示順</label>
        <div>
            <x-input.text id="{{$mode}}_sort_order" name="sort_order" class="w-24"
                value="{{old('sort_order')}}" />
            <x-input.error item="sort_order" />
        </div>
    </div>
    <div class="entry-item">
        <label class="required">有効フラグ</label>
        <div>
            {{-- 無効化はレコードを削除せず有効フラグの更新で行う（REQ-2.5） --}}
            <x-input.enum-select key="IsActive" :required="true"
                id="{{$mode}}_is_active" name="is_active" class="w-28"
                value="{{old('is_active', \App\Enums\IsActive::On->value)}}" />
            <x-input.error item="is_active" />
        </div>
    </div>
    <div class="entry-item">
        <label>備考</label>
        <div>
            <x-input.textarea id="{{$mode}}_note" name="note" class="w-full" value="{{old('note')}}" />
            <x-input.error item="note" />
        </div>
    </div>
</div>