File: /var/www/vhost/disk-apps/comfama.sports-crowd.com/resources/views/tickets_matches/list.blade.php
@extends('modules.head') @section('contenido')
<style>
/* Ensure that the demo table scrolls */
/* th, */
td {
white-space: nowrap;
}
div.dataTables_wrapper {
height: fit-content;
margin: 0px 10px 0px 10px;
}
.dataTables_scrollBody {
max-height: none !important;
}
</style>
<div class="box-header">
<a class="btn btn-app btnReportProducts" onclick="clickMassNotification()">
<i class="fa fa-bell"></i> {{ Lang::get('messages.tickets_matches.modal.title_0') }}
</a>
<a class="btn btn-app btnReportProducts" onclick="clickExport()">
<i class="fa fa-file-excel-o"></i> {{ Lang::get('messages.tickets_matches.export.title_0') }}
</a>
</div>
<!-- LISTADO entradas partidos-->
<div class="box">
<div class="box-header">
<h3 class="box-title"><b>{{ Lang::get('messages.academy_users.filters') }}</b></h3>
<div class="row">
<div class="col-12 col-md-12">
<label for="events">{{ Lang::get('messages.tickets_matches.title_4') }}</label>
<select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.academy_users.placeholder_select') }}" name="events" value="" required>
@foreach ($events as $event)
<option value="{{ $event->id }}">{{ $event->name }} - {{ $event->event_start }}</option>
@endforeach
</select>
</div>
</div>
<p style="margin-top: 10px; border-bottom: 1px solid #D3D3D3;"></p>
<h3 class="box-title"><b>{{ Lang::get('messages.tickets_matches.title_1')}}</b></h3>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive ">
<table id="example2" class="table table-bordered table-hover dataTable" role="grid" aria-describedby="example2_info">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_2') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_13') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_3') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_4') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_5') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_6') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_7') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_8') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_9') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_10') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_11') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">
{{ Lang::get('messages.tickets_matches.title_12') }}
</th>
<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending">
{{ __('messages.events.title_15') }}
</th>
</tr>
</thead>
</table>
</div>
<!-- /.box-body -->
</div>
<div class="modal fade in modal-notification" id="modal-notification">
<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_matches.modal.title_1') }}</h4>
</div>
<div class="modal-body">
<div style="min-height: 270px;">
<input type="hidden" id="email" name="email">
<input type="hidden" id="query" name="query">
<input type="hidden" id="bindings" name="bindings">
<label for="message">{{ Lang::get('messages.tickets_matches.modal.title_2') }}<span class="required" style="color: red;">*</span></label>
<button onClick="pasteMessage()" class="fa fa-clipboard iconMini" title="Pegar mensaje personalizado"></button>
<br>
<textarea id="message" name="message" rows="10" cols="50" style="width: 100%;" placeholder="Escribe el mensaje a enviar" required></textarea>
<button onClick="sendNotification()" id="btn-send-notification" class="btn btnBox pull-right" style="min-width: 85px;">{{ Lang::get('messages.tickets_matches.modal.title_4') }}</button>
<button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton">
<i class="fa fa-spinner fa-spin"></i>
</button>
<button type="button" class="btn btn-default pull-right btnCancel" data-dismiss="modal">
{{ Lang::get('messages.tickets_matches.modal.title_3') }}
</button>
</div>
</div>
</div>
</div>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
getData();
$('.select2').select2();
$("select[name='events']").on('change', function() {
getData();
});
});
function getData() {
let events = $("select[name='events']").val();
var sort_col = $('#example2').find("th:contains(" + Lang.get('messages.tickets_matches.title_10')+ ")")[0].cellIndex;
$("#example2").dataTable().fnDestroy();
_table = $('#example2').DataTable({
responsive: true,
processing: true,
serverSide: true,
order: [
[sort_col, 'desc']
],
"language": {
url: 'https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json'
},
scrollX: true,
scrollCollapse: true,
paging: true,
fixedColumns: {
left: 1,
right: 1
},
ajax: {
url: '/tickets_matches/filter/' + events,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
type: "GET"
},
columns: [{
data: 'code_ticket',
name: 'tickets.code_ticket'
},
{
data: 'special_text',
name: 'tickets.special_text'
},
{
data: 'reference',
name: 'ticket_mains.payment_reference'
},
{
data: 'name',
name: 'match_events.name'
},
{
data: 'first_name',
render: function(data, type, row) {
return row.first_name + " " + row.last_name;
},
name: 'users.first_name'
},
{
data: 'document',
name: 'users.document'
},
{
data: 'email',
name: 'users.email'
},
{
data: 'type',
name: 'ticket_types.name'
},
{
data: 'created_at',
name: 'tickets.created_at'
},
{
data: 'entry_date',
name: 'ticket_validation_histories.created_at'
},
{
data: 'door',
name: 'ticket_validation_histories.door'
},
{
data: 'attempts',
name: 'ticket_validation_histories.validation_state'
},
{
data: 'actions',
name: 'actions'
}
]
});
var info = '<i class="fa fa-info-circle" id="btn-info-busqueda"></i><div class="dropdown-menu" id="menuBusqueda" style="left: 50%; padding: 5px; background-color: #f9fb8f;"><p data-toggle="modal">Busqueda por Código, Nombre y Teléfono</p></div>';
$('#example2_filter').append(info);
$('#btn-info-busqueda').on('click', function() {
$('#menuBusqueda').toggle();
});
}
</script>
@endsection