softart
/
tifawt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							{{--
    View    : Header Frontend Partial
    Path    : frontend.layouts.header

    $list_categories_activities //=> liste des categories activites
--}}


<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="stylesheet" href=" {{asset ('frontend/css/style.css')}}">

    <link rel="stylesheet" href=" {{asset ('frontend/css/front.css')}}">


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">


</head>
<body>


    <!--Main Navigation-->
    <header>
        <!-- Jumbotron -->
        <div class="nav-head p-3 text-center bg-white border-bottom">
            <div class="container">
                <div class="row">
                    <!-- Left elements -->
                    <div class=" logo col-md-3 d-flex   mb-3 mb-md-0">

                        <a href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.homepage') }}" class="ulockd-main-logo"><img src="{{asset('frontend/imagesAll/logo.jpg')}}" height=35 alt="logo Tasshil"></a>

                    </div>
                    <!-- Left elements -->

                    <!-- Center elements -->
                    <div class="col-md-6">
                        <div class=" title-nav d-flex input-group w-auto justify-content-center pt-4 my-auto mb-3 mb-md-0">

                            <h2 style="font-size: 27px;">{{ trans('menu.header')}}</h2>

                        </div>
                        <div class=" title-nav d-flex input-group w-auto justify-content-center my-auto mb-3 mb-md-0" style="margin-right: 23px;">

                            @if("ar" == app()->getLocale())
                            <img style="
    padding-top: 10px;
" src="{{asset('frontend/imagesAll/headerTwo-Ar.png')}}">

                            @else
                            <img style="
    padding-top: 10px;
" src="{{asset('frontend/imagesAll/header.png')}}">


                            @endif


                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- Jumbotron -->
        <!-- Navbar -->

        <nav class="navbar navbar-expand-lg navbar-light bg-white">
            <!-- Container wrapper -->
            <div class="container justify-content-center justify-content-md-between">
                <!-- Left links -->

                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav">

                        @if (!empty($data))
                        @if ('ar' == app()->getLocale())
                        <li class="language nav-item"><a href="{{ $data['uris']['fr']}}" class="nav-link">Français</a></li>
                        {{-- <li class="language nav-item"><a href="#" class="nav-link">Français</a></li> --}}


                        @endif

                        @if ('fr' == app()->getLocale())
                        <li class="language nav-item"><a href="{{ $data['uris']['ar']}}" class="nav-link">عربي</a></li>
                        {{-- <li class="language nav-item"><a href="#" class="nav-link">عربي</a></li> --}}


                        @endif
                        @endif


                        <li class="nav-item">

                            <a class="nav-link {{ (strpos(Route::currentRouteName(), 'homepage') === 0) ? 'active' : '' }}" href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.homepage') }}">{{ trans('menu.homepage') }}</a>

                        </li>


                        <li class="nav-item">
                            <a class="nav-link {{ (strpos(Route::currentRouteName(), 'areas-intervention') === 0) ? 'active' : '' }}" href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.areas-intervention') }}">{{ trans('menu.areas-intervention') }}</a>


                        </li>
                        <li class="nav-item dropdown">

                          <a href="#"  class="nav-link dropdown-toggle" data-toggle="dropdown">{{ trans('menu.activities') }}</a>
                        
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                @foreach ($list_categories_activities as $slug => $category)
                               
                                  @if (is_array($category))
                                 <li class="dropdown-submenu nav-item">
                              <a target='_blank'data-toggle="dropdown" class="dropdown-toggle dropdown-item"  href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.activities') . '?category=' . $slug }}">{{ $slug }}</a> 

                                    <ul class="dropdown-menu">
                                       @foreach ($category as $subCategorySlug => $subCategoryTitle)

                                    <li><a class="dropdown-item"  target='_blank' href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.activities') . '?category=' . $subCategorySlug }}">{{ $subCategoryTitle }}</a></li>

                                       @endforeach
                                         
                                   </ul> 
                                 </li>

                                   @else
                                    <li><a class="dropdown-item" target='_blank' href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.activities') . '?category=' . $slug }}">{{ $category }}</a></li>  
                            
                               
                                        @endif

                                  @endforeach
                                 </ul>
                 

                     </li>


                    <li class="nav-item">

                        <a class="nav-link {{ (strpos(Route::currentRouteName(), 'news') === 0) ? 'active' : '' }}" href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.news') }}">{{ trans('menu.news') }}</a>

                    </li>

                    <li class="nav-item dropdown">

                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">{{ trans('menu.media') }}</a>

                        <ul class="dropdown-menu">

                            <li><a class="dropdown-item" style="font-size: 14px;" {{ (strpos(Route::currentRouteName(), 'press-releases') === 0) ? 'active' : '' }}" href="#">{{ trans('menu.press-releases') }}</a></li>

                           
                    <li><a class="dropdown-item" style="font-size: 14px;" {{ (strpos(Route::currentRouteName(), 'press-review') === 0) ? 'active' : '' }}" href="#">{{ trans('menu.press-review') }}</a>


                    </li>


                    <li>
                        <a class="dropdown-item" style="font-size: 14px;" {{ (strpos(Route::currentRouteName(), 'photo-gallery') === 0) ? 'active' : '' }}" href="#">{{ trans('menu.photo-gallery') }}</a>

                    </li>


                    <li><a class="dropdown-item" style="font-size: 14px;" {{ (strpos(Route::currentRouteName(), 'video-library') === 0) ? 'active' : '' }}" href="#">{{ trans('menu.video-library') }}</a></li>

                    {{-- <li><a style="font-size: 14px;" {{ (strpos(Route::currentRouteName(), 'video-library') === 0) ? 'active' : '' }}" href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.video-library') }}">{{ trans('menu.video-library') }}</a></li> --}}


                    </ul>
                    </li>


                    <li class="nav-item">

                        <a class="nav-link {{ (strpos(Route::currentRouteName(), 'diary') === 0) ? 'active' : '' }}" href="#">{{ trans('menu.diary') }}</a>
                        {{-- <a class="nav-link {{ (strpos(Route::currentRouteName(), 'diary') === 0) ? 'active' : '' }}" href="" {{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.diary') }}"">{{ trans('menu.diary') }}</a> --}}


                    </li>
                    <li class="nav-item">

                        <a class="nav-link {{ (strpos(Route::currentRouteName(), 'contact') === 0) ? 'active' : '' }}" href="{{ LaravelLocalization::getURLFromRouteNameTranslated(app()->getLocale(), 'routes.contact') }}">{{ trans('menu.contact') }}</a>

                    </li>


                    </ul>
                </div>

            </div>
            <!-- Container wrapper -->
        </nav>


    </header>

    <!-- Footer -->


    <!-- Footer -->

</body>
</html>
<style>
    .navbar-nav li:hover>ul.dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

    /* rotate caret on hover */
    .dropdown-menu>li>a:hover:after {
        text-decoration: underline;
        transform: rotate(-90deg);
    }

</style>