applicant-site/resources/views/new-design/inostran.blade.php

852 lines
45 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@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
@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 type="button" class="btn text-white" style="background: #9739f6" 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>
</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-11">
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" 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&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;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