<style type="text/css">
  body {
    background: rgba(0, 0, 0, 0.62);
    display: flex;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
  }

  .login-page {
    padding: 3% 0 0;
    margin: auto;
  }

  .form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    border-radius: 4px;
  }

  .img {
    margin: 50px 0px;
  }

  .closeButton {
    display: inline-flex;
  }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<div class="login-page">
  <div class="form">
    <div>
      <h1 style="font-size: 36px; font-weight: 400; margin: 2">{{ Lang::get('messages.wompi.webcheckout_done')}}
      </h1>
    </div>
    <div class="img">
      <img src="{{ config('filesystems.disks.s3.url') }}/public/logo.png" width="200" />
    </div>
    <div class="closeButton">
      <a href="/close" onclick="closeIAB()" target="_blank" style="
                              text-decoration:none;
                              font-weight: 600;
                              font-size: 20px;
                              color:#F2F2F2;
                              padding-top:15px;
                              padding-bottom:15px;
                              padding-left:40px;
                              padding-right:40px;
                              background-color:#404040;
                              border-color: #C2C2C2;
                              border-width: 3px;
                              border-style: solid;
                              border-radius:35px;
                              "> {{ Lang::get('messages.wompi.webcheckout_confirm_cerrar')}}</a>
    </div>
  </div>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script type="text/javascript">
  function closeIAB() {
    window.location.href = "/close";
  }
</script>