{{-- _partials/scripts.blade.php --}}
@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
@endpush

@push('scripts')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // Toggle des programmes
            document.querySelectorAll('.toggle-programmes').forEach(btn => {
                btn.addEventListener('click', () => {
                    const tgt = document.querySelector(btn.dataset.target);
                    tgt.style.display = tgt.style.display === 'none' ? 'block' : 'none';
                    btn.querySelector('i').classList.toggle('bi-chevron-up');
                    btn.querySelector('i').classList.toggle('bi-chevron-down');
                });
            });

            // DatePicker
            flatpickr("#datepicker", {
                dateFormat: "Y-m-d",
                defaultDate: "{{ $date->toDateString() }}",
                locale: "fr",
                onChange: (dates, dateStr) => {
                    const id = document.querySelector('#datepicker').dataset.radioId;
                    const view = new URLSearchParams(window.location.search).get('view') || 'day';
                    window.location.href = `/client/programmes/${id}?date=${dateStr}&view=${view}`;
                }
            });
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // (1) Toggle programmes existant…

            // (2) Gestion des onglets hebdo
            document.querySelectorAll('.week-day-button').forEach(btn => {
                btn.addEventListener('click', () => {
                    const cible = btn.dataset.day;

                    // a) bouton actif
                    document.querySelectorAll('.week-day-button')
                        .forEach(b => b.classList.remove('active'));
                    btn.classList.add('active');

                    // b) affichage du good container
                    document.querySelectorAll('.week-day-content')
                        .forEach(c => c.style.display = 'none');
                    document.getElementById(`day-${cible}`)
                        .style.display = 'block';
                });
            });
        });
    </script>
    <script>
        function navigateDate(offsetDays) {
            const params = new URLSearchParams(window.location.search);
            if (params['size'] != 0) {
                let date = new Date(params.get('date'));
                date.setDate(date.getDate() + offsetDays);
                params.set('date', date.toISOString().slice(0, 10));
            } else {
                let date = new Date();
                date.setDate(date.getDate() + offsetDays);
                params.set('date', date.toISOString().slice(0, 10));
            }

            window.location.search = params.toString();
        }
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const tabs = document.querySelectorAll('.week-day-button');

            // 0) Par défaut, active le premier si aucun n'est déjà actif
            if (!document.querySelector('.week-day-button.active-day') && tabs.length) {
                tabs[0].classList.add('active-day');
            }

            // 1) Attach click handlers (existant)
            tabs.forEach(button => {
                button.addEventListener('click', () => {
                    const selectedDay = button.dataset.day;

                    // a) cacher tous les jours
                    document.querySelectorAll('.week-day-content').forEach(div => {
                        div.style.display = 'none';
                    });
                    // b) afficher le bon
                    document.getElementById('day-' + selectedDay).style.display = 'block';

                    // c) rafraîchir les onglets
                    tabs.forEach(b => b.classList.remove('active-day'));
                    button.classList.add('active-day');
                });
            });
        }); +
            p
    </script>
    <script>
        document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (el) {
            new bootstrap.Tooltip(el);
        });

    </script>
@endpush