@extends('app')
@section('title-page', 'Information pratiques')
@section('content')

    <section class="background-custom">

        <section>
            <div class="lgx-banner lgx-banner-inner">
                <div class="lgx-page-inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="lgx-heading-area">
                                    <div class="lgx-heading lgx-heading-white">

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="akwaba-overPage"> Akwaba</div>
        </section> <!--//.Banner Inner-->

        <link rel="stylesheet" href="{{ asset('assets/css/dataTable.css') }}" />
        {{-- <link rel="stylesheet" href="{{ asset('assets/css/font-awesome.css') }}" /> --}}
 
        <section>
            <div id="lgx-about" class="lgx-about">
                <div class="lgx-inner">
                    <div class="container">

                        <div class="lgx-heading lgx-heading-white title">
                            <div
                                style="display:flex;justify-content:center; flex-direction:column;width:100%;margin-top:25px">
                                <h1 class="text-black title-text">ESPACE D'ADMINISTRATION</h1>
                                <h2 style="margin-top: -45px">Liste des activités</h2>
                            </div>
                        </div>

                        {{-- :::::::::::::::::::::::::::::::::::::::::::: SECOND ::::::::::::::::::::::::::::::::::::::::::::::: --}}
                        <style>
                            .header {
                                background: #de881d;
                                color: #fff;
                                font-size: 14px
                            }

                            .header th {
                                text-align: center
                            }

                            td {
                                /* text-align: center; */
                                font-size: 13px;
                            }

                            .checkbox-buttons {
                                display: flex;
                                flex-wrap: wrap;
                                gap: 10px;
                            }

                            .checkbox-buttons input[type="checkbox"] {
                                display: none;
                            }

                            .checkbox-buttons label {
                                padding: 10px 20px;
                                border: 2px solid #DE881D;
                                border-radius: 5px;
                                background-color: white;
                                color: #DE881D;
                                cursor: pointer;
                                transition: all 0.3s ease;
                                user-select: none;
                                font-weight: 500;
                            }

                            .checkbox-buttons input[type="checkbox"]:checked+label {
                                background-color: #DE881D;
                                color: white;
                                box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
                                transform: scale(1.05);
                            }

                            .custom-card {
                                background-color: #fff;
                                border-radius: 12px;
                                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                                padding: 20px;
                                margin-bottom: 15px;
                                width: 100%;
                                transition: transform 0.2s ease, box-shadow 0.2s ease;
                            }

                            .card-title {

                                width: 100%;
                                display: flex;
                                justify-content: space-between
                            }

                            .table-responsive {
                                overflow-x: auto;
                                -webkit-overflow-scrolling: touch;
                            }
                        </style>

                        <link rel="stylesheet" href="{{ asset('assets/css/styleToast.css') }}" media="all" />
                       
    

                                   <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function session() in E:\install\laragon\www\18euniversitecaaf\resources\views\pages\selectActivite.blade.php:117
Stack trace:
#0 {main}
  thrown in <b>E:\install\laragon\www\18euniversitecaaf\resources\views\pages\selectActivite.blade.php</b> on line <b>117</b><br />