hotelcontrol.xcell-hiroshima.com
Open in
urlscan Pro
49.212.207.56
Public Scan
Submitted URL: https://www.hotelcontrol.xcell-hiroshima.com/
Effective URL: https://hotelcontrol.xcell-hiroshima.com/
Submission: On April 28 via api from US — Scanned from JP
Effective URL: https://hotelcontrol.xcell-hiroshima.com/
Submission: On April 28 via api from US — Scanned from JP
Form analysis
13 forms found in the DOMPOST
<form method="POST" id="loginform" class="p-8 bg-white drop-shadow-sm rounded my-10">
<h1 class="text-xl font-black text-center mb-8">ホテルフロント管理画面</h1>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">ログインID</p>
<input required="" type="text" id="loginid" name="loginid" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">パスワード</p>
<input required="" type="password" id="password" name="password" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2">
</label>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">ログイン</button>
</form>
<form id="orderdetail" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">部屋番号</p>
<p id="order_roomdispname" class="text-lg font-bold"></p>
</div>
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー時間</p>
<p id="order_datetime" class="text-lg font-bold"></p>
</div>
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー処理時間</p>
<p id="finish_time" class="text-lg font-bold">-</p>
</div>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー内容</p>
<p id="order_title" class="text-lg font-bold"></p>
</label>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">注文個数</p>
<p id="order_count" class="text-lg font-bold"></p>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">料金</p>
<p id="order_fee" class="text-lg font-bold"></p>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">合計金額</p>
<p id="order_total_fee" class="text-lg font-bold"></p>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー説明文</p>
<p id="order_detail" class="text-lg font-bold"></p>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">お客様氏名</p>
<p id="customer_name" class="text-lg font-bold"></p>
</div>
<label class="block mt-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="order_remarks" name="order_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<input type="hidden" id="order_id" name="order_id">
<div class="flex justify-end mt-8">
<div id="order_cancel" class="modal_btn select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#DB2828] shadow-[0_5px_0px_0px_rgb(154,9,9)] active:shadow-none active:top-[5px]">オーダーをキャンセルする</div>
<div id="order_remarks_save" class="select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</div>
<button class="select-none relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">お届け済みに変更する</button>
</div>
</form>
<form id="check_in" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">部屋番号</p>
<p id="check_in_roomdispname" class="text-lg font-bold">101</p>
</div>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">お客様氏名(※省略可能)</p>
<input type="text" id="check_in_name" name="check_in_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="山田太郎">
</label>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックイン日時</p>
<div class="w-fit">
<input required="" id="check_in_date" name="check_in_date" type="date" class="border border-[#D7DBEC] rounded p-1" value="2024-04-28">
<input required="" id="check_in_time" name="check_in_time" type="time" class="border border-[#D7DBEC] rounded p-1" value="21:05">
</div>
</div>
<div class="block mb-4" id="check_in_out_selectbox">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックアウト日時</p>
<div class="w-fit">
<input id="check_in_outdate" name="check_in_outdate" type="date" class="border border-[#D7DBEC] rounded p-1" value="2024-04-29">
<input id="check_in_outtime" name="check_in_outtime" type="time" class="border border-[#D7DBEC] rounded p-1" value="11:00">
</div>
</div>
<div class="mb-12 flex items-center">
<input type="checkbox" id="check_in_outlimit" name="check_in_outlimit" class="mr-2">
<label for="check_in_outlimit" class="text-sm text-[#333333] font-bold cursor-pointer select-none">チェックアウト日時を指定しない場合はチェック</label>
</div>
<label class="block mt-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="check_in_remarks" name="check_in_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<input type="hidden" id="check_in_roomname" name="check_in_roomname">
<input type="hidden" id="check_in_roomid" name="check_in_roomid">
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">チェックインしてアクセスキーを発行する</button>
</div>
</form>
<form id="check_out" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">部屋番号</p>
<p id="check_out_roomdispname" class="text-lg font-bold"></p>
</div>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">お客様氏名(※省略可能)</p>
<input type="text" id="check_out_name" name="check_out_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="山田太郎">
</label>
<div class="mb-4">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックアウト時に必要な追加請求額</p>
<p id="addpaymenttotal" class="text-4xl font-black"></p>
<div class="mt-4 pl-4">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー履歴</p>
<div id="orderlist">
</div>
</div>
</div>
<div class="mb-12 flex items-center">
<input type="checkbox" id="payment_status" name="payment_status" class="mr-2">
<label for="payment_status" class="text-sm text-[#333333] font-bold cursor-pointer select-none">追加請求を徴収した場合はチェックをしてください</label>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックイン日時</p>
<div class="w-fit">
<input required="" id="check_out_date" name="check_out_date" type="date" class="border border-[#D7DBEC] rounded p-1" value="2024-04-28">
<input required="" id="check_out_time" name="check_out_time" type="time" class="border border-[#D7DBEC] rounded p-1" value="15:00">
</div>
</div>
<div class="block mb-4" id="check_out_out_selectbox">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックアウト日時</p>
<div class="w-fit">
<input id="check_out_outdate" name="check_out_outdate" type="date" class="border border-[#D7DBEC] rounded p-1" value="2024-04-29">
<input id="check_out_outtime" name="check_out_outtime" type="time" class="border border-[#D7DBEC] rounded p-1" value="11:00">
</div>
</div>
<div class="mb-12 flex items-center">
<input type="checkbox" id="check_out_outlimit" name="check_out_outlimit" class="mr-2">
<label for="check_out_outlimit" class="text-sm text-[#333333] font-bold cursor-pointer select-none">チェックアウト日時を指定しない場合はチェック</label>
</div>
<label class="block mt-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="check_out_remarks" name="check_out_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<input type="hidden" id="check_out_bookingid" name="check_out_bookingid">
<input type="hidden" id="check_out_roomid" name="check_out_roomid">
<div class="flex justify-end mt-8">
<button class="relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存</button>
<a href="/accesskey/" class="accesskeyBtn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">再度アクセスキーを表示</a>
<div id="checkoutBtn" class="select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#DB2828] shadow-[0_5px_0px_0px_rgb(154,9,9)] active:shadow-none active:top-[5px]">チェックアウトしアクセスキーを無効にする</div>
</div>
</form>
<form id="staydetail" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<div class="mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">部屋番号</p>
<p id="stay_roomdispname" class="text-lg font-bold"></p>
</div>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">お客様氏名(※省略可能)</p>
<p id="stay_name" class="text-lg font-bold"></p>
</label>
<div class="mb-4">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックアウト時に必要な追加請求額</p>
<p id="stay_addpaymenttotal" class="text-4xl font-black"></p>
<div class="mt-4 pl-4">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">オーダー履歴</p>
<div id="stay_orderlist">
</div>
</div>
</div>
<div class="mb-12 flex items-center">
<input type="checkbox" id="stay_payment_status" name="stay_payment_status" class="mr-2" disabled="">
<label for="stay_payment_status" class="text-sm text-[#333333] font-bold select-none">追加請求徴収済みの場合はチェックが入ります</label>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">チェックイン/チェックアウト日時</p>
<p id="stay_date" class="text-lg font-bold"></p>
</div>
<div class="block mb-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">使用していたアクセスキー</p>
<p id="stay_key" class="text-lg font-bold"></p>
</div>
<label class="block mt-12">
<p class="mb-1 text-sm text-[#7E84A3] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="stay_remarks" name="stay_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<input type="hidden" id="stay_bookingid" name="stay_bookingid">
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
<form id="goodsadd" class="modal_body hidden" enctype="multipart/form-data">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))] flex justify-between items-start">
<div class="w-80 min-w-80">
<p class="mb-1 text-sm text-[#333333] font-bold">商品の画像</p>
<label for="new_goods_img" class="flex items-center mb-8 bg-[#F3F3F3] w-full h-40 rounded cursor-pointer">
<input required="" type="file" name="new_goods_img" id="new_goods_img" accept=".jpg, .jpeg" class="hidden img_input">
<img src="https://hotelcontrol.xcell-hiroshima.com/images/image_tmb.png" id="new_goods_image" class="img_preview w-full h-full m-auto rounded object-cover object-center aspect-video" alt="商品の画像">
</label>
<label for="new_goods_img" class="block select-none cursor-pointer relative w-fit text-white text-sm font-black rounded p-2 px-6 bg-[#7E84A3] shadow-[0_5px_0px_0px_rgb(82,89,126)] active:shadow-none active:top-[5px]">商品の画像ファイルを選ぶ</label>
<ul class="mt-8 list-disc pl-4">
<li class="text-sm">画像は16:9の比率で作成して下さい。</li>
<li class="text-sm mt-2">推奨サイズは横640px 縦360pxです。</li>
<li class="text-sm mt-2">それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。</li>
<li class="text-sm mt-2">アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。</li>
<li class="text-sm mt-2">アップロードする画像は5MB以下のみ可能です。</li>
</ul>
</div>
<div class="w-full ml-8">
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品名(日本語)</p>
<input required="" type="text" id="new_goods_name" name="new_goods_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="ビール">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品名(英語)</p>
<input required="" type="text" id="new_goods_name_en" name="new_goods_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="beer">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">料金(無料の場合は0と入力)</p>
<input required="" type="number" id="new_goods_fee" name="new_goods_fee" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品説明文(日本語)</p>
<textarea required="" id="new_goods_detail" name="new_goods_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="500文字以内"></textarea>
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品説明文(英語)</p>
<textarea required="" id="new_goods_detail_en" name="new_goods_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="500文字以内"></textarea>
</label>
<div class="mb-6 flex items-center">
<input type="checkbox" id="new_goods_bookinglimit" name="new_goods_bookinglimit" class="mr-2">
<label for="new_goods_bookinglimit" class="text-sm text-[#333333] font-bold cursor-pointer select-none">お客様がこの商品を注文可能な時間を制限する</label>
</div>
<div class="mb-12 hidden" id="new_goods_bookinglimit_selectbox">
<p class="mb-1 text-sm text-[#333333] font-bold">お客様が注文できる時間</p>
<div class="flex items-center">
<input type="time" id="new_goods_bookinglimit_s_time" name="new_goods_bookinglimit_s_time" class="w-30 block border-2 border-[#E5E5E5] rounded-lg p-2" value="15:00">
<p class="mx-2">~</p>
<input type="time" id="new_goods_bookinglimit_e_time" name="new_goods_bookinglimit_e_time" class="w-30 block border-2 border-[#E5E5E5] rounded-lg p-2" value="22:00">
</div>
</div>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="new_goods_remarks" name="new_goods_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
</div>
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">保存する</button>
</div>
</form>
<form id="goodsdetail" class="modal_body hidden" enctype="multipart/form-data">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))] flex justify-between items-start">
<div class="w-80 min-w-80">
<p class="mb-1 text-sm text-[#333333] font-bold">商品の画像</p>
<label for="goods_img" class="flex items-center mb-8 bg-[#F3F3F3] w-full h-40 rounded cursor-pointer">
<input type="file" name="goods_img" id="goods_img" accept=".jpg, .jpeg" class="hidden img_input">
<img src="https://hotelcontrol.xcell-hiroshima.com/images/image_tmb.png" id="goods_image" class="img_preview w-full h-full m-auto rounded object-cover object-center aspect-video" alt="商品の画像">
</label>
<label for="goods_img" class="block select-none cursor-pointer relative w-fit text-white text-sm font-black rounded p-2 px-6 bg-[#7E84A3] shadow-[0_5px_0px_0px_rgb(82,89,126)] active:shadow-none active:top-[5px]">商品の画像ファイルを選ぶ</label>
<ul class="mt-8 list-disc pl-4">
<li class="text-sm">画像は16:9の比率で作成して下さい。</li>
<li class="text-sm mt-2">推奨サイズは横640px 縦360pxです。</li>
<li class="text-sm mt-2">それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。</li>
<li class="text-sm mt-2">アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。</li>
<li class="text-sm mt-2">アップロードする画像は5MB以下のみ可能です。</li>
</ul>
</div>
<div class="w-full ml-8">
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品名(日本語)</p>
<input required="" type="text" id="goods_name" name="goods_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="ビール">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品名(英語)</p>
<input required="" type="text" id="goods_name_en" name="goods_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="beer">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">料金(無料の場合は0と入力)</p>
<input required="" type="number" id="goods_fee" name="goods_fee" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品説明文(日本語)</p>
<textarea required="" id="goods_detail" name="goods_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="500文字以内"></textarea>
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">商品説明文(英語)</p>
<textarea required="" id="goods_detail_en" name="goods_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="500文字以内"></textarea>
</label>
<div class="mb-6 flex items-center">
<input type="checkbox" id="goods_bookinglimit" name="goods_bookinglimit" class="mr-2">
<label for="goods_bookinglimit" class="text-sm text-[#333333] font-bold cursor-pointer select-none">お客様がこの商品を注文可能な時間を制限する</label>
</div>
<div class="mb-12 hidden" id="goods_bookinglimit_selectbox">
<p class="mb-1 text-sm text-[#333333] font-bold">お客様が注文できる時間</p>
<div class="flex items-center">
<input type="time" id="goods_bookinglimit_s_time" name="goods_bookinglimit_s_time" class="w-30 block border-2 border-[#E5E5E5] rounded-lg p-2" value="15:00">
<p class="mx-2">~</p>
<input type="time" id="goods_bookinglimit_e_time" name="goods_bookinglimit_e_time" class="w-30 block border-2 border-[#E5E5E5] rounded-lg p-2" value="22:00">
</div>
</div>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">受付ステータス</p>
<label class="block">
<select id="goods_status" name="goods_status" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="0">受付中</option>
<option value="1">停止中</option>
</select>
</label>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="goods_remarks" name="goods_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
</div>
<input type="hidden" id="goods_id" name="goods_id">
<div class="flex justify-end mt-8">
<div id="goods_remove" class="modal_btn select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#DB2828] shadow-[0_5px_0px_0px_rgb(154,9,9)] active:shadow-none active:top-[5px]">この商品を削除する</div>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
<form id="introductionadd" class="modal_body hidden" enctype="multipart/form-data">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))] flex justify-between items-start">
<div class="w-80 min-w-80">
<p class="mb-1 text-sm text-[#333333] font-bold">施設の画像</p>
<label for="new_facility_img" class="flex items-center mb-8 bg-[#F3F3F3] w-full h-40 rounded cursor-pointer">
<input required="" type="file" name="new_facility_img" id="new_facility_img" accept=".jpg, .jpeg" class="hidden img_input">
<img src="https://hotelcontrol.xcell-hiroshima.com/images/image_tmb.png" id="new_facility_image" class="img_preview w-full h-full m-auto rounded object-cover object-center aspect-video" alt="施設の画像">
</label>
<label for="new_facility_img" class="block select-none cursor-pointer relative w-fit text-white text-sm font-black rounded p-2 px-6 bg-[#7E84A3] shadow-[0_5px_0px_0px_rgb(82,89,126)] active:shadow-none active:top-[5px]">施設の画像ファイルを選ぶ</label>
<ul class="mt-8 list-disc pl-4">
<li class="text-sm">画像は16:9の比率で作成して下さい。</li>
<li class="text-sm mt-2">推奨サイズは横640px 縦360pxです。</li>
<li class="text-sm mt-2">それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。</li>
<li class="text-sm mt-2">アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。</li>
<li class="text-sm mt-2">アップロードする画像は5MB以下のみ可能です。</li>
</ul>
</div>
<div class="w-full ml-8">
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">施設名(日本語)</p>
<input required="" type="text" id="new_facility_name" name="new_facility_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="露天風呂">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">施設名(英語)</p>
<input required="" type="text" id="new_facility_name_en" name="new_facility_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="open air bath">
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">施設説明文(日本語)</p>
<textarea required="" id="new_facility_detail" name="new_facility_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000文字以内"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">施設説明文(英語)</p>
<textarea required="" id="new_facility_detail_en" name="new_facility_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000文字以内"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="new_facility_remarks" name="new_facility_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
</div>
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">保存する</button>
</div>
</form>
<form id="introductiondetail" class="modal_body hidden" enctype="multipart/form-data">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))] flex justify-between items-start">
<div class="w-80 min-w-80">
<p class="mb-1 text-sm text-[#333333] font-bold">施設の画像</p>
<label for="facility_img" class="flex items-center mb-8 bg-[#F3F3F3] w-full h-40 rounded cursor-pointer">
<input type="file" name="facility_img" id="facility_img" accept=".jpg, .jpeg" class="hidden img_input">
<img src="https://hotelcontrol.xcell-hiroshima.com/images/image_tmb.png" id="facility_image" class="img_preview w-full h-full m-auto rounded object-cover object-center aspect-video" alt="施設の画像">
</label>
<label for="facility_img" class="block select-none cursor-pointer relative w-fit text-white text-sm font-black rounded p-2 px-6 bg-[#7E84A3] shadow-[0_5px_0px_0px_rgb(82,89,126)] active:shadow-none active:top-[5px]">施設の画像ファイルを選ぶ</label>
<ul class="mt-8 list-disc pl-4">
<li class="text-sm">画像は16:9の比率で作成して下さい。</li>
<li class="text-sm mt-2">推奨サイズは横640px 縦360pxです。</li>
<li class="text-sm mt-2">それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。</li>
<li class="text-sm mt-2">アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。</li>
<li class="text-sm mt-2">アップロードする画像は5MB以下のみ可能です。</li>
</ul>
</div>
<div class="w-full ml-8">
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">施設名(日本語)</p>
<input required="" type="text" id="facility_name" name="facility_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="露天風呂">
</label>
<label class="block mb-12">
<p class="mb-1 text-sm text-[#333333] font-bold">施設名(英語)</p>
<input required="" type="text" id="facility_name_en" name="facility_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="open air bath">
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">施設説明文(日本語)</p>
<textarea required="" id="facility_detail" name="facility_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000文字以内"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">施設説明文(英語)</p>
<textarea required="" id="facility_detail_en" name="facility_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="1000文字以内"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">公開ステータス</p>
<label class="block">
<select id="facility_status" name="facility_status" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="0">表示公開中</option>
<option value="1">非公開</option>
</select>
</label>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="facility_remarks" name="facility_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
</div>
<input type="hidden" id="facility_id" name="facility_id">
<div class="flex justify-end mt-8">
<div id="introduction_remove" class="modal_btn select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#DB2828] shadow-[0_5px_0px_0px_rgb(154,9,9)] active:shadow-none active:top-[5px]">この施設紹介を削除する</div>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
<form id="guideadd" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">タイトルを入力(日本語)</p>
<input required="" type="text" id="new_guide_name" name="new_guide_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="例:チェックアウトは何時までですか?">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">タイトルを入力(英語)</p>
<input required="" type="text" id="new_guide_name_en" name="new_guide_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="例:What time is check-out time?">
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">詳細説明文(日本語)</p>
<textarea required="" id="new_guide_detail" name="new_guide_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">詳細説明文(英語)</p>
<textarea required="" id="new_guide_detail_en" name="new_guide_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="new_guide_remarks" name="new_guide_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">保存する</button>
</div>
</form>
<form id="guidedetail" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">タイトルを入力(日本語)</p>
<input required="" type="text" id="guide_name" name="guide_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="例:チェックアウトは何時までですか?">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">タイトルを入力(英語)</p>
<input required="" type="text" id="guide_name_en" name="guide_name_en" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="例:What time is check-out time?">
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">詳細説明文(日本語)</p>
<textarea required="" id="guide_detail" name="guide_detail" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">詳細説明文(英語)</p>
<textarea required="" id="guide_detail_en" name="guide_detail_en" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">公開ステータス</p>
<label class="block">
<select id="guide_status" name="guide_status" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="0">表示公開中</option>
<option value="1">非公開</option>
</select>
</label>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="guide_remarks" name="guide_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<input type="hidden" id="guide_id" name="guide_id">
</div>
<div class="flex justify-end mt-8">
<div id="guide_remove" class="modal_btn select-none cursor-pointer relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#DB2828] shadow-[0_5px_0px_0px_rgb(154,9,9)] active:shadow-none active:top-[5px]">このガイドを削除する</div>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
<form id="roomadd" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">部屋番号または部屋名称</p>
<input required="" type="text" id="new_room_name" name="new_room_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="101号室">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-FiのSSIDを入力</p>
<input type="text" id="new_room_wifi_ssid" name="new_room_wifi_ssid" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="aabbcc112233">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-Fiのパスワードを入力</p>
<input type="text" id="new_room_wifi_password" name="new_room_wifi_password" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="aabbcc112233">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-Fiの暗号化モード</p>
<label class="block">
<select required="" id="new_room_wifi_mode" name="new_room_wifi_mode" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="0" selected="" disabled="">選択してください</option>
<option value="WPA2">WPA2</option>
<option value="TKIP">TKIP</option>
<option value="AES">AES</option>
<option value="WPA">WPA</option>
<option value="WEP">WEP</option>
</select>
</label>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="new_room_remarks" name="new_room_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
</div>
<div class="flex justify-end mt-8">
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">この客室を削除する</button>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
<form id="roomdetail" class="modal_body hidden">
<div class="overflow-x-auto h-[calc(90vh-(64px+45px+32px+72px))]">
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">部屋番号または部屋名称</p>
<input required="" type="text" id="room_name" name="room_name" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="101号室">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-FiのSSIDを入力</p>
<input type="text" id="room_wifi_ssid" name="room_wifi_ssid" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="aabbcc112233">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-Fiのパスワードを入力</p>
<input type="text" id="room_wifi_password" name="room_wifi_password" class="w-full m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="aabbcc112233">
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">この部屋で使用するWi-Fiの暗号化モード</p>
<label class="block">
<select id="room_wifi_mode" name="room_wifi_mode" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="WPA2">WPA2</option>
<option value="TKIP">TKIP</option>
<option value="AES">AES</option>
<option value="WPA">WPA</option>
<option value="WEP">WEP</option>
</select>
</label>
</label>
<label class="block mb-8">
<p class="mb-1 text-sm text-[#333333] font-bold">利用ステータス</p>
<label class="block">
<select id="room_status" name="room_status" class="w-full block border-2 border-[#E5E5E5] rounded-lg p-2">
<option value="0">利用可能</option>
<option value="1">利用停止</option>
</select>
</label>
</label>
<label class="block mt-8">
<p class="mb-1 text-sm text-[#333333] font-bold">備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。)</p>
<textarea id="room_remarks" name="room_remarks" class="w-full h-40 max-h-64 m-auto block border-2 border-[#E5E5E5] rounded-lg p-2" placeholder="※1000文字以内で入力"></textarea>
</label>
<input type="hidden" id="room_id" name="room_id">
</div>
<div class="flex justify-end mt-8">
<a href="/roomqr/" id="roomqrlink" class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">Wi-Fi接続用QRコードを表示する</a>
<button class="modal_btn relative ml-2 w-fit text-white font-black rounded p-2 px-6 bg-[#1C66BB] shadow-[0_5px_0px_0px_rgb(10,48,93)] active:shadow-none active:top-[5px]">変更を保存する</button>
</div>
</form>
Text Content
ホテルフロント管理画面 ログインID パスワード ログイン ホテル追加 部屋番号 オーダー時間 オーダー処理時間 - オーダー内容 注文個数 料金 合計金額 オーダー説明文 お客様氏名 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) オーダーをキャンセルする 変更を保存する お届け済みに変更する 部屋番号 101 お客様氏名(※省略可能) チェックイン日時 チェックアウト日時 チェックアウト日時を指定しない場合はチェック 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) チェックインしてアクセスキーを発行する 部屋番号 お客様氏名(※省略可能) チェックアウト時に必要な追加請求額 オーダー履歴 追加請求を徴収した場合はチェックをしてください チェックイン日時 チェックアウト日時 チェックアウト日時を指定しない場合はチェック 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) 変更を保存 再度アクセスキーを表示 チェックアウトしアクセスキーを無効にする 部屋番号 お客様氏名(※省略可能) チェックアウト時に必要な追加請求額 オーダー履歴 追加請求徴収済みの場合はチェックが入ります チェックイン/チェックアウト日時 使用していたアクセスキー 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) 変更を保存する 商品の画像 商品の画像ファイルを選ぶ * 画像は16:9の比率で作成して下さい。 * 推奨サイズは横640px 縦360pxです。 * それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。 * アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。 * アップロードする画像は5MB以下のみ可能です。 商品名(日本語) 商品名(英語) 料金(無料の場合は0と入力) 商品説明文(日本語) 商品説明文(英語) お客様がこの商品を注文可能な時間を制限する お客様が注文できる時間 ~ 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) 保存する 商品の画像 商品の画像ファイルを選ぶ * 画像は16:9の比率で作成して下さい。 * 推奨サイズは横640px 縦360pxです。 * それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。 * アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。 * アップロードする画像は5MB以下のみ可能です。 商品名(日本語) 商品名(英語) 料金(無料の場合は0と入力) 商品説明文(日本語) 商品説明文(英語) お客様がこの商品を注文可能な時間を制限する お客様が注文できる時間 ~ 受付ステータス 受付中 停止中 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) この商品を削除する 変更を保存する 施設の画像 施設の画像ファイルを選ぶ * 画像は16:9の比率で作成して下さい。 * 推奨サイズは横640px 縦360pxです。 * それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。 * アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。 * アップロードする画像は5MB以下のみ可能です。 施設名(日本語) 施設名(英語) 施設説明文(日本語) 施設説明文(英語) 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) 保存する 施設の画像 施設の画像ファイルを選ぶ * 画像は16:9の比率で作成して下さい。 * 推奨サイズは横640px 縦360pxです。 * それ以外のサイズでもアップロードは可能ですが、上下左右のどこかが見切れたり、画像が荒く表示される可能性があります。 * アップロードする画像の拡張子は[.jpg]や[.jpeg]のファイルを選択してください。 * アップロードする画像は5MB以下のみ可能です。 施設名(日本語) 施設名(英語) 施設説明文(日本語) 施設説明文(英語) 公開ステータス 表示公開中 非公開 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) この施設紹介を削除する 変更を保存する タイトルを入力(日本語) タイトルを入力(英語) 詳細説明文(日本語) 詳細説明文(英語) 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) 保存する タイトルを入力(日本語) タイトルを入力(英語) 詳細説明文(日本語) 詳細説明文(英語) 公開ステータス 表示公開中 非公開 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) このガイドを削除する 変更を保存する 部屋番号または部屋名称 この部屋で使用するWi-FiのSSIDを入力 この部屋で使用するWi-Fiのパスワードを入力 この部屋で使用するWi-Fiの暗号化モード 選択してください WPA2 TKIP AES WPA WEP 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) この客室を削除する 変更を保存する 部屋番号または部屋名称 この部屋で使用するWi-FiのSSIDを入力 この部屋で使用するWi-Fiのパスワードを入力 この部屋で使用するWi-Fiの暗号化モード WPA2 TKIP AES WPA WEP 利用ステータス 利用可能 利用停止 備考(※お客様には表示されません。スタッフ管理用メモ欄として使用できます。) Wi-Fi接続用QRコードを表示する 変更を保存する