<style>
    .facility-canvas{
        max-height: 100%;
    }
    label.file_multiple_label_facility {
        margin: auto;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    img{
        max-height: 100%;
        width: auto;
    }
</style>

<label style="width: 200px;" class="p-portalupload file_multiple_label_facility" for="fileMutilInput<?php echo e($id); ?>">
    <?php if(isset($facility_info['photo' . $id]) && $facility_info['photo' . $id] != null): ?>
        <img src="<?php echo e($facility_info['photo' . $id]. '?v=' . time()); ?>" id="show_img_<?php echo e($id); ?>" width="200" />
    <?php endif; ?>
    <canvas class="facility-canvas" style="height: auto; width: auto;" width="0" height="0"></canvas>
    <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
    <input id="fileMutilInput<?php echo e($id); ?>" type="file" name="photo<?php echo e($id); ?>" class="file_multiple_facility d-none">
    <input type="hidden" name="file_path_photo<?php echo e($id); ?>" value="">
    <input type="hidden" name="del_photo<?php echo e($id); ?>" value="">
</label>
<div class="mt10 mb10 text-center">
    <button type="button" onclick="btn_photo_del(<?php echo e($id); ?>)">削除</button>
</div>
