Roman_applicant-site/resources/views/new-design/magistr.blade.php

604 lines
31 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/magistr/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/magistr/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(20, 61, 203, 0.85);
}
/* Handle */
.scroll-1::-webkit-scrollbar-thumb {
height: 30px;
width: 8px;
background-image: linear-gradient(to right, rgba(58, 97, 250, 0.85), 20%, rgba(38, 84, 255, 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(29, 59, 166, 0.85), 20%, rgba(20, 61, 203, 0.85));
transition: 0.3s;
}
</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>
<body>
<header>
<div class="container-fluid position-relative "
style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<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/magistr/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/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
</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="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"
style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
Личный кабинет
</a>
<a href="#anchor"
class="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"
style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
День открытых дверей
</a>
<!-- Button trigger modal -->
<a type="button" class="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" style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
Видео про МГТУ
</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/bakalavr-special/fon3_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 style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<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 "
style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 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();
}
});
</script>
</div>
</div>
</div>
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<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>
<script>
$(".calc_green_circle_button").click(function () {
console.log('111')
let name=$(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 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 style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<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 style="background-image: url({{ URL::to('img/front-page/magistr/fon5_blok.png') }}); background-size: cover; ">
<div class="container-fluid ms-sm-5 pt-5 ">
<div class="row">
<div class="ms-4 col-auto ">
<div class="col-11">
<div class="text-white fs-4"> Приемная коммисия:</div>
<p class="text-white"> (8772) 52-30-08 </p>
</div>
<div class="col-11">
<div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
<p class="text-white"> 8-938-530-53-14 </p>
</div>
<div class="col-11">
<div class="text-white fs-4"> Почта:</div>
<p class="text-white"> info@mkgtu.ru </p>
</div>
<div class="col-11">
<p class="text-white 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>
<br><br><br>
</div>
</body>
@endsection