@extends('layout.headerAndFooter')

@section('headLinks')
    <link rel="stylesheet" href="{{ asset('siteStyle/caseStudiesNewOne.css') }}">
    <link rel="stylesheet" href="{{ asset('siteStyle/casestudies.css') }}">
    <link rel="icon" href="{{ asset('images/favicon.ico') }}" type="image/x-icon">
    <meta name="description" content="{{ $caseStudy['title'] }} - Étude de cas ATIRAO">
@stop

@section('title')
    {{ $caseStudy['title'] }} - Études de cas
@stop

@section('content')
    @include('caseStudiesDetailsRedesign')
@stop

@section('footerScripts')
<script>
(function () {
    'use strict';

    var hero = document.querySelector('.case-studies-page-header-bg');
    if (hero) {
        var reveal = function () { hero.classList.add('is-case-studies-universe-ready'); };
        if (document.readyState === 'complete') reveal();
        else window.addEventListener('load', reveal);

        var cursorGlow = hero.querySelector('[data-case-studies-cursor-glow]');
        if (cursorGlow && window.matchMedia('(hover: hover)').matches) {
            hero.addEventListener('mousemove', function (event) {
                var rect = hero.getBoundingClientRect();
                cursorGlow.style.setProperty('--mx', (((event.clientX - rect.left) / rect.width) * 100) + '%');
                cursorGlow.style.setProperty('--my', (((event.clientY - rect.top) / rect.height) * 100) + '%');
            });
        }
    }

    document.querySelectorAll('.cs-detail-action__header').forEach(function (header) {
        header.addEventListener('click', function () {
            var article = header.closest('.cs-detail-action');
            var content = article ? article.querySelector('.cs-detail-action__content') : null;
            var isOpen = header.getAttribute('aria-expanded') === 'true';

            document.querySelectorAll('.cs-detail-action__header').forEach(function (item) {
                item.setAttribute('aria-expanded', 'false');
            });
            document.querySelectorAll('.cs-detail-action__content').forEach(function (item) {
                item.hidden = true;
            });

            if (!isOpen && content) {
                header.setAttribute('aria-expanded', 'true');
                content.hidden = false;
            }
        });
    });
})();
</script>
@stop