forked from aslan/applicant-site
872 lines
46 KiB
PHP
872 lines
46 KiB
PHP
@extends('layouts.new-design-layout')
|
||
@section('content')
|
||
|
||
<style>
|
||
|
||
.gradient-text {
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.button1 {
|
||
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0d6efd, #4f96ff) border-box;
|
||
border-radius: 11px;
|
||
border: 1px solid transparent;
|
||
|
||
}
|
||
|
||
.hover3:hover {
|
||
|
||
border: unset;
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});
|
||
!important;
|
||
|
||
|
||
transition: all .3s ease-in-out;
|
||
|
||
}
|
||
|
||
|
||
|
||
/* On mouse-over, add a grey background color */
|
||
.checkbox1:hover input ~ .checkmark {
|
||
background-color: rgba(113, 49, 152, 0.85);
|
||
}
|
||
|
||
|
||
|
||
/* Handle */
|
||
.scroll-1::-webkit-scrollbar-thumb {
|
||
|
||
height: 30px;
|
||
width: 8px;
|
||
background-image: linear-gradient(to right, rgba(191, 99, 253, 0.85), 20%, rgba(166, 47, 239, 0.85));
|
||
opacity: 0.1;
|
||
border-radius: 10px;
|
||
transition: 0.3s;
|
||
|
||
|
||
}
|
||
|
||
/* Handle on hover */
|
||
.scroll-1::-webkit-scrollbar-thumb:hover {
|
||
background-image: linear-gradient(to right, rgba(134, 8, 215, 0.85), 20%, rgba(113, 49, 152, 0.85));
|
||
transition: 0.3s;
|
||
}
|
||
.fon1_blok {
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
|
||
}
|
||
.fon2_blok {
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||
}
|
||
.fon3_blok {
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||
}
|
||
.fon4_blok {
|
||
background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||
}
|
||
.buttonBG {
|
||
background: linear-gradient(rgba(134, 8, 215, 0.85), rgba(113, 49, 152, 0.85)); border-radius: 20px; letter-spacing: 0;
|
||
}
|
||
</style>
|
||
<script
|
||
src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}"
|
||
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
|
||
|
||
</script>
|
||
|
||
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
|
||
<body>
|
||
|
||
|
||
<header>
|
||
|
||
|
||
<div class="container-fluid position-relative fon1_blok visually_impaired_mode ">
|
||
<div class="mt-4 position-absolute" style="margin-left:11%;">@include('flash::message')</div>
|
||
<div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end z-1 "
|
||
style="height: 100%; ">
|
||
<div style="width: 60%">
|
||
<img class="img-fluid float-end "
|
||
src="{{ URL::to('img/front-page/inostran/photo.png') }}" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="ms-0 ms-md-5 ">
|
||
<div class="row">
|
||
<div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center mt-2">
|
||
<div class=" " style="width: 30%">
|
||
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo-white.png') }}"
|
||
alt="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-8 col-12 ">
|
||
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">
|
||
|
||
<div
|
||
class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative pb-3"
|
||
style="font-family: Geologica-Light">
|
||
|
||
<div class="col-auto pe-lg-3 text-white text-sm-start"
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
Колл-центр: 8 800 550-23-01
|
||
</div>
|
||
<div class="col-auto px-lg-3 text-white text-sm-start "
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
Почта: info@mkgtu.ru
|
||
</div>
|
||
<a href="#" class="col-auto px-lg-3 text-white text-sm-start "
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Все контакты</div>
|
||
</a>
|
||
{{-- <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
|
||
{{-- <div class="hover2"> RU </div>--}}
|
||
{{-- </a>--}}
|
||
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
|
||
{{-- <a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "--}}
|
||
{{-- style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
|
||
{{-- <div class="hover2"> Режим для слабовидящих</div>--}}
|
||
{{-- </a>--}}
|
||
</div>
|
||
|
||
</div>
|
||
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
|
||
|
||
<div
|
||
class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative "
|
||
style="font-family: Geologica-Light">
|
||
|
||
<a href="{{ URL::to('/') }}" class="col-auto pe-lg-3 text-white text-sm-start"
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Бакалавриат / Специалитет</div>
|
||
</a>
|
||
<a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start "
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Магистратура</div>
|
||
</a>
|
||
<a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start "
|
||
style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Иностранным абитуриентам</div>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-12 text-white display-1 my-5 text-center text-md-start"
|
||
style=" font-weight: 900; letter-spacing: 0em; ">
|
||
ПОСТУПАЙ В МГТУ
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 "
|
||
style=" letter-spacing: 0em; ">
|
||
75 студенческих объединений
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
|
||
style=" font-weight: 700; letter-spacing: 0em; ">
|
||
3367 БЮДЖЕТНЫХ МЕСТ
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
|
||
style=" letter-spacing: 0em; ">
|
||
300 образовательных программ
|
||
</div>
|
||
</div>
|
||
<div class="d-none d-lg-block">
|
||
<br><br><br><br><br><br><br>
|
||
</div>
|
||
|
||
<div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative ">
|
||
<a href="#"
|
||
class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex">
|
||
|
||
Личный кабинет
|
||
</a>
|
||
<a href="#anchor"
|
||
class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex">
|
||
|
||
День открытых дверей
|
||
</a>
|
||
<!-- Button trigger modal -->
|
||
<a type="button" class="buttonBG hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" data-bs-toggle="modal" data-bs-target="#exampleModal" >
|
||
Видео про МГТУ
|
||
</a>
|
||
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }});" >
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col">
|
||
<iframe width="100%" height="600" src="https://rutube.ru/play/embed/ab6d3a9c514cdd8fa91c73eb724cccf1/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="fon2_blok visually_impaired_mode">
|
||
|
||
<div class="container-fluid ms-sm-5 py-5">
|
||
<div class="row">
|
||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex justify-content-md-start justify-content-center">
|
||
@php
|
||
use App\Services\DirectonHtmlBuilder;
|
||
use Illuminate\Support\Facades\Storage;
|
||
$facultiesLogosPaths = array();
|
||
@endphp
|
||
@foreach($groupedDirections as $faculty)
|
||
@php
|
||
$path = "img/faculties/" . $faculty['name'] . '.png';
|
||
|
||
if(file_exists($path) == false){
|
||
$path = URL::to('img/faculties/Экологический факультет.png');
|
||
}
|
||
$path = URL::to($path);
|
||
$groupedDirections[$faculty['name']]['path'] = $path;
|
||
|
||
@endphp
|
||
|
||
@endforeach
|
||
|
||
|
||
@foreach($groupedDirections as $faculty)
|
||
|
||
|
||
<div class="mt-xl-5 col-xxl-4 col-md-6 col-10 ">
|
||
|
||
<!-- Button trigger modal -->
|
||
<button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-{{ $faculty['id'] }}"
|
||
class=" col-md-11 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex justify-content-start align-items-center hover1 "
|
||
style="background-color: #ffffff; border-radius: 15px; border: unset;">
|
||
<img class=" " style="width: 108px; height: auto "
|
||
src="{{$groupedDirections[$faculty['name']]['path']}}" alt="">
|
||
<span class="ms-xl-5 ms-2 z-3 gradient-text text-start"> {{ $faculty['name'] }}</span>
|
||
</button>
|
||
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="exampleModal-{{ $faculty['id'] }}" tabindex="-1"
|
||
aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-xl">
|
||
<div class="modal-content"> <!--style="border-radius: 30px;"-->
|
||
<div class="modal-header d-flex justify-content-center">
|
||
<img class="" style="width: 108px; height: auto "
|
||
src="{{$groupedDirections[$faculty['name']]['path']}}" alt="">
|
||
|
||
|
||
</div>
|
||
<p class="text-center fs-3"> {{ $faculty['name'] }} </p>
|
||
|
||
<div class="modal-body d-flex justify-content-center" >
|
||
<div class="col-11">
|
||
<p class="fs-5">Основная информация</p>
|
||
<p class="fs-6"
|
||
style=" font-family: Geologica-ExtraLight; text-align: justify;"> {{ $faculty['description'] }}</p>
|
||
<p class="fs-5">Специальности</p>
|
||
<div class="table-responsive ps-4">
|
||
<table class="table w-100 fs-6"
|
||
style=" font-family: Geologica-ExtraLight;">
|
||
<tr>
|
||
<th> Название</th>
|
||
<th> Код специальности</th>
|
||
<th> Уровень образования</th>
|
||
<th> Форма обучения</th>
|
||
</tr>
|
||
|
||
@foreach ($faculty['directions'] as $direction)
|
||
@if($direction['education_level'] != 'магистратура')
|
||
|
||
<tr>
|
||
<td>
|
||
<a class=" border border-dark rounded-3 p-2 hover1"
|
||
type="button" data-bs-toggle="offcanvas"
|
||
data-bs-target="#offcanvasScrolling-{{ $direction['id'] }}"
|
||
aria-controls="offcanvasScrolling"
|
||
role="button" style="background: white">{{ $direction['name'] }}</a>
|
||
|
||
@php
|
||
$DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
|
||
echo $DirectonHtmlBuilder->getHTML();
|
||
@endphp
|
||
</td>
|
||
|
||
<td> {{ $direction['code'] }} </td>
|
||
<td> {{ $direction['education_level'] }} </td>
|
||
@php
|
||
$educationForms = '';
|
||
foreach ($direction['education_form'] as $educationForm) {
|
||
$educationForms .= $educationForm . ', ';
|
||
}
|
||
$educationForms = substr($educationForms, 0, -2);
|
||
|
||
@endphp
|
||
<td> {{$educationForms}} </td>
|
||
</tr>
|
||
@endif
|
||
|
||
@endforeach
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть
|
||
</button>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
@endforeach
|
||
<!--Здесь пишем ЯВА СКРИПТ-->
|
||
<script>
|
||
$(".button_chng_instit").click(function () {
|
||
|
||
let id=$(this).data('id');
|
||
let institut=$(this).data('institut');
|
||
if(institut=='mgtu') {
|
||
$("#content_budget_filial_" + id).hide();
|
||
$("#content_budget_mgtu_" + id).show();
|
||
$("#id_mgtu_" + id).show();
|
||
$("#id_filial_" + id).hide();
|
||
}else{
|
||
$("#content_budget_filial_"+id).show();
|
||
$("#content_budget_mgtu_"+id).hide();
|
||
$("#id_mgtu_"+id).hide();
|
||
$("#id_filial_"+id).show();
|
||
}
|
||
});
|
||
$(document).on("click", ".calc_green_circle_button", function () {
|
||
console.log
|
||
let id=$(this).data('id');
|
||
let institut=$(this).data('institut');
|
||
if(institut=='mgtu') {
|
||
$("#content_budget_filial_" + id).hide();
|
||
$("#content_budget_mgtu_" + id).show();
|
||
$("#id_mgtu_" + id).show();
|
||
$("#id_filial_" + id).hide();
|
||
}else{
|
||
$("#content_budget_filial_"+id).show();
|
||
$("#content_budget_mgtu_"+id).hide();
|
||
$("#id_mgtu_"+id).hide();
|
||
$("#id_filial_"+id).show();
|
||
}
|
||
});
|
||
|
||
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="fon3_blok visually_impaired_mode">
|
||
|
||
<div class="container-fluid ms-sm-5 py-5">
|
||
<div class="row">
|
||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
|
||
style=" font-weight: 700; letter-spacing: 0em; ">
|
||
КАЛЬКУЛЯТОР ЕГЭ
|
||
</div>
|
||
</div>
|
||
<div class="row mt-4">
|
||
<div class="col-md-4 col-12 ">
|
||
<div class="row">
|
||
|
||
<div class="text-white display-6"> Выберите предметы ЕГЭ</div>
|
||
<form class="text-white mt-4 fs-4 calcul" style=" font-family: Geologica-ExtraLight">
|
||
<script src="{{ URL::to('https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js')}}"></script>
|
||
@foreach($subjects as $id => $name)
|
||
@if($name === "Русский язык" || $name === "Математика" )
|
||
<label class="checkbox1"> {{ $name }}
|
||
<input class="checkbox_input_clear" type="checkbox" checked="checked"
|
||
value="{{ $id }}">
|
||
<span class="checkmark"></span>
|
||
</label>
|
||
@endif
|
||
@endforeach
|
||
<hr class="col-5">
|
||
@foreach($subjects as $id => $name)
|
||
@if($name !== "Русский язык" && $name !== "Математика" )
|
||
<label class="checkbox1"> {{ $name }}
|
||
<input class="checkbox_input_clear" type="checkbox" value="{{ $id }}">
|
||
<span class="checkmark"></span>
|
||
</label>
|
||
@endif
|
||
@endforeach
|
||
|
||
</form>
|
||
<div class="row d-md-block d-flex ms-md-3 justify-content-center">
|
||
<a role="button" style="border-radius: 11px; font-family: Geologica-ExtraLight"
|
||
class="hover3 unclearall mt-4 col-5 text-white p-2 border border-white d-inline-flex justify-content-center shadow">
|
||
Сбросить фильтр </a>
|
||
|
||
|
||
</div>
|
||
<script>window.onload = function () {
|
||
|
||
$(".unclearall").click(function () {
|
||
|
||
$('input[type="checkbox"]').prop('checked', false);
|
||
|
||
return false;
|
||
|
||
})
|
||
$(".calcul input").click(function () {
|
||
$('.text-remove').remove();
|
||
let selected = [];
|
||
let predmets = '';
|
||
$('.calcul input:checked').each(function () {
|
||
selected.push(+$(this).val());
|
||
predmets += $(this).val() + ',';
|
||
});
|
||
|
||
|
||
$.ajax({
|
||
url: "{{ route('calculator') }}",
|
||
dataType: 'json',
|
||
cache: false,
|
||
type: "POST",
|
||
data: 'ajx=get_napr&format=html&predmets=' + JSON.stringify(selected),
|
||
|
||
success: function (data) {
|
||
$(".calcul_rez").html('<tr><th class="fs-5"> Направление </th><th style="text-align: right;"> Цена за обучение</th><th class="fs-5" style="text-align: right;"> Период обучения (в годах)</th></tr>');
|
||
$(".calcul_rez").append(data.html);
|
||
|
||
}
|
||
});
|
||
});
|
||
};
|
||
|
||
</script>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-7 mt-md-0 mt-5 col-12">
|
||
|
||
<div class="d-flex border border-white py-5 justify-content-center align-items-center"
|
||
style="border-radius: 50px; min-height: 200px;">
|
||
<div class="col-12 text-remove text-white w-100 text-center fs-4"
|
||
style="font-family: Geologica-ExtraLight">Выберите предметы
|
||
</div>
|
||
<div class="table-responsive p-5 w-100 " style=" max-height: 700px; ">
|
||
<table class=" text-white calcul_rez"
|
||
style="width: 90%; font-family: Geologica-ExtraLight;">
|
||
|
||
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
<div class="fon4_blok visually_impaired_mode">
|
||
|
||
<div class="container-fluid ms-sm-5 pt-5">
|
||
<a id="anchor"></a>
|
||
<div class="row">
|
||
<div class="col d-lg-block d-flex justify-content-center">
|
||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text "
|
||
style=" font-weight: 700; letter-spacing: 0em; ">
|
||
ЭКРАН ПРИЕМА
|
||
</div>
|
||
</div>
|
||
<!--<div class="col-5 d-block d-lg-flex justify-content-end">
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1 " >
|
||
<div class="gradient-text">
|
||
Очная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1">
|
||
<div class="gradient-text">
|
||
Заочно-очная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1" >
|
||
<div class="gradient-text">
|
||
Заочная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div> -->
|
||
<div class="mt-3 d-flex justify-content-start scroll-1 ps-lg-0 ms-lg-0 ps-3 ms-3">
|
||
<div class="row ps-2 scroll-1 mb-4 " style=" overflow:auto; width: 95%; height: 30em;">
|
||
<div class="col-11 ">
|
||
|
||
@foreach($admissions as $admission)
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text">
|
||
{{$admission->name}}
|
||
</div>
|
||
|
||
@foreach($admission->documents as $document)
|
||
|
||
<div class="row mt-2 gradient-text shadow p-2 my-3 rounded-3"
|
||
style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
|
||
<a href="{{ URL::to($document->url) }}" > <strong>{{ $document->name }} </strong> <img class="" style="width: 18px; height: auto" src="{{ URL::to('img/front-page/clip-svgrepo-com.png') }}"></a>
|
||
<br>
|
||
{{$document->description}}
|
||
</div>
|
||
|
||
|
||
|
||
@endforeach
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
@endforeach
|
||
|
||
|
||
|
||
<br><br><br><br><br><br><br><br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Начало новостей --}}
|
||
<div class="fon1_blok visually_impaired_mode ">
|
||
<div class="container-fluid ms-sm-5 pt-5">
|
||
<div class="row">
|
||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
|
||
style=" font-weight: 700; letter-spacing: 0em; ">
|
||
НОВОСТИ
|
||
</div>
|
||
</div>
|
||
<div id="carouselExampleIndicators" class="carousel slide d-lg-block d-none " data-bs-interval="false">
|
||
<div class="carousel-inner px-5 pt-5">
|
||
@php
|
||
$all_news = array()
|
||
@endphp
|
||
@foreach($news as $item)
|
||
@php
|
||
$all_news[$item->name]['name'] = $item->name;
|
||
$all_news[$item->name]['text'] = $item->text;
|
||
$all_news[$item->name]['url'] = asset($item->photo);
|
||
$all_news[$item->name]['id'] = $item->id;
|
||
@endphp
|
||
@endforeach
|
||
|
||
@php
|
||
$out = array_chunk($all_news, 4, true);
|
||
//echo '<pre>' . print_r($out, 1) . '</pre>'
|
||
@endphp
|
||
|
||
@if(count($out) >= 1)
|
||
@foreach($out as $id => $page)
|
||
<div class="carousel-item @if($id == 0) active @endif \" >
|
||
<div class="row d-flex align-items-center justify-content-center " >
|
||
@foreach($page as $item)
|
||
<div class="col" style="max-width: 20%">
|
||
<div class="row">
|
||
<div class="col-12" >
|
||
<img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
|
||
<div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
|
||
<div class=" p-3" style="">
|
||
<strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
|
||
<br><button style="background: #9739f6;" type="button" class="btn text-white" data-bs-toggle="modal" data-bs-target="#exampleModalNews-{{$item['id']}}"> читать полностью</button>
|
||
<p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item['text']), 100, "...") }} </p>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="exampleModalNews-{{$item['id']}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-xl">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item['name']}}</h1>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-8 d-flex justify-content-center">
|
||
<img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style=" background-size: cover; border-radius: 20px;">
|
||
</div>
|
||
</div>
|
||
<p class="mt-4"> {{$item['text']}}</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
@endforeach
|
||
|
||
</div>
|
||
<br><br><br><br>
|
||
</div>
|
||
@endforeach
|
||
|
||
|
||
<div class="carousel-indicators mt-5">
|
||
@for ($i = 0; $i < count($out); $i++)
|
||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{$i}}" @if($i == 0) class="active" @endif aria-current="true" aria-label="Slide {{$i + 1}}"></button>
|
||
@endfor
|
||
|
||
</div>
|
||
@else
|
||
<div class="carousel-item active" >
|
||
<div class="w-100 d-flex align-items-center justify-content-center " >
|
||
|
||
<div class="col-11 text-center" style="margin-right: 2em">
|
||
<div class="display-6 text-white"> Пока нет новостей! </div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<br><br><br><br>
|
||
</div>
|
||
<div class="carousel-indicators mt-5">
|
||
|
||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide1"></button>
|
||
|
||
|
||
</div>
|
||
@endif
|
||
|
||
|
||
</div>
|
||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
|
||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Previous</span>
|
||
</button>
|
||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Next</span>
|
||
</button>
|
||
</div>
|
||
<div id="carouselExampleIndicatorsMobile" class="carousel slide d-lg-none d-block" data-bs-interval="false" >
|
||
<div class="carousel-inner px-5 pt-5">
|
||
@php $counter = 0; @endphp
|
||
@foreach($news as $item)
|
||
@php $counter++ @endphp
|
||
<div class="carousel-item @if($counter == 1) active @endif \" >
|
||
<div class="row d-flex align-items-center justify-content-center " >
|
||
|
||
<div class="col-12" >
|
||
<img src="{{asset($item->photo)}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
|
||
<div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 12em;">
|
||
<div class=" p-3" style="">
|
||
<strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item->name}} </strong>
|
||
<br><button type="button" style="background: #9739f6;" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalNewsMobile-{{$item->id}}"> читать полностью</button>
|
||
<p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item->text), 100, "...") }} </p>
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="exampleModalNewsMobile-{{$item->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-xl">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item->name}}</h1>
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col">
|
||
<img src="{{asset($item->photo)}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
|
||
</div>
|
||
</div>
|
||
<p class="mt-4"> {{$item->text}}</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<br><br><br><br>
|
||
</div>
|
||
@endforeach
|
||
|
||
|
||
<div class="carousel-indicators mt-5">
|
||
@for ($i = 0; $i < $counter; $i++)
|
||
<button type="button" data-bs-target="#carouselExampleIndicatorsMobile" data-bs-slide-to="{{$i}}" @if($i == 1) class="active" @endif aria-current="true" aria-label="Slide {{$i + 1}}"></button>
|
||
@endfor
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicatorsMobile" data-bs-slide="prev">
|
||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Previous</span>
|
||
</button>
|
||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicatorsMobile" data-bs-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="visually-hidden">Next</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{-- Конец новостей --}}
|
||
<div class="fon2_blok visually_impaired_mode">
|
||
<div class="container-fluid ms-sm-5 pt-5 ">
|
||
<div class="row gradient-text">
|
||
<div class="ms-4 col-auto ">
|
||
|
||
|
||
<div class="col-11">
|
||
<div class=" fs-4"> Приемная коммисия:</div>
|
||
<p class="text-white"> (8772) 52-30-08 </p>
|
||
</div>
|
||
|
||
|
||
<div class="col-11">
|
||
<div class=" fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||
<p class=""> 8-938-530-53-14 </p>
|
||
</div>
|
||
|
||
|
||
<div class="col-11">
|
||
<div class=" fs-4"> Почта:</div>
|
||
<p class=""> info@mkgtu.ru </p>
|
||
</div>
|
||
|
||
|
||
<div class="col-11">
|
||
<p class=" fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||
</div>
|
||
|
||
|
||
<div class="col-3 d-flex justify-content-between">
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/inostran/youtubenew.svg') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/inostran/vknew.svg') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/inostran/telegramnew.svg') }}" alt="vid"></a>
|
||
{{-- <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/bakalavr-special/rutub.png') }}" alt="vid"></a>--}}
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/inostran/yadzennew.svg') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/inostran/odnew.svg') }}" alt="vid"></a>
|
||
</div>
|
||
</div>
|
||
<div class="col mt-3 mt-xl-0" >
|
||
<div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center" style='border-radius: 20px;'>
|
||
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abce7036e67cc958b252a800040dcada03df467881dac609a6f6b7ef8618fe7a1&width=500&height=400&lang=ru_RU&scroll=true"></script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row ms-4">
|
||
<!-- Button trigger modal -->
|
||
<div class="col-11">
|
||
<a style="background: #9739f6" class=" fs-4 btn text-white " type="button" data-bs-toggle="modal" data-bs-target="#feedbackModal"> Обратная связь </a>
|
||
</div>
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-xl">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form method="POST" action="{{route('feedback.store')}}">
|
||
@csrf
|
||
<div class="mb-3">
|
||
<label for="exampleInputEmail1" class="form-label">Ваши контакты</label>
|
||
<input type="text" class="form-control" name="contact" id="contact" aria-describedby="contactHelp" >
|
||
<div id="contactHelp" class="form-text"> Ваш телефон или электронная почта</div>
|
||
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="exampleInputPassword1" class="form-label"> Ваше сообщение</label>
|
||
<textarea type="text" class="form-control" name="text" id="text"> </textarea>
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-primary">Отправить</button>
|
||
</form>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Закрыть </button>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<br><br><br>
|
||
</div>
|
||
|
||
|
||
|
||
</body>
|
||
|
||
|
||
<script>
|
||
$('div.alert').not('.alert-important').delay(15000).fadeOut(350);
|
||
</script>
|
||
@endsection
|