Attendize/resources/views/desktop/Partials/Schedule.blade.php

80 lines
3.5 KiB
PHP

@if(count($ticket_dates) > 0)
{{--<h2 class="main-title" style="padding-left: 5px">Расписание</h2>--}}
{{--<div class="main-title-bottom-line" style="margin-left: 5px"></div>--}}
@if($event->end_date->isPast())
<div class="alert alert-boring">
<h4 class="date-small-title">
@lang("Public_ViewEvent.event_already", ['started' => trans('Public_ViewEvent.event_already_ended')])
</h4>
</div>
@else
<h3 class="date-small-title mt-3" >@lang('ClientSide.event_dates')</h3>
<div class="date-box-wrap">
<ul class="nav nav-pills details-page">
@foreach($ticket_dates as $date =>$ticket)
<li><a class="tablinks @if ($loop->first)active @endif" style="cursor: pointer" onclick="openContent(event, '{{$date}}')">{{$date}}</a></li>
@endforeach
</ul>
</div>
<h3 class="time-small-title">@lang('ClientSide.event_times')</h3>
<div class="time-box-wraper col-md-6" style="padding-left: 5px">
<div class="tab-content" id="myTabContent">
{!! Form::open(['url' => route('postValidateDate', ['event_id' => $event->id]),'method'=>'GET']) !!}
@foreach($ticket_dates as $date =>$tickets)
<div class="tab-pane fade show tabcontent @if ($loop->first)active @endif" id="{{$date}}" role="tabpanel" aria-labelledby="{{$date}}-tab">
<div class="time-box-wrap">
@foreach($tickets as $ticket)
<div class="form-group">
<input type="radio" id="time{{$ticket->id}}" @if ($loop->first)checked @endif name="ticket_date" value="{{$ticket->ticket_date}}">
<label for="time{{$ticket->id}}"><span>{{$ticket->ticket_date->format('H:i')}}</span></label>
</div>
@endforeach
</div>
</div>
@endforeach
{!!Form::submit(trans('ClientSide.buy_ticket'), ['class' => 'btn btn-lg btn-danger'])!!}
{!! Form::close() !!}
</div>
</div>
@endif
@endif
@push('after_scripts')
<script>
$(document).ready(function(){
$(".nav-pills.details-page .tablinks:first-child").click();
});
function openContent(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
var tablinks = document.getElementsByClassName("tablinks");
tablinks[0].className += " active";
$(document).ready(function () {
$(".time-box-wrap input[type=radio]").css('display', 'none');
$(".time-box-wrap input[type=radio]:checked").css('background-image', '');
$("input.btn-danger").css('background-color', '#d43d34');
$("input.btn-danger").css('margin-top', '20px');
});
</script>
@endpush