<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Töleg status</title>
    <style>
        body{font-family: 'Trebuchet MS', sans-serif;}.top:before,a{display:block}.bottom,.inner-container,.top{text-align:center}.card{box-shadow:0 15px 16.8px rgba(0,0,0,.031),0 100px 134px rgba(0,0,0,.05);background-color:#fff;border-radius:15px;padding:35px}.top{padding-bottom:25px;min-width:250px;border-bottom:2px dashed #dfe4f3;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:.18em dashed #fff;position:relative}.outer-container,.top:before{background-color:#fafcff;position:absolute}.top:before{content:"";width:20px;height:20px;border-radius:100%;bottom:0;right:-10px;margin-bottom:-10px}svg{margin:0 auto;width:60px;height:60px}h3{margin-top:0;margin-bottom:10px}span{color:#adb3c4;font-size:12px}.bottom{margin-top:30px}.key-value{display:flex;justify-content:space-between}.key-value span:first-child{font-weight:0}a{padding:8px 20px;text-decoration:none;color:#fff;border-radius:8px;font-size:14px;margin-top:20px}.outer-container{display:table;width:100%;height:100%;top:0;right:0}.inner-container{display:table-cell;vertical-align:middle}.centered-content{display:inline-block;text-align:left;background:#fff;margin-top:10px}.success{color:#17cca9}.danger{color:#f2131f}.bg-success{background-color:#17cca9}.bg-danger{background-color:#f2131f}
    </style>
</head>
<body>
    <div class="outer-container">
      <div class="inner-container">
        <div class="card centered-content">
          <div class="top">

            @if($success)
                <svg class="success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                </svg>
            @else
                <svg class="danger" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                  <path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd" />
                </svg>
            @endif

            <h3 class="{{ $success ? 'success' : 'danger' }}">
                {{ $title }}
            </h3>
            <span>Töleg nomeri: {{ $pnr }}</span>
          </div>
          <div class="bottom">
            <div class="key-value">
              <span>{{ $branch_name }}</span>
              <span>{{ $price_amount }} TMT</span>
            </div>
            <a class="{{ $success ? 'bg-success' : 'bg-danger' }}" href="{{ $return_url }}">{{ __('Baş sahypa geç') }}</a>
          </div>
        </div>
      </div>
    </div>
</body>
</html>
