<style>
    #modal-upload-image .modal-lg {
        width: 1200px;
    }

    #modal-upload-image iframe {
        height: 420px;
    }

    #modal-upload-image .modal-body {
        padding: 0px !important;
    }

    .upload-image-container {
      padding: 10px;
      border:1px solid #eee;
      background-color:#eee;
      border-radius: 5px;
    }

    .open-upload-image {
      background-image: url("<?php echo asset('/images/upload-img.png') ?>");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      width: 105px;
      height: 104px;
      border:1px solid #ccc;
      background-color: white;
    }

    .open-upload-image:hover {
      border:1px solid #999;
      cursor: pointer;
    }

    .upload-image-btn i {
      font-size: 20px;
      font-style: normal;
      display: block;
      color: #555;
      display: none;
      position: absolute;
      top: -7px;
      right: 3px;
    }

    .upload-image-btn.fill-image i {
      display: block;
    }

    .upload-image-btn i:hover {
      color: #000;
      cursor: pointer;
    }

    @media(max-width: 1200px) {
        #modal-upload-image .modal-lg {
            width: 800px;
        }
    }

    @media(max-width: 800px) {
        #modal-upload-image .modal-lg {
            max-width: 600px;
        }
    }
</style>

<?php
 $token = password_hash('w314sfj10' . date('d') . 'sf21' . date('m') . 'p2' . date('y') . 'ysfa', PASSWORD_BCRYPT, ['cost' => 6]);
 ?>

<script type="text/javascript">
var __my_uploadToken = "<?php echo str_replace('/',"~y~", $token);
 ?>";
var baseUrl = "<?php echo asset();
 ?>";
</script>

<div class="modal" id="modal-upload-image" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Chọn & upload hình ảnh</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <iframe frameborder="0" style="width: 100%"></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="select-images-modal">Chọn hình ảnh</button>
        <button type="button" id="close-modal-upload-image" class="btn btn-secondary" data-dismiss="modal">Đóng</button>
      </div>
    </div>
  </div>
</div>