From ab0d2db731c3d0e2292f1ffcba93e98c3318107c Mon Sep 17 00:00:00 2001
From: ROMANGOLIENKO <romangolienko@yandex.ru>
Date: Wed, 17 Apr 2024 14:23:57 +0300
Subject: [PATCH] adding news to inostran and magistr pages

---
 resources/views/new-design/inostran.blade.php | 168 +++++++++++++++++-
 resources/views/new-design/magistr.blade.php  | 168 +++++++++++++++++-
 2 files changed, 332 insertions(+), 4 deletions(-)

diff --git a/resources/views/new-design/inostran.blade.php b/resources/views/new-design/inostran.blade.php
index e7d8ef5..80628bc 100644
--- a/resources/views/new-design/inostran.blade.php
+++ b/resources/views/new-design/inostran.blade.php
@@ -543,11 +543,175 @@
             </div>
         </div>
     </div>
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
+        <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
 
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon5_blok.png') }}); background-size: cover; ">
+                    @php
+                        $out = array_chunk($all_news, 4, true);
+                    @endphp
+                    @foreach($out as $id => $page)
+                        <div class="carousel-item @if($id == 1) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+                                @foreach($page as $item)
+                                    <div class="col " style="max-width: 20%">
+                                        <img src="{{$item['url']}}" 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: 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;  letter-spacing: 0;" 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">
+                                                                            <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>
+                                @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 style="background: #9739f6;  letter-spacing: 0;" type="button" class="btn  text-white " 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 style="background-image: url({{ URL::to('img/front-page/inostran/fon4_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="ms-4 col-auto gradient-text ">
 
 
                     <div class="col-11">
diff --git a/resources/views/new-design/magistr.blade.php b/resources/views/new-design/magistr.blade.php
index 77497be..d48bcc0 100644
--- a/resources/views/new-design/magistr.blade.php
+++ b/resources/views/new-design/magistr.blade.php
@@ -546,11 +546,175 @@
             </div>
         </div>
     </div>
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
+        <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
 
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon5_blok.png') }}); background-size: cover; ">
+                    @php
+                        $out = array_chunk($all_news, 4, true);
+                    @endphp
+                    @foreach($out as $id => $page)
+                        <div class="carousel-item @if($id == 1) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+                                @foreach($page as $item)
+                                    <div class="col " style="max-width: 20%">
+                                        <img src="{{$item['url']}}" 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: 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 btn-primary"  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">
+                                                                            <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>
+                                @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" 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 style="background-image: url({{ URL::to('img/front-page/magistr/fon4_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="ms-4 col-auto gradient-text  ">
 
 
                     <div class="col-11">