MarseyWorld/files/templates/casino.html

{% extends "default.html" %} {% block content %}
<link rel="stylesheet" href="/assets/css/casino.css?v=13" />
<script src="/assets/js/casino.js?v=2004"></script>

<!-- New -->
<div class="casino-games">
  <!-- Slots -->
  <div id="slots-block" class="casino-block">
    <div class="casino-block-title">
      Slots
      <hr style="flex: 1; margin-left: 1rem" />
    </div>
    <div class="casino-block-inner">
      <div class="casino-block-left">
        <!-- Game -->
        <div class="casino-block-game">
          <div>
            <div class="casino-slots-results" style="flex: 1">
              <div class="reel">
                <img src="/i/rDrama/coins.webp?v=3009" alt="coin" />
              </div>
              <div class="reel">
                <img src="/i/rDrama/coins.webp?v=3009" alt="coin" />
              </div>
              <div class="reel">
                <img src="/i/rDrama/coins.webp?v=3009" alt="coin" />
              </div>
            </div>
            <div class="casino-slots-outcome" id="casinoSlotsResult">
              &nbsp;
            </div>
          </div>
        </div>
        <!-- Bet -->
        <div class="casino-block-bet">
          <div class="lottery-page--stat">
            <div class="lottery-page--stat-keys" style="margin-right: 1rem">
              <div>Enter Bet</div>
              <div>
                <input
                  id="casinoSlotsBet"
                  class="form-control"
                  autocomplete="off"
                  value="100"
                  min="100"
                  step="1"
                  aria-label="Bet"
                  name="casinoSlotsBet"
                  type="number"
                  style="flex: 1; max-width: 200px; text-align: right"
                />
              </div>
            </div>

            <div class="lottery-page--stat-values">
              <div class="form-check">
                <input
                  class="form-check-input"
                  type="radio"
                  name="casinoSlotsCurrency"
                  id="casinoSlotsCurrencyDramacoin"
                  value="dramacoin"
                  checked
                />
                <label
                  class="form-check-label"
                  for="casinoSlotsCurrencyDramacoin"
                >
                  <img
                    src="/i/rDrama/coins.webp?v=3009"
                    alt="coin"
                    width="40"
                    data-bs-toggle="tooltip"
                    data-bs-placement="bottom"
                    title="Dramacoin"
                    aria-label="Dramacoin"
                  />
                </label>
              </div>
              <div class="form-check">
                <input
                  class="form-check-input"
                  type="radio"
                  name="casinoSlotsCurrency"
                  id="casinoSlotsCurrencyMarseybux"
                  value="marseybux"
                />
                <label
                  class="form-check-label"
                  for="casinoSlotsCurrencyMarseybux"
                >
                  <img
                    src="/i/marseybux.webp?v=2000"
                    alt="marseybux"
                    width="40"
                    data-bs-toggle="tooltip"
                    data-bs-placement="bottom"
                    title="Marseybux"
                    aria-label="Marseybux"
                  />
                </label>
              </div>
            </div>
          </div>

          <button
            type="button"
            class="btn btn-success lottery-page--action"
            id="casinoSlotsPull"
            style="width: 100%"
            onclick="pullSlots()"
          >
            Pull
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- Blackjack -->
  <div id="blackjack-block" class="casino-block">
    <div class="casino-block-title">
      Blackjack
      <hr style="flex: 1; margin-left: 1rem" />
    </div>
    <div>Give us a moment to fix things.</div>
  </div>
</div>
<div class="casino-lottery">{% include "lottery.html" %}</div>
{% endblock %}