index.blade.php
6.55 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
@extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре'])
@section('scripts')
<script>
$(document).on('change', '#sort_ajax', function() {
var this_ = $(this);
var val_ = this_.val();
console.log('sort items '+val_);
$.ajax({
type: "GET",
url: "{{ route('education') }}",
data: "sort="+val_+"&block=1",
success: function (data) {
console.log('Выбор сортировки');
console.log(data);
$('#block').html(data);
history.pushState({}, '', "{{ route('education') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
},
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
error: function (data) {
data = JSON.stringify(data);
console.log('Error: ' + data);
}
});
});
$(document).ready(function(){
var sel = $('#select2-sort_ajax-container');
var key = getUrlParameter('sort');
if (key !=='') {
switch (key) {
case "default": sel.html('Сортировка (по умолчанию)'); break;
case "name_up": sel.html('По имени (возрастание)'); break;
case "name_down": sel.html('По дате (убывание)'); break;
case "created_at_up": sel.html('По дате (возрастание)'); break;
case "created_at_down": sel.html('По дате (убывание)'); break;
}
}
});
</script>
@endsection
@section('content')
<section class="thing">
<div class="container">
<form class="thing__body" active="{{ route('education') }}">
<ul class="breadcrumbs thing__breadcrumbs">
<li><a href="{{ route('index') }}">Главная</a></li>
<li><b>Образование</b></li>
</ul>
<h1 class="thing__title">Образование</h1>
<p class="thing__text">Прежде всего, современная методология разработки представляет собой интересный эксперимент проверки направлений прогрессивного развития.</p>
<div class="search thing__search">
<input type="search" class="input" id="search" name="search" placeholder="Введите наименование работодателя" value="@if (!empty($_GET['search'])) {{ $_GET['search'] }} @endif">
<button type="submit" class="button">Найти</button>
<span>
<svg>
<use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
</svg>
</span>
</div>
</form>
</div>
</section>
<main class="main">
<div class="container">
<div class="filters">
<div class="filters__label">Показано {{ $educations->firstItem() }} – {{ $educations->lastItem() }} из {{ $count_edu }} результатов поиска</div>
<div class="filters__body">
<div class="select filters__select">
<select class="js-select2" id="sort_ajax" name="sort_ajax">
<option value="default">Сортировка (по умолчанию)</option>
<option value="name_up">По имени (возрастание)</option>
<option value="name_down">По имени (убывание)</option>
<option value="created_at_up">По дате (возрастание)</option>
<option value="created_at_down">По дате (убывание)</option>
</select>
</div>
</div>
</div>
<div class="main__ads" id="block" name="block">
@if ($educations->count())
@foreach($educations as $edu)
<div class="main__ads-item">
<div class="main__ads-item-pic">
<img src="@if (!empty($edu->image)) {{ asset(Storage::url($edu->image)) }} @else {{ asset('images/education.jpg') }} @endif" alt="{{ $edu->name }}">
</div>
<div class="main__ads-item-body">
<b>{{ $edu->name }}</b>
<span>{{ $edu->program_education->count() }} учебных направлений</span>
<a href="{{ route('show_education', ['education' => $edu->id]) }}" class="button button_light">Читать далее</a>
</div>
</div>
@endforeach
{{ $educations->appends($_GET)->links('paginate') }}
@else
<H2>Нет данных</H2>
@endif
</div>
<!--<div class="pagination">
<a href="#" class="pagination__nav pagination__nav_prev">
<svg>
<use xlink:href="images/sprite.svg#arrow-bold"></use>
</svg>
</a>
<span class="pagination__item active">1</span>
<a href="#" class="pagination__item">2</a>
<a href="#" class="pagination__item">3</a>
<a href="#" class="pagination__item">4</a>
<a href="#" class="pagination__item">5</a>
<span class="pagination__dots">
<svg>
<use xlink:href="images/sprite.svg#dots"></use>
</svg>
</span>
<a href="#" class="pagination__item">25</a>
<a href="#" class="pagination__nav pagination__nav_next">
<svg>
<use xlink:href="images/sprite.svg#arrow-bold"></use>
</svg>
</a>
</div>-->
</div>
</main>
</div>
@endsection