@props(['id', 'data'=>null, 'title'=>'', 'prefix'=>''])
<x-modal.page id="{{$id}}" title="{{$title}}｜住所入力" height="96">

    <div id="{{$id}}_h-adr" class="h-adr flex flex-col gap-2">
    <div class="entry-item">
        <label>郵便番号</label>
        <div>
            <input type="hidden" class="p-country-name" value="Japan">
            @php($field = $prefix.'postal_code')
            <x-input.postal-code x-ref="postal_code" name="{{$field}}" class="p-postal-code"
                adrId='{{$id}}_h-adr'
                regionName="{{$prefix}}prefecture"
                localityName="{{$prefix}}address1"
                value="{{old($field, $data->$field)}}" />
            <x-input.error item="{{$field}}" />
        </div>
    </div>
    <div class="entry-item">
        <label>住所１</label>
        <div>
            @php($field = $prefix.'address1')
            <x-input.text name="{{$field}}"
                value="{{old($field, $data->$field)}}"
                placeholder="全角40文字まで"
                class="w-full p-region p-locality p-street-address p-extended-addres" />
            <x-input.error item="{{$field}}" />
        </div>
    </div>
    <div class="entry-item">
        <label>住所２</label>
        <div>
            @php($field = $prefix.'address2')
            <x-input.text x-ref="address2" name="{{$field}}"
                value="{{old($field, $data->$field)}}"
                placeholder="全角40文字まで"
                class="w-full" />
            <x-input.error item="{{$field}}" />
        </div>
    </div>
    <div class="entry-item">
        <label>住所３</label>
        <div>
            @php($field = $prefix.'address3')
            <x-input.text x-ref="address3" name="{{$field}}"
                value="{{old($field, $data->$field)}}"
                placeholder="全角40文字まで"
                class="w-full" />
            <x-input.error item="{{$field}}" />
        </div>
    </div>
    </div>
</x-modal.page>