<!DOCTYPE HTML>
<html lang="{{ app()->getLocale() }}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- CSRF Token -->
        <meta name="csrf-token" content="{{ csrf_token() }}" />
        <title>@yield('title', 'Student of the Year')</title>
        <link rel="icon" href="img/favicon.png" type="image/x-icon" />
        @hasSection('meta')
            @yield('meta')
        @else
            <meta name="Description" content="Student of the Year" />
            <meta property="og:title" content="Student of the Year" />
            <meta property="og:description" content="সেরা ছাত্র প্রতিযোগিতা বিষয়ক ওয়েবসাইট" />
            <meta property="og:image" content="{{ asset('default-logo.png') }}" />
            <meta property="og:url" content="{{ url()->current() }}" />
            <meta property="og:type" content="website" />
        @endif
        <meta name="author" content="smcis school management and  point of  sale Software service  provider" />
        {{-- <meta name="Description" content="Student of the Year" />
        <meta name="keywords" content="" />
        <meta property="og:title" content="Student of the Year" />
        <meta property="og:description" content="" />
        <meta property="og:url" content="http://rtss.edu.bd/" />
        <meta property="og:locale" content="" />
        <meta property="og:image" content="" />
        <meta property="og:type" content="website" />
        <meta property="og:site_name" content="" /> --}}
        <!-- End Meta info -->
        <!-- CSS -->
        <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet" />
        <script src="https://use.fontawesome.com/7e1311bf1b.js"></script>
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
        <link href="{{ asset('css/animate.css') }}" rel="stylesheet" />
        <link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css') }}">
        <link rel="stylesheet" href="{{ asset('css/owl.theme.min.css') }}">
        <link rel="stylesheet" href="{{ asset('css/owl.transitions.css') }}">
        <link href="{{ asset('css/lightbox.css') }}" rel="stylesheet" />
        <link href="{{ asset('css/style.css') }}" rel="stylesheet" />
        <link rel="stylesheet" href="{{ asset('admin-assets/ckeditor/ckeditor5/ckeditor5.css') }}">
        


        
        <style>
            section.rewards .contact-forms ul li svg {
                color: #fff;
                fill: #fff;
            }
            
        </style>
        
    </head>
    
    <body>
        <div class="shadow-area">
            <header>
                <div class="top-header">
                    <div class="logo">
                        <a href="{{URL::to('/')}}">
                            <img src="{{ asset('public/logo.png') }}" alt="logo">
                        </a>
                    </div>
                    <div class="top-info">
                        <div class="social-info">
                            <ul class="scials">
                                <li>
                                    <a href="{{$contact->twitter}}" target="_blank"><i class="fa fa-whatsapp"></i></a>
                                </li>
                                <li>
                                    <a href="{{$contact->facebook}}"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="{{$contact->ytube}}"><i class="fa fa-youtube"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <nav id="navbar" class="navbar navbar-default">
                    <div class="nav-wrapper">
                        <div class="menu">
                            <ul class="nav navbar-nav">
                                <li class="{{ Request::is('/') ? 'active' : '' }}"><a href="{{URL::to('/')}}">HOME</a></li>
                                <li><a href="{{url('about')}}">ABOUT US</a></li>
                                <li><a href="{{URL::to('/partners')}}">PARTNERS</a></li>
                                <li><a href="{{URL::to('/faq')}}">FAQ</a></li>
                                <li>
                                    <!--{{URL::to('/result')}}-->
                                    <a href="{{URL::to('/teams')}}" class="has_submenu">TEAM </a>
                                    {{-- <div class="submenus"><i class="fa fa-angle-down"></i>
                                        <ul>
                                            
                                            <li> <a href="{{URL::to('/teams')}}">Ambasodor</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Mentors</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Advisors</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Jury Board</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Comittee</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Exam Team</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Management</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Core Management</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Trustee Board</a></li>
                                        </ul>
                                    </div> --}}
                                </li>
                                <li><a href="{{URL::to('/events')}}">EVENTS</a></li>
                                <li><a href="{{URL::to('/gallery')}}">GALLERY</a></li>
                                <li><a href="{{URL::to('/winners')}}">WINNERS</a></li>
                                <li>
                                    <!--{{URL::to('/gallery')}}-->
                                    <a href="{{URL::to('/joinsoty')}}" class="has_submenu">JOIN SOTY </a>
                                    {{-- <div class="submenus"> <i class="fa fa-angle-down"></i>
                                        <ul>

                                            <li> <a href="{{URL::to('/joinsoty')}}">Ambasodor</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Mentors</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Advisors</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Jury Board</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Comittee</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Exam Team</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Management</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Core Management</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Trustee Board</a></li>
                                        </ul>
                                    </div> --}}
                                </li>
                                
                                <li><a href="{{URL::to('/blogs')}}">BLOG </a></li>
                            </ul>
                            <ul class="nav navbar-nav auth">
                                <li><a href="{{URL::to('/login')}}">LOG IN </a></li>
                                <li><a href="{{url('whysoty')}}">SIGN UP</a></li>
                            </ul>
                        </div>
                        <div class="menu-toggle-btn" onclick="sideBarMenuShow()">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>
                        </div>
                        <div class="sidebar-menu">
                            <ul class="nav navbar-nav">
                                <li>
                                    <div class="menu-close-btn" onclick="sideBarMenuHide()">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
                                    </div>
                                </li>
                                <li class="{{ Request::is('/') ? 'active' : '' }}"><a href="{{URL::to('/')}}">HOME</a></li>
                                <li><a href="{{url('studentoftheyear')}}">ABOUT US</a></li>
                                <li><a href="{{URL::to('/partners')}}">PARTNER</a></li>
                                <li><a href="{{URL::to('/faq')}}">FAQ</a></li>
                                <li>
                                    <!--{{URL::to('/result')}}-->
                                    <a href="#" class="has_submenu">Team <i class="fa fa-angle-down"></i></a>
                                    <div class="submenus">
                                        <ul>
                                            
 
                                            <li> <a href="{{URL::to('/teams')}}">Ambasodor</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Mentors</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">AdvisorsADV</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Jury Board</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Comittee</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Exam Team</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Management</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Core Management</a></li>
                                            <li> <a href="{{URL::to('/teams')}}">Trustee Board</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="{{URL::to('/events')}}">EVENTS</a></li>
                                <li><a href="{{URL::to('/gallery')}}">GALLERY</a></li>
                                <li><a href="{{URL::to('/winners')}}">WINNER</a></li>
                                <li>
                                    <!--{{URL::to('/gallery')}}-->
                                    <a href="#" class="has_submenu">Join SOTY <i class="fa fa-angle-down"></i></a>
                                    <div class="submenus">
                                        <ul>
                                           
                                            <li> <a href="{{URL::to('/joinsoty')}}">Ambasodor</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Mentors</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Comittee</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Advisors</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Jury Board</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Exam Team</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Management</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Core Management</a></li>
                                            <li> <a href="{{URL::to('/joinsoty')}}">Trustee Board</a></li>
                                        </ul>
                                    </div>
                                </li>
                                
                                <li><a href="{{URL::to('/blogs')}}">BLOG </a></li>
                            </ul>
                            <ul class="nav navbar-nav auth">
                                <li><a href="{{URL::to('/login')}}">LOG IN </a></li>
                                <li><a href="{{url('whysoty')}}">SIGN UP </a></li>
                            </ul>
                            
                        </div>
                    </div>
                </nav>
            </header>
            
            @yield('slider')
            
            <section class="content-area">
                <div class="container-fluid">
                    @yield('content')
                    <span class="clearfix"></span>
                    @yield('lastest-photo')
                </div>
            </section>
            
            <footer class="main-footer">
                <div class="container-fluid">
                    <section class="rewards">
                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="contact-forms">
                                    <div class="contact-info">
                                        <div class="title">
                                            <h4>Contact Us</h4>
                                        </div>
                                        <ul>
                                            <li> <i class="fa fa-whatsapp"></i> <em>{{$contact->phone}} </em> </li>
                                            <li> <i class="fa fa-telegram" aria-hidden="true"></i> <em>{{$contact->phone_two}} </em> </li>
                                            <li> <i class="fa fa-envelope-square" aria-hidden="true"></i> <em>{{$contact->email}}</em></li>
                                            <li> <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="#1f1f1f"><path d="M838-65 720-183v89h-80v-226h226v80h-90l118 118-56 57ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 20-2 40t-6 40h-82q5-20 7.5-40t2.5-40q0-20-2.5-40t-7.5-40H654q3 20 4.5 40t1.5 40q0 20-1.5 40t-4.5 40h-80q3-20 4.5-40t1.5-40q0-20-1.5-40t-4.5-40H386q-3 20-4.5 40t-1.5 40q0 20 1.5 40t4.5 40h134v80H404q12 43 31 82.5t45 75.5q20 0 40-2.5t40-4.5v82q-20 2-40 4.5T480-80ZM170-400h136q-3-20-4.5-40t-1.5-40q0-20 1.5-40t4.5-40H170q-5 20-7.5 40t-2.5 40q0 20 2.5 40t7.5 40Zm34-240h118q9-37 22.5-72.5T376-782q-55 18-99 54.5T204-640Zm172 462q-18-34-31.5-69.5T322-320H204q29 51 73 87.5t99 54.5Zm28-462h152q-12-43-31-82.5T480-798q-26 36-45 75.5T404-640Zm234 0h118q-29-51-73-87.5T584-782q18 34 31.5 69.5T638-640Z"/></svg> <em>{{$contact->website}}</em></li>
                                            <li> <i class="fa fa-map-marker" aria-hidden="true"></i> <em>{{$contact->address}}</em></li>
                                        </ul>
                                        
                                        <div class="social-info">
                                            <h5>Follow Us.</h5>
                                            <ul class="scials">
                                                <li>
                                                    <a href="{{$contact->twitter}}" target="_blank"><i class="fa fa-whatsapp"></i></a>
                                                </li>
                                                <li>
                                                    <a href="{{$contact->facebook}}"><i class="fa fa-facebook"></i></a>
                                                </li>
                                                <li>
                                                    <a href="{{$contact->ytube}}"><i class="fa fa-youtube"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="bg-images">
                                            <img src="{{ asset('/img/soty.jpeg') }}" alt="footer_top_bg">
                                        </div>
                                    </div>
                                    <div class="contact-form">
                                        <form action="{{ route('send_mail') }}" method="POST" enctype="multipart/form-data">
                                             {{ csrf_field() }}
                                            <div class="form-group">
                                                <label for="email">Email</label>
                                                <input type="email" class="form-control" name="email" id="email" placeholder="Enter email">
                                            </div>
                                            <div class="form-group">
                                                <label for="contact_person">Contact Person</label>
                                                <select class="form-control" id="contact_person" name="contact_person">
                                                  <option selected>select contact person</option>
                                                  <option>2</option>
                                                  <option>3</option>
                                                  <option>4</option>
                                                  <option>5</option>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <label for="message">Message</label>
                                                <textarea type="text" name="message" class="form-control" id="message" placeholder="Write your message"> </textarea>
                                            </div>
                                          <button type="submit" class="btn btn-primary">Submit</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    
                    <section class="copyright">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="registration-button">
                                        <a class="registration-now" href="{{URL::to('/registration')}}">Registration Now</a>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <p>© All Copyright 2025 by <a href="https://www.facebook.com/shamim77" target="_blank"><b>Shamim AKhter</b></b></a> </p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="seven-img">
                    <div class="footer">
                        <img src="{{ asset('/img/footer-bg-last.svg') }}" alt="footer_top_bg">
                    </div>
                </div>
            </footer>
        @yield('footer')
        
        <script>
        
            const hasMenuItems = document.querySelectorAll(".has_submenu");

            hasMenuItems.forEach(menu => {
                const subMenu = menu.nextElementSibling;
            
                // Check if submenu exists and is a valid submenu
                if (subMenu && subMenu.classList.contains("submenus")) {
                    // Remove active class initially, if needed
                    if (subMenu.classList.contains("active")) {
                        subMenu.classList.remove("active");
                    }
            
                    // Show submenu on mouseover
                    menu.addEventListener("click", () => {
                        subMenu.classList.toggle("active");
                    });
            
                    // Hide submenu on mouseout
                    // menu.addEventListener("mouseout", () => {
                    //     subMenu.classList.remove("active");
                    // });
                }
            });
        
        
            // const hasMenu = document.querySelectorAll(".has_submenu");
            
            // hasMenu.forEach(menu => {
            //     const subMenu = menu.nextElementSibling;
                
            //     if(subMenu.classList.includes("active")) {
            //         subMenu.classList.remove("active")
            //     }
                
            //     menu.addEventListener("mouseover", () => {
            //         subMenu.classList.add("active")
            //     })
            // })
            
            
            function sideBarMenuShow() {
                const sidebarMenu = document.querySelector(".sidebar-menu");
                
                sidebarMenu.style.display = "block"
            }
            
            function sideBarMenuHide() {
                const sidebarMenu = document.querySelector(".sidebar-menu");
                
                sidebarMenu.style.display = "none"
            }
            
            
            
        </script>
    </body>
</html>