{% include 'partials/header.html.twig' %}

    <script src="{{ asset('assets/libs/jquery/dist/jquery.min.js') }}"></script>

      <div class="body-wrapper">
        <div class="container-fluid">

        <div class="tab-content">
        <div id="note-full-container" class="note-has-grid row">

                    <div class="col-md-4 single-note-item all-category">
                        <a href="{{path('monespace_menage_index')}}" class="card bg-success text-white w-100 card-hover">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                <i class="ti ti-spray display-6"></i>
                                <div class="ms-auto">
                                    <i class="ti ti-arrow-right fs-8"></i>
                                </div>
                                </div>
                                <div class="mt-4">
                                <h4 class="card-title mb-1 text-white">Mon planning du jour</h4>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-4 single-note-item all-category">
                        <a href="{{path('maintenance_maintenance')}}" class="card bg-warning text-white w-100 card-hover">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                <i class="ti ti-tools display-6"></i>
                                <div class="ms-auto">
                                    <i class="ti ti-arrow-right fs-8"></i>
                                </div>
                                </div>
                                <div class="mt-4">
                                <h4 class="card-title mb-1 text-white">Maintenance</h4>
                                </div>
                            </div>
                        </a>
                    </div>

            <div class="col-md-4 single-note-item all-category">
                <a data-bs-toggle="modal" data-bs-target="#addObjetPerduModal" class="card bg-danger text-white w-100 card-hover">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                        <i class="ti ti-ghost display-6"></i>
                        <div class="ms-auto">
                            <i class="ti ti-arrow-right fs-8"></i>
                        </div>
                        </div>
                        <div class="mt-4">
                        <h4 class="card-title mb-1 text-white">Objets perdus</h4>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 single-note-item all-category">
                <a href="{{path('app_index')}}" class="card bg-secondary text-white w-100 card-hover">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                        <i class="ti ti-thermometer display-6"></i>
                        <div class="ms-auto">
                            <i class="ti ti-arrow-right fs-8"></i>
                        </div>
                        </div>
                        <div class="mt-4">
                        <h4 class="card-title mb-1 text-white">
                            Relevé
                        </h4>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 single-note-item all-category">
                <a href="{{path('audit_app')}}" class="card bg-light w-100 card-hover">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                        <i class="ti ti-report display-6"></i>
                        <div class="ms-auto">
                            <i class="ti ti-arrow-right fs-8"></i>
                        </div>
                        </div>
                        <div class="mt-4">
                        <h4 class="card-title mb-1">
                            Audit
                        </h4>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 single-note-item all-category">
                <a href="{{path('account_profil')}}" class="card bg-info text-white w-100 card-hover">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                        <i class="ti ti-user display-6"></i>
                        <div class="ms-auto">
                            <i class="ti ti-arrow-right fs-8"></i>
                        </div>
                        </div>
                        <div class="mt-4">
                        <h4 class="card-title mb-1 text-white">
                            Espace Employé  
                        </h4>
                        </div>
                    </div>
                </a>
            </div>
            
             </div>
        </div>
    </div>
      </div>

      <script>
  function handleColorTheme(e) {
    document.documentElement.setAttribute("data-color-theme", e);
  }
</script>
    </div>

<div class="modal fade" id="chambreModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="chambreModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" id="chambreModalContent">
            
        </div>
    </div>
</div>


<script src="{{ asset('assets/libs/apexcharts/dist/apexcharts.min.js') }}"></script>
<script src="{{ asset('assets/js/dashboards/dashboard-home.js') }}"></script>
<script src="{{ asset('assets/js/dashboards/todolist.js') }}"></script>

{% include '@Objet/objetperdu/modal/new_objetperdu.html.twig' %}
{% include '@Objet/objetperdu/modal/new_objet_qrcode.html.twig' %}
{% include '@Objet/objetperdu/modal/new_objet_hotel.html.twig' %}


{% include 'partials/footer.html.twig' %}