@props(['print_shipment_date'=>null])
<x-modal id="confirm_print" maxWidth='sm'>
    <!-- contents -->
    <main class="p-4 00h-36 text-sm">
        <div>
            出荷指示書・ピッキングリスト・納品書を印刷します。よろしいですか？
        </div>
        <hr class="my-2">
        <div class="flex items-center">
            <label class="w-20 text-sm required">出荷日</label>
            <x-input.date id="print_shipment_date" name="print_shipment_date" value="{{ $print_shipment_date }}" />
        </div>
        <div id="confirm_print_error" class="text-danger-700 hidden"></div>
    </main>
    <!-- footer -->
    <footer class="py-3 px-3 flex gap-3 items-center justify-end border-t ">
        <x-button.modal-cancel  data-micromodal-close/>
        <x-button.modal-ok id="btn_print" type="button" @click="print();" />
    </footer>
</x-modal>