File: /var/www/vhost/disk-apps/comfama.sports-crowd.com/resources/views/web_ticketing/buying.blade.php
<!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/web-buying.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
<style>
body {
display: flex;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
html,
body {
height: 100%;
}
.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;
}
.panel-default {
box-shadow: 0 1px 6px 0px grey;
}
.btn{
background-color: {{ $corporateIdentity->btnBox_color }};
background-color: {{ $corporateIdentity->btnBox_color }};
color: white;
font-size: initial;
}
.btn:hover {
background-color: {{$corporateIdentity->btnBox_hover_color}};
border-color: {{$corporateIdentity->btnBox_hover_color}};
color: white;
font-size: initial;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</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))
@for ($i = 0; $i < count($events); $i++) <div class="col-md-{{ $col }} col-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3>{{ $events[$i]->season_name }}</h3>
</div>
<div class="panel-body text-center">
<div class="row">
<div class="col-md-4 col-4">
<img class="team-logo" src="{{ config('filesystems.disks.s3.url') }}/teams/{{ $team->logo }}" onerror="if (this.src != 'error.jpg') this.src = '/img/teamEmpty.png';">
<h4>{{ $team->name }}</h4>
</div>
<div class="col-md-4 col-4">
<h1 style="margin-top: 50%">VS</h1>
</div>
<div class="col-md-4 col-4">
<img class="team-logo" src="{{ config('filesystems.disks.s3.url') }}/teams/{{ $events[$i]->team_logo }}" onerror="if (this.src != 'error.jpg') this.src = '/img/teamEmpty.png';">
<h4>{{ $events[$i]->team_name }}</h4>
</div>
</div>
</div>
<div class="panel-footer">
<h4>{{ $events[$i]->stadium_to_play ?? '-' }}</h4>
<h5>{{ $events[$i]->date_name }}, {{ $events[$i]->event_start }}</h5>
@if($events[$i]->invalidEvent)
<div style="text-align: end">
<button type="button" class="btn" disabled>
Comprar Boletas
</button>
</div>
<h3 style="color: red; text-align: center; margin-top: 10px">El evento no tiene precios configurados</h3>
@else
<div style="text-align: end">
<a href="../web_ticketing/ticketSelect/{{ $events[$i]->code }}">
<button type="button" class="btn">
Comprar Boletas
</button>
</a>
</div>
@endif
</div>
</div>
</div>
@endfor
@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 eventos disponibles del equipo para el proceso de venta.</b>
</h1>
</main>
@endif
</div>
</body>
</html>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>