File: /var/www/vhost/disk-apps/teamdemo.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" type="text/css"
href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
<style>
body {
background-color: #f5f5f5;
display: flex;
align-items: center;
flex-direction: column;
}
.team-logo {
width: auto;
max-width: 100%;
height: 100px;
}
.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 }};
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;
}
}
.event-card {
width: 100%;
min-width: 400px;
max-width: 480px;
}
/* En móviles pequeños: el card se ajusta al 100% y se ignora el min-width */
@media (max-width: 576px) {
.event-card {
width: 100%;
min-width: auto;
max-width: 95%;
}
}
.event-teams{
min-height: 170px;
min-width: 370px;
}
@media (max-width: 576px) {
.event-teams {
min-height: 170px;
max-width: 200px;
}
}
</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>
@if (($backgroundByDefault->value ?? 'false') == 'true')
<section class="" style="display: flex; justify-content:center; align-items: center; min-height: 100vh; min-width: 100vw; background-color: #f5f5f5; background-image: url('{{$defaultBackgroundImage->value ?? ""}}'); background-size: cover;">
<div class="row justify-content-center">
@if (count($events))
@for ($i = 0; $i < count($events); $i++)
<div class="col-md-{{ $col }} col-12 d-flex justify-content-center">
<div class="panel panel-default my-4 event-card">
<div class="panel-heading">
<h3>{{ $events[$i]->season_name }}</h3>
</div>
<div class="panel-body text-center event-teams">
<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>
</section>
@else
<x-flash-ticket-builder.section :sections="$sections">
<div class="row justify-content-center">
@if (count($events))
@for ($i = 0; $i < count($events); $i++)
<div class="col-md-{{ $col }} col-12 d-flex justify-content-center">
<div class="panel panel-default my-4 event-card">
<div class="panel-heading">
<h3>{{ $events[$i]->season_name }}</h3>
</div>
<div class="panel-body text-center event-teams">
<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>
</x-flash-ticket-builder.section>
@endif
</body>
</html>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>