2025-02-22 01:10:22 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>Seca home</title>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<link rel="stylesheet" href="/css/seca.css" />
|
2025-02-24 00:31:17 +01:00
|
|
|
<link rel="stylesheet" href="/css/offers.css" />
|
2025-02-22 01:10:22 +01:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2025-02-22 01:11:55 +01:00
|
|
|
<%- include("partials/appCommonHeader") %>
|
2025-02-22 01:10:22 +01:00
|
|
|
|
|
|
|
|
<div class="over-background">
|
2025-02-22 01:53:14 +01:00
|
|
|
<button id="button-start-create-offer" class="button-primary">
|
|
|
|
|
Crear nueva oferta
|
|
|
|
|
</button>
|
|
|
|
|
<div id="create-offer-controls" style="display: none">
|
2025-02-22 02:18:23 +01:00
|
|
|
<img
|
|
|
|
|
id="close-order-controls-x"
|
|
|
|
|
src="/img/circle-xmark.svg"
|
|
|
|
|
class="clickable"
|
|
|
|
|
width="5%"
|
|
|
|
|
/>
|
2025-02-24 12:04:36 +01:00
|
|
|
<h2>Añade los detalles de tu oferta</h2>
|
2025-02-22 02:18:23 +01:00
|
|
|
<div id="button-group-buy-or-sell" class="button-group">
|
2025-02-22 22:33:51 +01:00
|
|
|
<button
|
|
|
|
|
data-value="buy-bitcoin"
|
|
|
|
|
id="button-buy-bitcoin"
|
|
|
|
|
class="selected"
|
|
|
|
|
>
|
|
|
|
|
Quiero comprar Bitcoin</button
|
|
|
|
|
><button data-value="sell-bitcoin" id="button-sell-bitcoin">
|
|
|
|
|
Quiero vender Bitcoin
|
|
|
|
|
</button>
|
2025-02-22 02:18:23 +01:00
|
|
|
</div>
|
2025-02-23 00:22:34 +01:00
|
|
|
<div id="premium-area">
|
|
|
|
|
<p>Premium</p>
|
|
|
|
|
<div id="premium-value">0%</div>
|
|
|
|
|
<button id="button-increase-premium">+</button
|
|
|
|
|
><button id="button-decrease-premium">-</button>
|
|
|
|
|
</div>
|
2025-02-23 00:41:32 +01:00
|
|
|
<div id="amount-area">
|
|
|
|
|
<p>¿Cuánto?</p>
|
2025-02-24 11:20:24 +01:00
|
|
|
<div id="eur-amount" class="money-amount-input-area">
|
2025-02-24 00:31:17 +01:00
|
|
|
<input
|
|
|
|
|
id="input-eur-amount"
|
|
|
|
|
type="text"
|
2025-02-24 11:20:24 +01:00
|
|
|
class="money-input input-money-amount"
|
2025-02-24 00:31:17 +01:00
|
|
|
required
|
2025-02-24 11:20:24 +01:00
|
|
|
/>
|
|
|
|
|
<div id="eur-symbol" class="curr-symbol">
|
|
|
|
|
<span id="eur-character" class="curr-character">€</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="btc-amount" class="money-amount-input-area">
|
|
|
|
|
|
|
|
|
|
<input
|
|
|
|
|
id="input-btc-amount"
|
|
|
|
|
type="text"
|
|
|
|
|
class="money-input input-money-amount"
|
|
|
|
|
disabled
|
|
|
|
|
/>
|
|
|
|
|
<div id="sats-symbol" class="curr-symbol">
|
|
|
|
|
<span id="sats-character" class="curr-character">SAT</span>
|
2025-02-24 00:31:17 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-02-23 00:41:32 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="bitcoin-methods-area">
|
|
|
|
|
<p>¿Cómo se mueve el Bitcoin?</p>
|
2025-02-24 00:31:17 +01:00
|
|
|
<label for="onchain">Onchain</label
|
2025-02-24 12:04:36 +01:00
|
|
|
><input type="checkbox" name="onchain" id="onchain-checkbox" checked/>
|
2025-02-24 00:31:17 +01:00
|
|
|
<label for="lightning">Lightning</label
|
2025-02-24 12:04:36 +01:00
|
|
|
><input type="checkbox" name="lightning" id="lightning-checkbox" checked/>
|
|
|
|
|
<p id="at-least-one-checkbox" style="display: none">Tienes que seleccionar al menos una opción.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="trust-area">
|
|
|
|
|
<p>¿Quién puede ver la oferta?</p>
|
|
|
|
|
<label for="my-trusted">Mis confiados</label
|
|
|
|
|
><input type="checkbox" name="my-trusted" id="my-trusted-checkbox" checked disabled/>
|
|
|
|
|
<label for="my-trusted-trusted">Los confiados de mis confiados</label
|
|
|
|
|
><input type="checkbox" name="my-trusted-trusted" id="my-trusted-trusted-checkbox" checked/>
|
|
|
|
|
<label for="all-members">Todos los miembros</label
|
|
|
|
|
><input type="checkbox" name="all-members" id="all-members-checkbox"/>
|
2025-02-23 00:41:32 +01:00
|
|
|
</div>
|
2025-02-22 01:53:14 +01:00
|
|
|
<button id="button-submit-offer" class="button-primary" disabled>
|
|
|
|
|
Publicar oferta
|
|
|
|
|
</button>
|
2025-02-22 01:10:22 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<%- include("partials/appCommonScripts") %>
|
|
|
|
|
<script src="/javascript/offers.js"></script>
|
2025-02-24 11:24:17 +01:00
|
|
|
<script src="/javascript/utils.js"></script>
|
2025-02-22 01:10:22 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
