File: /var/www/vhost/disk-apps/teamdemo.sports-crowd.com/resources/views/tickets/list.blade.php
@section('extra-css')
<style>
.m-r-10 {
margin-right: 10px !important;
margin-top: 10px !important;
padding: 5px;
display: inline-block;
}
.pos-r {
position: relative !important;
}
.seat-image {
width: min(8vw, 28px) !important;
max-width: 28px;
}
.image_seat_example {
width: min(8vw, 28px) !important;
max-width: 28px;
}
.name_seat {
position: absolute;
left: 10px;
bottom: 0;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.cursor {
cursor: pointer;
}
.container_image {
position: relative;
}
.float-left {
float: left;
}
.d-c {
display: contents;
}
.label_letter {
position: absolute;
left: 10px;
margin-bottom: 20px;
width: auto;
}
.container_row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 15px !important;
max-width: 90%;
margin: 0 auto;
}
.d-i-t {
margin-top: 10px !important;
/* min-width: 35px; */
max-width: max-content;
display: inline-grid;
padding: 0px 2px;
}
.d-i-t:hover {
background-color: lightgray;
border-radius: 5px;
}
.text-center {
text-align: center;
}
.text-alert {
color: #a94442;
text-align: justify;
}
.small_price {
position: absolute !important;
top: 30px !important;
right: 15px !important;
font-size: 100% !important;
font-weight: bold !important;
}
.small_price_abono {
position: absolute !important;
top: 11px !important;
right: 15px !important;
font-size: 100% !important;
font-weight: bold !important;
}
.m-t-5 {
margin-top: 5px;
}
.bg-seat-selected {
filter: invert(24%) sepia(53%) saturate(3980%) hue-rotate(232deg) brightness(89%) contrast(97%);
}
.icon-remove-sign {
width: 15px;
height: 15px;
margin-right: 10px;
cursor: pointer;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background-color: #fff;
}
.buttonBuy {
margin-top: 8px;
margin-right: 20px;
}
.container_total {
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: flex-end;
margin-right: 10px;
font-weight: bold;
font-size: 20px;
}
.container_total_contents {
display: flex;
justify-content: space-between;
gap: 20px;
margin: 5px 0px;
}
.container_total_contents h4 {
margin: 0;
}
.total h4 {
font-weight: bold;
font-size: 24px;
}
.display-contents {
display: contents;
}
.m-r-20 {
margin-right: 20px;
}
.container_form {
display: flex;
flex-direction: column;
}
.containerCheckbox {
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width : 768px) {
.panel-body-seats {
zoom: 70%;
padding: 10px;
}
.label_letter {
position: static;
margin-bottom: 0px;
width: -webkit-fill-available;
}
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.20/dist/sweetalert2.min.css">
@endsection
@extends('modules.head') @section('contenido')
<h3 class="displayFlex-2 cursor">
<a class="ruta" onclick="showActiveEvents()">{{ Lang::get('messages.tickets.matches')}}</a>
<div class="displayNone" id="stadiumBreadcrumbs">
<span class="separador-ruta">|</span>
<a class="ruta" onclick="showStadiumZones()" id="event_name"></a>
</div>
<div class="displayNone" id="tribuneBreadcrumbs">
<span class="separador-ruta">|</span>
<a class="ruta" id="zone_name"></a>
</div>
</h3>
<div class="text-center" id="container_event">
<div class="form-group col-md-12">
<select class="form-control" id="event_id" name="event_id">
<option value="0" disabled selected>@lang('messages.select')</option>
@forelse ($events as $event)
<option value="{{$event}}" season_id="{{$event->season_id}}">{{$event->name}} - {{$event->event_start}}</option>
@empty
<option value="0">No hay partidos</option>
@endforelse
</select>
</div>
</div>
<div id="stadiumContainer" style="display: none; background-color: white;">
@include('web_ticketing.legendZones')
<div style="margin: 0px 20px;">@include('web_ticketing.zoomControls')</div>
<div id="stadium" class="stadium"></div>
@include('web_ticketing.snackbar')
</div>
<div id="seats" class="box text-center" style="display: none">
@include('web_ticketing.legendSeats', ['s3Url' => config('filesystems.disks.s3.url'), 'allIcons' => true])
<div id="seatsContainer" class="seats"></div>
</div>
<div id="checkout" class="panel panel-default" style="display: none">
<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">
<h4>Total: </h4>
<h4 id="total" class="currency">0</h4>
</div>
<br>
</div>
</div>
<input type="hidden" class="form-control" id="s3Url" value="{{ config('filesystems.disks.s3.url') }}">
<div class="modal fade" id="modal_sell_seat">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">{{ Lang::get('messages.tickets.title_21')}}</h4>
</div>
<div class="modal-body">
<div class="box-body">
<form method="POST" id="form_sell_seat">
@include('tickets.form')
<button onClick="addSeat({{$parameters->presuscription}})" type="button" class="btn btnBox pull-right">{{ Lang::get('messages.tickets.title_22')}}</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_buy_tickets">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">{{ Lang::get('messages.tickets.title_23')}}</h4>
</div>
<div class="modal-body">
<div class="box-body">
<ul class="nav nav-pills nav-justified" id="myTab" role="tablist">
<li class="nav-item active">
<a class="nav-link" id="add-tab" data-toggle="tab" href="#add" role="tab">{{ Lang::get('messages.tickets.title_24')}}</a>
</li>
<li class="nav-item">
<a class="nav-link" id="shoping-tab" data-toggle="tab" href="#shoping" role="tab">{{ Lang::get('messages.tickets.title_25')}}</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade active in" id="add" role="tabpanel" aria-labelledby="add-tab">
<form method="POST" id="form_sell_checkout">
@include('tickets.form-checkout')
</form>
</div>
<div class="tab-pane fade" id="shoping" role="tabpanel" aria-labelledby="shoping-tab">
<div class="list-group m-t-5" id="list_tickets">
</div>
<div class="panel-group" id="accordionAbonos" role="tablist">
</div>
<div class="row mx-md-n5 container_total">
<div class="row">
<div class="container_total_contents">
<h4>Subtotal: </h4>
<h4 id="sub_total" class="currency">0</h4>
</div>
<div class="container_total_contents">
<h4>Servicio: </h4>
<h4 id="service_total" class="currency">0</h4>
</div>
<div class="container_total_contents total">
<h4>Total: </h4>
<h4 id="total_price" class="currency">0</h4>
</div>
</div>
<div class="row">
@if ($parameters && $parameters->sales_with_external && in_array(Auth::user()->rol->id, [7]))
<button type="submit" onClick="create('external')" id="btn-create" class="btn btnBox pull-right ">{{ __('messages.create') }}</button>
@endif
@if ($parameters && $parameters->sales_with_internal && in_array(Auth::user()->rol->id, [1,2,8,15]))
<button type="submit" onClick="create('internal')" id="btn-create" class="btn btnBox pull-right ">{{ __('messages.create') }}</button>
@endif
<button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
<i class="fa fa-spinner fa-spin"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer displayNone" id="div_footer">
<button onClick="buyTickets()" type="button" class="btn btnBox pull-right buttonBuy">{{ Lang::get('messages.tickets.title_27')}}</button>
</footer>
@endsection
<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/tickets.js') . '?v=' . time() }}"></script>