{{-- filepath: c:\Users\sylve\Documents\Donsyl\site\avecgen\resources\views\components\cookie-consent.blade.php --}}
<div id="cookie-consent-banner" style="display: none;" class="cookie-consent-banner">
    <div class="cookie-consent-container">
        <div class="cookie-consent-text">
            <h3>{{ __('cookies.banner_title') }}</h3>
            <p>{{ __('cookies.banner_text') }}</p>
        </div>
        <div class="cookie-consent-buttons">
            <button id="cookie-accept-all" class="btn blue_button">{{ __('cookies.accept_all') }}</button>
            <button id="cookie-accept-necessary" class="btn outline_button">{{ __('cookies.accept_necessary') }}</button>
            <button id="cookie-customize" class="btn yellow_button">{{ __('cookies.customize') }}</button>
        </div>
    </div>
</div>

<div id="cookie-settings-modal" class="modal fade" tabindex="-1" aria-labelledby="cookie-settings-modal-label" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="cookie-settings-modal-label">{{ __('cookies.modal_title') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('cookies.close') }}"></button>
            </div>
            <div class="modal-body">
                <p>{{ __('cookies.modal_text') }}</p>
                
                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" id="cookie-necessary" checked disabled>
                    <label class="form-check-label" for="cookie-necessary">
                        <strong>{{ __('cookies.necessary') }}</strong>
                        <p class="text-muted small">{{ __('cookies.necessary_description') }}</p>
                    </label>
                </div>
                
                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" id="cookie-analytics">
                    <label class="form-check-label" for="cookie-analytics">
                        <strong>{{ __('cookies.analytics') }}</strong>
                        <p class="text-muted small">{{ __('cookies.analytics_description') }}</p>
                    </label>
                </div>
                
                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" id="cookie-marketing">
                    <label class="form-check-label" for="cookie-marketing">
                        <strong>{{ __('cookies.marketing') }}</strong>
                        <p class="text-muted small">{{ __('cookies.marketing_description') }}</p>
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn outline_button" data-bs-dismiss="modal">{{ __('cookies.cancel') }}</button>
                <button id="cookie-save-preferences" type="button" class="btn blue_button">{{ __('cookies.save_preferences') }}</button>
            </div>
        </div>
    </div>
</div>

<style>
.cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(10, 68, 121, 0.95);
    color: #fff;
    padding: 1rem;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.cookie-consent-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .cookie-consent-container {
        flex-direction: row;
        justify-content: space-between;
    }
}

.cookie-consent-text {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .cookie-consent-text {
        margin-bottom: 0;
        margin-right: 2rem;
        flex: 1;
    }
}

.cookie-consent-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.cookie-consent-banner h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.cookie-consent-banner p {
    font-size: 0.9rem;
    margin-bottom: 0;
}
</style>