File: /var/www/vhost/disk-apps/alq-cali.bikenow.co/resources/views/web_ticketing/flashTicket.blade.php
<?php
function getServiceCharge($event)
{
if (!$event->service_charge) {
return 0;
}
if (str_contains($event->service_charge, '%')) {
return (floatval($event->service_charge) / 100) * $event->price;
}
return $event->service_charge;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Boletería {{ $corporateIdentity->platform_name }} | Sports Crowd</title>
<link rel="icon" href="{{ asset($corporateIdentity->logo) }}">
<link rel="stylesheet" href='../../js/bootstrap/css/bootstrap.min.css'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/sign-in/">
<link rel="stylesheet" href="../../css/ticket_select.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.20/dist/sweetalert2.min.css">
<style>
body {
min-width: 50vw !important;
}
h3 {
margin-bottom: 0px;
}
.form-total {
width: 100%;
padding: 15px;
margin: auto;
text-align: center;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.vs-title {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.note {
font-size: 1.25rem;
font-weight: bold;
background-color: #f0f0f0;
border-radius: 5px;
padding: 0px 5px;
}
.panel-default {
box-shadow: 0 1px 6px 0px grey;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.total {
font-weight: bold;
font-size: 1.8em;
}
</style>
<!-- Custom styles for this template -->
<link href="abonados.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body style="background-image: url({{ config('filesystems.disks.s3.url') }}/web_customization/webTicketingBackground.jpg);">
<div class="row" style="align-content: center;height: -webkit-fill-available;">
@if (count($events))
@include('web_ticketing.userInformation', ['function' => 'getAvailableTickets'])
<div class="col-md-6 col-12 p-xs-0">
<div id="tribunes" style="display: none">
<div class="panel panel-default">
<div class="panel-heading">
<h3>Seleccionar boletas</h3>
</div>
<div class="panel-body">
<div class="row" style="color: {{ $corporateIdentity->btnBox_color }} ;">
<div class="col-md-7 col-7">
<h5>Tribuna</h5>
</div>
<div class="col-md-3 col-3 text-center">
<h5>Boleta
@if (getServiceCharge($events[0]) > 0)
<span>+ Servicio</span>
@endif
</h5>
</div>
<div class="col-md-2 col-2 text-center">
<h5>Cantidad</h5>
</div>
</div>
<hr class="rounded">
<div id="tribunes-container">
@for ($i = 0; $i < count($events); $i++) <div id="amount-{{ $events[$i]->id }}">
<div class="row">
<div class="col-md-7 col-7">
<h5>{{ $events[$i]->zone }}</h5>
</div>
<div class="col-md-3 col-3 text-center">
<h5>
<span class="currency">{{ $events[$i]->price }}</span>
@if (getServiceCharge($events[$i]) > 0)
+ <span class="currency">{{ getServiceCharge($events[$i]) }}</span>
@endif
</h5>
</div>
<div class="col-md-2 col-2 text-center">
<select style="font-size: 16px; min-width: 40px;" id="select-{{ $events[$i]->id }}" class="ticket-select" onchange="onchangeSelect(this,{{ $events[$i] }},'{{ $corporateIdentity->btnBox_color }}');">
@for ($j = 0; $j <= $events[$i]->maximum_number_ballots; $j++)
<option value={{ $j }}>{{ $j }}</option>
@endfor
</select>
</div>
</div>
<hr class="rounded">
</div>
@endfor
</div>
<div id="tribunes-container-coupon">
</div>
{{-- Prueba --}}
@if ($validateCouponexits ?? false)
<div class="alert alert-warning" role="alert" style="display: none" id="alert-cupon-unavailable">
<span>Hay algunas tribunas no disponibles</span>
</div>
<div class="alert alert-danger" role="alert" style="display: none" id="alert-cupon">
<span>El cupón no existe</span>
</div>
<div class="alert alert-success" role="alert" style="display: none" id="success-cupon">
<span>El cupón se ha aplicado</span>
</div>
<div class="container" style="display: flex; justify-content: flex-end;">
<div id="additional-field" class="form-group col-md-5">
<input type="text" class="form-control" id="additional-input" name="additional-input" placeholder="Ingresa cupón">
</div>
<button type="button" id="aplicar-cupon-btn" class="btn text-left" style="background-color: {{ $corporateIdentity->btnBox_color }}; color: white;font-size: 14px; height: 34px;" data-match-event-id-auxi="{{ $matchEventIdAuxi }}" onclick="handleCuponQuery('{{ $matchEventIdAuxi }}','{{ $corporateIdentity->btnBox_color }}')">Aplicar
Cupón
</button>
</div>
@endif
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Checkout</h3>
</div>
<div class="panel-body" id="checkout-body"></div>
<div class="panel-footer">
<div style="display: flex; justify-content: space-between">
<h4>Subtotal </h4>
<h4 id="subtotal" class="currency">$0</h4>
</div>
<div style="display: flex; justify-content: space-between">
<h4>Servicio </h4>
<h4 id="service-total" class="currency">$0</h4>
</div>
<div style="display: flex; justify-content: space-between" class="total">
<p>Total </p>
<p id="total" class="currency">$0</p>
</div>
<br>
<div style="text-align: end; display: none;" id="buy-btn">
<button type="submit" class="btn" style="background-color: {{ $corporateIdentity->btnBox_color }}; color: white; font-size: initial;" onclick="createClient();" id="buy_button">
Comprar boletas
</button>
<button class="btn btn-primary hide" type="button" style="background-color: {{ $corporateIdentity->btnBox_color }}; color: white; font-size: initial;" disabled id="loading_button">
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
Comprando, espera por favor ...
</button>
</div>
</div>
</div>
@else
<main class="form-total">
<img class="mb-4" src="{{ config('filesystems.disks.s3.url') }}/public/logo.png" alt="" width="170" height="170">
<h1 class="h3 mb-3 fw-normal">
<b>Actualmente, no hay tribunas disponibles para el evento seleccionado. Por favor, contacte con
el equipo para el proceso de venta.</b>
</h1>
</main>
@endif
</div>
</body>
@include('web_ticketing.modal.email-validation')
</html>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.20/dist/sweetalert2.min.js"></script>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('../js/web_ticketing.js') . '?v=' . time() }}"></script>
<script src="{{ asset('../js/crud.js') . '?v=' . time() }}"></script>