home theater and music
This commit is contained in:
commit
31e7e693a5
|
|
@ -18,7 +18,7 @@ class PublicController extends Controller
|
||||||
|
|
||||||
public function showHomePage(){
|
public function showHomePage(){
|
||||||
$cinema = Event::cinema()->onLive()->take(11)->get();
|
$cinema = Event::cinema()->onLive()->take(11)->get();
|
||||||
// dd($cinema);
|
// todo join image
|
||||||
$theatre = Event::theatre()->onLive()->take(6)->get();
|
$theatre = Event::theatre()->onLive()->take(6)->get();
|
||||||
$musical = Event::musical()->onLive()->take(8)->get();
|
$musical = Event::musical()->onLive()->take(8)->get();
|
||||||
$sliders = Slider::where('active',1)->get();
|
$sliders = Slider::where('active',1)->get();
|
||||||
|
|
|
||||||
|
|
@ -462,19 +462,20 @@ ICSTemplate;
|
||||||
|
|
||||||
|
|
||||||
public function scopeCinema($query){
|
public function scopeCinema($query){
|
||||||
return $query->where('event_image_position','cinema');
|
return $query->where('event_image_position','cinema')->with('images');
|
||||||
}
|
}
|
||||||
|
|
||||||
public function scopeTheatre($query){
|
public function scopeTheatre($query){
|
||||||
return $query->where('event_image_position','theatre');
|
return $query->where('event_image_position','theatre')->with('images');
|
||||||
}
|
}
|
||||||
|
|
||||||
public function scopeMusical($query){
|
public function scopeMusical($query){
|
||||||
return $query->where('event_image_position','musical');
|
return $query->where('event_image_position','musical')->with('images');
|
||||||
}
|
}
|
||||||
|
|
||||||
public function scopeOnLive($query){
|
public function scopeOnLive($query){
|
||||||
$query->whereDate('end_date','>',Carbon::now('Asia/Ashgabat'));
|
$query->whereDate('end_date','>',Carbon::now(config('app.timezone','Asia/Ashgabat')));
|
||||||
return $query->where('is_live',1);
|
return $query->where('is_live',1);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@
|
||||||
|
|
||||||
#navBar a.nav-link {
|
#navBar a.nav-link {
|
||||||
color: #ffffff !important;
|
color: #ffffff !important;
|
||||||
font-size: 15px;
|
font-size: 12px;
|
||||||
padding: 5px 0 !important;
|
padding: 5px 0 !important;
|
||||||
transition-property: opacity;
|
transition-property: opacity;
|
||||||
transition-duration: .2s; }
|
transition-duration: .2s; }
|
||||||
|
|
@ -62,6 +62,10 @@ article > .u-block-hover__additional--partially-slide-up {
|
||||||
#bilet-menu-id li {
|
#bilet-menu-id li {
|
||||||
margin: 0 !important; }
|
margin: 0 !important; }
|
||||||
|
|
||||||
|
#bilet-menu-id li.diam-sim:last-child{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
#navBar .search-panel {
|
#navBar .search-panel {
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
#navBar .search-panel input {
|
#navBar .search-panel input {
|
||||||
|
|
@ -1563,3 +1567,67 @@ input.reserved-seats ~ label svg {
|
||||||
fill: #db635b; }
|
fill: #db635b; }
|
||||||
|
|
||||||
/*# sourceMappingURL=custom.css.map */
|
/*# sourceMappingURL=custom.css.map */
|
||||||
|
|
||||||
|
#date-click-content{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#date-click-content.show-content{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
|
||||||
|
margin-right: 0 !important;
|
||||||
|
border: 1px solid #000000;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-prev.ui-corner-all i, .ui-datepicker-next.ui-corner-all i{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-header{
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#datepickerInline a{
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-calendar{
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0 !important;
|
||||||
|
margin-top: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-calendar thead{
|
||||||
|
background-color: #d33d33;
|
||||||
|
}
|
||||||
|
|
||||||
|
#datepickerInline thead span{
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-calendar tbody td{
|
||||||
|
border: 1px solid #e8e9ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{
|
||||||
|
background-color: #d33d33 !important;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-datepicker-v1 .ui-datepicker-calendar td a:hover{
|
||||||
|
background-color: #d33d33;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-datepicker-next.ui-corner-all:hover, .ui-datepicker-prev.ui-corner-all:hover{
|
||||||
|
border: 1px solid #000000;
|
||||||
|
}
|
||||||
|
|
@ -17,27 +17,54 @@
|
||||||
|
|
||||||
@yield('after_styles')
|
@yield('after_styles')
|
||||||
@stack('after_styles')
|
@stack('after_styles')
|
||||||
|
<link rel="stylesheet" href="{{ asset('vendor/jquery-ui/themes/base/jquery-ui.min.css') }}">
|
||||||
<!-- CSS Unify Theme -->
|
<!-- CSS Unify Theme -->
|
||||||
<link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}">
|
<link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}">
|
||||||
|
|
||||||
<!-- KMB Custom css -->
|
<!-- KMB Custom css -->
|
||||||
<link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'>
|
<link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'>
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
@include('Bilettm.Partials.PublicHeader')
|
@include('Bilettm.Partials.PublicHeader')
|
||||||
@yield('content')
|
@yield('content')2
|
||||||
@include('Bilettm.Partials.PublicFooter')
|
@include('Bilettm.Partials.PublicFooter')
|
||||||
</main>
|
</main>
|
||||||
<!-- JS Global Compulsory -->
|
<!-- JS Global Compulsory -->
|
||||||
<script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script>
|
<script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script>
|
||||||
<script src="{{asset('vendor/popper.min.js')}}"></script>
|
<script src="{{asset('vendor/popper.min.js')}}"></script>
|
||||||
<script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
|
<script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
|
||||||
|
|
||||||
|
<script src="{{ asset('vendor/chosen/chosen.jquery.js') }}"></script>
|
||||||
|
<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
|
||||||
|
|
||||||
@yield('after_scripts')
|
@yield('after_scripts')
|
||||||
|
|
||||||
@stack('after_scripts')
|
@stack('after_scripts')
|
||||||
|
|
||||||
|
<!-- JS Unify -->
|
||||||
|
<script src="{{ asset('assets/javascript/components/hs.select.js') }}"></script>
|
||||||
|
<script src="{{ asset('assets/javascript/components/hs.datepicker.js') }}"></script>
|
||||||
|
|
||||||
|
<!-- JS Plugins Init. -->
|
||||||
|
<script >
|
||||||
|
$(document).ready(function () {
|
||||||
|
// initialization of custom select
|
||||||
|
$.HSCore.components.HSSelect.init('.js-custom-select');
|
||||||
|
|
||||||
|
// initialization of forms
|
||||||
|
$.HSCore.components.HSDatepicker.init('#datepickerInline');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$('#date-click').click(function () {
|
||||||
|
$('#date-click-content').toggleClass('show-content');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
@ -16,11 +16,15 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
<a class="nav-link" id="date-click">Дата <i class="fa fa-caret-down"></i></a>
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<div class="p-3" id="date-click-content" style="background-color: #ffffff; left: -200px; border-radius: 5px; position: absolute; width: auto; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,.2), -2px 2px 5px rgba(0,0,0,.2), 2px -2px 5px rgba(0,0,0,.2), -2px -2px 5px rgba(0,0,0,.2);">
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
<div style="position: relative; z-index: 10">
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
<div class="col-xl-12 p-0" style="border-radius: 5px">
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
<!-- Datepicker -->
|
||||||
|
<div id="datepickerInline" class="u-datepicker-v1 u-shadow-v32 g-brd-none rounded"></div>
|
||||||
|
<!-- End Datepicker -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -1,62 +1,58 @@
|
||||||
<section id="konserty" style="background-image: url({{asset('assets/images/bg/konserty.jpg')}}); background-repeat: no-repeat; background-size: 100%; padding: 100px 0;">
|
<section id="konserty" class="container" style="background-image: url({{asset('assets/images/bg/konserty.jpg')}}); background-repeat: no-repeat; background-size: 100%; padding: 100px 0;">
|
||||||
<div class="container">
|
<div class="tab-header d-flex justify-content-between col-12">
|
||||||
<div class="row kinoteator tab-part">
|
<h2 class="">Концерты</h2>
|
||||||
<div class="tab-header d-flex justify-content-between col-12">
|
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: #ffffff"></div>
|
||||||
<h2 class="">Концерты</h2>
|
<a class="" href="">Посмотреть все</a>
|
||||||
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: #ffffff"></div>
|
</div>
|
||||||
<a class="" href="">Посмотреть все</a>
|
<div class="tab-ozi col-12">
|
||||||
</div>
|
<!-- Nav tabs -->
|
||||||
<div class="tab-ozi col-12">
|
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
|
||||||
<!-- Nav tabs -->
|
<li class="nav-item">
|
||||||
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
|
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
|
<li class="nav-item dropdown">
|
||||||
</li>
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
|
||||||
<li class="nav-item dropdown">
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Площадка <i class="fa fa-caret-down"></i></a>
|
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 1</a>
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 2</a>
|
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 3</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!-- End Nav tabs -->
|
|
||||||
<div class="owl-carousel container row" id="konserty-tab1" style="padding: 0 !important; margin: 0">
|
|
||||||
|
|
||||||
<div class="slider-slider row">
|
|
||||||
@foreach($musical->slice(0,4) as $event)
|
|
||||||
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
|
|
||||||
@endforeach
|
|
||||||
</div>
|
|
||||||
@if($musical->count()>4)
|
|
||||||
<div class="slider-slider row">
|
|
||||||
@foreach($musical->slice(4) as $event)
|
|
||||||
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
|
|
||||||
@endforeach
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
||||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Площадка <i class="fa fa-caret-down"></i></a>
|
||||||
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 1</a>
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 2</a>
|
||||||
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">PLink 3</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- End Nav tabs -->
|
||||||
|
<div class="owl-carousel container row" id="konserty-tab1" style="padding: 0 !important; margin: 0">
|
||||||
|
|
||||||
|
<div class="slider-slider row">
|
||||||
|
@foreach($musical->slice(0,4) as $event)
|
||||||
|
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
|
||||||
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
|
@if($musical->count()>4)
|
||||||
|
<div class="slider-slider row">
|
||||||
|
@foreach($musical->slice(4) as $event)
|
||||||
|
@include('Bilettm.Partials.MusicalItem',['event'=>$event])
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -1,194 +1,72 @@
|
||||||
<section id="teator">
|
<section id="teator " class="container teator">
|
||||||
<div class="container">
|
<div class="tab-header d-flex justify-content-between col-12">
|
||||||
<div class="row teator tab-part">
|
<h2 class="">Театоры</h2>
|
||||||
<div class="tab-header d-flex justify-content-between col-12">
|
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div>
|
||||||
<h2 class="">Театоры</h2>
|
<a class="" href="">Посмотреть все</a>
|
||||||
<div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div>
|
</div>
|
||||||
<a class="" href="">Посмотреть все</a>
|
<div class="tab-ozi col-12">
|
||||||
</div>
|
<!-- Nav tabs -->
|
||||||
<div class="tab-ozi col-12">
|
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
|
||||||
<!-- Nav tabs -->
|
<li class="nav-item">
|
||||||
<ul class="nav u-nav-v1-1 g-mb-20" role="tablist" data-target="nav-1-1-default-hor-left" data-tabs-mobile-type="slide-up-down" data-btn-classes="btn btn-md btn-block rounded-0 u-btn-outline-lightgray g-mb-20">
|
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a class="nav-link active" data-toggle="tab" href="" role="tab">Популярное</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a class="nav-link" data-toggle="tab" href="" role="tab">Новые</a>
|
<li class="nav-item dropdown">
|
||||||
</li>
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
|
||||||
<li class="nav-item dropdown">
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Сегодня <i class="fa fa-caret-down"></i></a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 1</a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 2</a>
|
</div>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">SLink 3</a>
|
</li>
|
||||||
</div>
|
<li class="nav-item dropdown">
|
||||||
</li>
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Жанры <i class="fa fa-caret-down"></i></a>
|
||||||
<li class="nav-item dropdown">
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Жанры <i class="fa fa-caret-down"></i></a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 1</a>
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 2</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 1</a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 3</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 2</a>
|
</div>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">JLink 3</a>
|
</li>
|
||||||
</div>
|
<li class="nav-item dropdown">
|
||||||
</li>
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
||||||
<li class="nav-item dropdown">
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
</div>
|
||||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
</li>
|
||||||
</div>
|
<li style="position: absolute; right: 0;">
|
||||||
</li>
|
<a id="slide-teator-prev" style="margin-right: 5px;">
|
||||||
<li style="position: absolute; right: 0;">
|
<img src="assets/assets/img/icons/left.png" style="width: 32px">
|
||||||
<a id="slide-teator-prev" style="margin-right: 5px;">
|
</a>
|
||||||
<img src="assets/assets/img/icons/left.png" style="width: 32px">
|
<a id="slide-teator-next" style="margin-right: 20px">
|
||||||
</a>
|
<img src="assets/assets/img/icons/right.png" style="width: 32px">
|
||||||
<a id="slide-teator-next" style="margin-right: 20px">
|
</a>
|
||||||
<img src="assets/assets/img/icons/right.png" style="width: 32px">
|
</li>
|
||||||
</a>
|
</ul>
|
||||||
</li>
|
<!-- End Nav tabs -->
|
||||||
</ul>
|
<div class="kinoteator-tab1-wrapper">
|
||||||
<!-- End Nav tabs -->
|
|
||||||
|
|
||||||
<!-- Tab panes -->
|
<div class="row">
|
||||||
<div id="nav-1-1-default-hor-left-teator" class="tab-content">
|
<div class="col-md-10">
|
||||||
<div class="tab-pane fade show active" id="nav-1-1-default-hor-left--1-teator" role="tabpanel">
|
<div id="carousel-09-1" class="js-carousel text-center g-font-size-0 g-mb-20 g-mb-0--sm" data-infinite="true" data-vertical="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--x g-width-35 g-height-35 g-font-size-18 g-color-gray g-bg-white" data-arrow-left-classes="fa fa-angle-up g-top-0" data-arrow-right-classes="fa fa-angle-down g-bottom-0" data-nav-for="#carousel-09-2">
|
||||||
<div class="kinoteator-tab1-wrapper">
|
@foreach($theater as $event)
|
||||||
|
@include('Bilettm.Partials.TheaterItem',['event'=>$event])
|
||||||
|
@endforeach
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-md-10">
|
</div>
|
||||||
<div id="carousel-09-1" class="js-carousel text-center g-font-size-0 g-mb-20 g-mb-0--sm" data-infinite="true" data-vertical="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--x g-width-35 g-height-35 g-font-size-18 g-color-gray g-bg-white" data-arrow-left-classes="fa fa-angle-up g-top-0" data-arrow-right-classes="fa fa-angle-down g-bottom-0" data-nav-for="#carousel-09-2">
|
|
||||||
<div class="js-slide">
|
<div class="col-md-2">
|
||||||
<a class="d-block">
|
<div id="carousel-09-2" class="js-carousel text-center u-carousel-v3 g-mx-minus-10 g-mx-minus-0--sm g-my-minus-5--sm" data-infinite="true" data-center-mode="true" data-vertical="true" data-slides-show="4" data-is-thumbs="true" data-nav-for="#carousel-09-1">
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/1.png">
|
@foreach($theater as $event)
|
||||||
<div class="teator-overlay">
|
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
<img class="img-fluid w-100" src="{{$event->images->first()->image_path ?? '#'}}">
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
</div>
|
||||||
<h2>«Lukman Aybolit»</h2>
|
@endforeach
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/2.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/3.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/5.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/6.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide">
|
|
||||||
<a class="d-block">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
|
|
||||||
<div class="teator-overlay">
|
|
||||||
<div class="texts-wrapper" style="color: #ffffff">
|
|
||||||
<span class="">12:00, 29.06.2019 y</span>
|
|
||||||
<h2>«Lukman Aybolit»</h2>
|
|
||||||
<h5>A.S.Puskin adyndaky dowlet rus drama teatry</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-2">
|
|
||||||
<div id="carousel-09-2" class="js-carousel text-center u-carousel-v3 g-mx-minus-10 g-mx-minus-0--sm g-my-minus-5--sm" data-infinite="true" data-center-mode="true" data-vertical="true" data-slides-show="4" data-is-thumbs="true" data-nav-for="#carousel-09-1">
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/1.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/2.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/3.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/5.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/6.png">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="js-slide g-px-10 g-px-0--sm g-py-5--sm">
|
|
||||||
<img class="img-fluid w-100" src="assets/assets/img/teator/4.png">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- End Tab panes -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -66,9 +66,9 @@
|
||||||
<div class="row" style="width: 30%; margin-left: 0" id="top-header-right">
|
<div class="row" style="width: 30%; margin-left: 0" id="top-header-right">
|
||||||
<div class="col-lg-12 col-md-12">
|
<div class="col-lg-12 col-md-12">
|
||||||
<ul id="top-menu-three-btn" style="float: right;">
|
<ul id="top-menu-three-btn" style="float: right;">
|
||||||
<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}"> Вход</a></li>
|
{{--<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}"> Вход</a></li>--}}
|
||||||
<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}"> Регистрация</a></li>
|
{{--<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}"> Регистрация</a></li>--}}
|
||||||
<li class="dropdown">
|
<li class="dropdown pull-right">
|
||||||
<a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}"> Русский <i class="fa fa-caret-down"></i></a>
|
<a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}"> Русский <i class="fa fa-caret-down"></i></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a href="">Русский</a></li>
|
<li><a href="">Русский</a></li>
|
||||||
|
|
@ -76,8 +76,9 @@
|
||||||
<li><a href="">English</a></li>
|
<li><a href="">English</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
<div class="clearfix"></div>
|
||||||
<li style="display: block;" id="bottom-of-three-btn">
|
<li style="display: block;" id="bottom-of-three-btn">
|
||||||
<a style="display: block; padding: 7px 0;">+(993) 12 60-60-60</a>
|
<a style="display: block; padding: 7px 0; min-width: 200px">+(993) 12 60-60-60</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,12 @@
|
||||||
<?php
|
<div class="js-slide">
|
||||||
/**
|
<a class="d-block">
|
||||||
* Created by PhpStorm.
|
<img class="img-fluid w-100" src="{{$event->images->first()->image_path ?? '#'}}">
|
||||||
* User: merdan
|
<div class="teator-overlay">
|
||||||
* Date: 9/5/2019
|
<div class="texts-wrapper" style="color: #ffffff">
|
||||||
* Time: 22:27
|
<span class="">{{$event->start_date->format('H:s, dd.mm.yyyy')}}</span>
|
||||||
*/
|
<h2>«{{$event->title}}»</h2>
|
||||||
|
<h5>{{$event->venue_name}}</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue