mobile version event detail page

app/Http/Controllers/PublicController.php

@@ -72,8 +72,7 @@ class PublicController extends Controller
                 })
             ->get();
 
-
-        return view("desktop.Pages.EventsPage")->with($data);
+        return $this->render("Pages.EventsPage",$data);
     }
 
     public function showSubCategoryEvents($cat_id){
@@ -89,7 +88,7 @@ class PublicController extends Controller
             ->orderBy($order['field'],$order['order'])
             ->paginate(16);
 
-        return view("desktop.Pages.CategoryEventsPage")->with($data);
+        return $this->render("Pages.CategoryEventsPage",$data);
     }
 
     private function sorts_filters(){
@@ -119,12 +118,10 @@ class PublicController extends Controller
             ->orWhere('title_tk','like',"%{$query}%")
             ->paginate(10);
 
-        return view('desktop.Pages.SearchResults')
-            ->with([
-                'events' => $events,
-                'query' => $query
-            ]);
-
+        return $this->render('Pages.SearchResults',[
+            'events' => $events,
+            'query' => $query
+        ]);
     }
 
     public function postAddEvent(AddEventRequest $request){

resources/lang/en/ClientSide.php

@@ -49,7 +49,7 @@ return [
     'onDate' => '13 September',
     'onTime' => '19:00, Friday',
     'title' => '"Spider Man"',
-    'description' => 'Peter Parker and his friends go on a summer vacation to Europe. However, friends are unlikely to rest - Peter will have to agree to help Nick Fury uncover the secret of creatures that cause natural disasters and destruction throughout the continent.',
+    'description' => 'Description.',
     'shown' => 'Shown on page',
 
     //PublicFooter.blade.php

resources/lang/ru/ClientSide.php

@@ -48,7 +48,7 @@ return [
     'onDate' => '13 сентября',
     'onTime' => '19:00, пятница',
     'title' => '"Человек-паук Вдали от дома"',
-    'description' => 'Питер Паркер вместе с друзьями отправляется на летние каникулы в Европу. Однако отдохнуть приятелям вряд ли удастся — Питеру придется согласиться помочь Нику Фьюри раскрыть тайну существ, вызывающих стихийные бедствия и разрушения по всему континенту.',
+    'description' => 'Описание',
     'shown' => 'Видно на странице',
 
     //PublicFooter.blade.php

resources/lang/tk/ClientSide.php

@@ -48,7 +48,7 @@ return [
     'onDate' => '13 Sentýabr',
     'onTime' => '19:00, Anna',
     'title' => '"Möý Adam"',
-    'description' => 'Piter Parker we onung dostlary.',
+    'description' => 'Mazmuny',
     'shown' => 'Sahypada bar',
 
     //PublicFooterBlade.php

resources/views/desktop/EventsList/subCategoryList.blade.php

@@ -1,7 +1,7 @@
 @extends('Shared.Layouts.BilettmLayout')
 @section('content')
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('category',$category)}}
-    @include("desktop.Partials.FilterMenu")
+    @include("Shared.Partials.FilterMenu")
     <section class="movie-items-group">
         <div class="container">
             <div class="row kinoteator tab-part">

resources/views/desktop/Layouts/EventsLayout.blade.php

@@ -6,7 +6,7 @@
 
 @section('content')
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('category',$category)}}
-    @include("desktop.Partials.FilterMenu")
+    @include("Shared.Partials.FilterMenu")
 
     @yield('inner_content')
 

resources/views/desktop/Pages/AddEventResult.blade.php

@@ -1,4 +1,4 @@
-@extends('Shared.Layouts.BilettmLayout')
+@extends('Shared.Layouts.BilettmLayout',['folder'=>'desktop'])
 @section('content')
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('add_event')}}
 @endsection

resources/views/mobile/Layouts/EventsLayout.blade.php

@@ -1,41 +0,0 @@
-@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
-
-@section('after_styles')
-    <link href="{{asset('vendor/gijgo/gijgo.min.css')}}" rel="stylesheet" type="text/css" />
-@endsection
-
-@section('content')
-    {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('category',$category)}}
-    @include("desktop.Partials.FilterMenu")
-
-    @yield('inner_content')
-
-@endsection
-@push('after_styles')
-<style type="text/css">
-    .red_button{
-        color: #ffffff;
-        background-color: #d33d33;
-        height: fit-content;
-        font-size: 20px;
-        padding: 12px 60px;
-        border-radius: 5px;
-        margin-right: 5px;
-        transition-property: background-color;
-        transition-duration: .2s;
-    }
-</style>
-@endpush
-@section('after_scripts')
-
-    <script src="{{asset('vendor/gijgo/gijgo.min.js')}}" type="text/javascript"></script>
-    <script>
-        $('#datepicker').datepicker({
-            uiLibrary: 'bootstrap4',
-            icons: {
-                rightIcon: '{{__("ClientSide.date")}} <i class="fa fa-caret-down"></i>'
-            }
-        });
-    </script>
-
-@endsection

resources/views/mobile/Pages/AddEventResult.blade.php

@@ -0,0 +1,4 @@
+@extends('Shared.Layouts.BilettmLayout',['folder'=>'mobile'])
+@section('content')
+    {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('add_event')}}
+@endsection

resources/views/mobile/Pages/CategoryEventsPage.blade.php

@@ -1,29 +1,41 @@
-@extends("mobile.Layouts.EventsLayout")
-@section('inner_content')
-    <section class="movie-items-group">
-        <div class="container">
-            <div class="row kinoteator tab-part">
-                <div class="tab-header d-flex justify-content-between col-12">
-                    <h2>{{$category->title}}</h2>
-                    <div style="height: 5px; position: absolute; bottom: 0px; width: 100px; background-color: rgba(211,61,51,1)"></div>
-                </div>
-                <div class="tab-ozi col-12">
-                    <!-- Tab panes -->
-                    <div class="tab-content">
-                        <div class="container">
-                            <div class="row">
-                                @foreach($events as $event)
-                                    @include("desktop.EventsList.{$category->view_type}")
-                                @endforeach
-                            </div>
-                            <div class="pagination-wrapper">
-                                {{$events->appends(['sort'=>$sort,'start'=>$start,'end'=>$end])->links()}}
-                            </div>
-                        </div>
-                    </div>
-                    <!-- End Tab panes -->
+@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
+@section('after_styles')
+    <link href="{{asset('vendor/gijgo/gijgo.min.css')}}" rel="stylesheet" type="text/css" />
+@endsection
+@section('content')
+
+    <div class="section-section py-5">
+        <div class="container" style="padding: 0 5% !important;">
+            <div class="row">
+                <div class="col-12 d-flex justify-content-between">
+                    <h5>{{$category->title}}
+                        <div class="title-bottom-line"></div>
+                    </h5>
                 </div>
+                @include("Shared.Partials.FilterMenu")
+
             </div>
         </div>
-    </section>
+        <div class="owl-carousel owl-theme" id="section-slider1">
+            @foreach($events as $event)
+                @include('mobile.Partials.EventListItem')
+            @endforeach
+        </div>
+        <div class="pagination-wrapper">
+            {{$events->appends(['sort'=>$sort,'start'=>$start,'end'=>$end])->links()}}
+        </div>
+    </div>
+@endsection
+@section('after_scripts')
+
+    <script src="{{asset('vendor/gijgo/gijgo.min.js')}}" type="text/javascript"></script>
+    <script>
+        $('#datepicker').datepicker({
+            uiLibrary: 'bootstrap4',
+            icons: {
+                rightIcon: '{{__("ClientSide.date")}} <i class="fa fa-caret-down"></i>'
+            }
+        });
+    </script>
+
 @endsection

resources/views/mobile/Pages/EventPage.blade.php

@@ -0,0 +1,60 @@
+@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
+@section('after_styles')
+    <link rel="canonical" href="{{$event->event_url}}" />
+    <meta property="og:title" content="{{{$event->title}}}" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="{{$event->event_url}}?utm_source=fb" />
+    @if($event->images->count())
+        <meta property="og:image" content="{{config('attendize.cdn_url_user_assets').'/'.$event->images->first()['image_path']}}" />
+    @endif
+    <meta property="og:description" content="{{Str::words(strip_tags(Markdown::parse($event->description))), 20}}" />
+    <meta property="og:site_name" content="Billetm.com" />
+@endsection
+@section('content')
+    <section class="movie-items-group firts-child">
+        <div class="container">
+            <div class="row kinoteator tab-part">
+                <div class="tab-header d-flex justify-content-between col-12">
+                    <h2 style="font-size: 20px; font-weight: bold">«{{$event->title}}»
+                        <div class="title-bottom-line"></div>
+                    </h2>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section style="margin-top: 30px; margin-bottom: 50px">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <img src="{{config('attendize.cdn_url_user_assets').'/'.$event->images->first()['image_path']}}" style="width: 40%; float: left; margin: 0 15px 10px 0" alt="{{$event->title}}">
+                    <p style="color: #000000; font-size: 13px; margin-bottom: 5px;"><b>@lang('ClientSide.description'): </b>{!! Markdown::parse($event->description) !!}</p>
+                    <p style="color: #000000; font-size: 13px; margin-bottom: 5px;"><b><i class="fa fa-map-marker"></i> </b>{{$event->venue->venue_name}}<meta property="address" content="{{ urldecode($event->venue->venue_name) }}"></p>
+                    @include('desktop.Partials.Schedule')
+                </div>
+            </div>
+        </div>
+    </section>
+    <section id="location" class="container p0" style="margin-bottom: 50px">
+        <div class="row">
+            <div class="col-md-12">
+                <div class="google-maps content" id="map" style="height: 250px">
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection
+
+@section('after_scripts')
+<script>
+    function initMap() {
+        var uluru = {lat: {{$event->venue->address['latlng']['lat']}}, lng: {{$event->venue->address['latlng']['lng']}}};
+        var map = new google.maps.Map(document.getElementById('map'), {
+            center: uluru,
+            zoom: 15
+        });
+        var marker = new google.maps.Marker({position: uluru, map: map});
+    }
+</script>
+<script src="https://maps.googleapis.com/maps/api/js?key={{config('services.google_places.key')}}&callback=initMap"
+        async defer></script>
+@endsection

resources/views/mobile/Pages/EventsPage.blade.php

@@ -0,0 +1,44 @@
+@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
+@section('after_styles')
+    <link href="{{asset('vendor/gijgo/gijgo.min.css')}}" rel="stylesheet" type="text/css" />
+@endsection
+@section('content')
+    @foreach($sub_cats as $cat)
+
+        <div class="section-section py-3">
+            <div class="container" style="padding: 0 5% !important;">
+                <div class="row">
+                    <div class="col-12 d-flex justify-content-between">
+                        <h5 >{{$cat->title}}
+                            <div class="title-bottom-line"></div>
+                        </h5>
+
+{{--                        <a class="red_button" href="{{$cat->url}}">{{__("ClientSide.rep")}}</a>--}}
+                    </div>
+                    @include("Shared.Partials.FilterMenu")
+
+                </div>
+            </div>
+            <div class="owl-carousel owl-theme" id="section-slider{{$loop->iteration}}">
+                @foreach($cat->cat_events as $event)
+                    @include('mobile.Partials.EventListItem')
+                @endforeach
+            </div>
+        </div>
+
+    @endforeach
+
+@endsection
+@section('after_scripts')
+
+    <script src="{{asset('vendor/gijgo/gijgo.min.js')}}" type="text/javascript"></script>
+    <script>
+        $('#datepicker').datepicker({
+            uiLibrary: 'bootstrap4',
+            icons: {
+                rightIcon: '{{__("ClientSide.date")}} <i class="fa fa-caret-down"></i>'
+            }
+        });
+    </script>
+
+@endsection

resources/views/mobile/Pages/SearchResults.blade.php

@@ -0,0 +1,37 @@
+@extends('Shared.Layouts.BilettmLayout',['folder' => 'mobile'])
+@section('content')
+    <section class="movie-items-group firts-child" style="margin-bottom: 100px">
+        <div class="container">
+            <div class="row kinoteator tab-part">
+                <div class="tab-header d-flex justify-content-between col-12">
+                    <h2 class="">{{$query}}</h2>
+                    <div style="height: 5px; margin-left: 5px; position: absolute; bottom: 0px; width: 100px; background-color: rgba(211,61,51,1)"></div>
+                </div>
+                <div class="tab-ozi col-12">
+                    <!-- Nav tabs -->
+                    <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">
+                        <li class="nav-item">
+                            <a class="nav-link active" data-toggle="tab" role="tab">{{__("ClientSide.results")}}: {{$events->count()}}/{{$events->total()}}</a>
+                        </li>
+                    </ul>
+                    <!-- End Nav tabs -->
+
+                    <!-- Tab panes -->
+                    <div class="tab-content">
+                        <div class="kinoteator-tab1-wrapper">
+                            <div class="container">
+                                <div class="row">
+                                    @foreach($events as $event)
+                                        @include('mobile.Partials.EventListItem')
+                                    @endforeach
+                                        {{$events->links('vendor.pagination.simple-bootstrap-4')}}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- End Tab panes -->
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

routes/breadcrumbs.php

@@ -35,3 +35,7 @@ Breadcrumbs::for('search',function($trail){
     $trail->push(trans('ClientSide.results'));//'Результат поиска'
 });
 
+Breadcrumbs::for('add_event',function($trail){
+    $trail->parent('home');
+    $trail->push('+ ДОБАВИТЬ СОБЫТИЕ');
+});