@if (true && isset($participant) && $participant->is_congressiste == '1' && $participant->workshops->count() > 0)
    <div class="row mt-4">
        <div class="col-md-8">
            <table class="table table-bordered border-primary dt-responsive nowrap mt-3 recap">
                <tr class="text-white bg-primary">
                    <th>
                        Désignation
                    </th>
                    <th class="text-end">
                        Prix
                    </th>
                </tr>
                @foreach ($participant->workshops as $workshop)
                    @if ($workshop->workshop?->visible_be)
                        <tr>
                            <td>
                                {{ $workshop->workshop?->titre }}
                            </td>
                            <td class="text-end text-nowrap">
                                {{ $workshop->price }} TND
                            </td>
                        </tr>
                    @endif
                @endforeach
                <tr class="text-white bg-primary">
                    <th>
                        Total
                    </th>
                    <th class="text-end text-nowrap">
                        {{ $participant->total_price }}
                        TND
                    </th>
                </tr>
                <tr>
                    <th>
                        Moyen de paiement
                    </th>
                    <th class="text-end">
                        {{ $participant->paiement_mode }}
                    </th>
                </tr>
            </table>
        </div>
    </div>
@endif

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var checkbox = document.getElementById('is_congressiste');
        var congressisteDiv = document.querySelector('.only-for-congressiste');
        var notCongressisteDiv = document.querySelector('.not-congressiste');

        function toggleCongressisteFields() {
            var isChecked = checkbox.checked;
            var congressisteFields = congressisteDiv.querySelectorAll('input, select, textarea, radio');
            var notCongressisteFields = notCongressisteDiv.querySelectorAll('input, select, textarea, radio');

            congressisteFields.forEach(function(field) {
                if (!field.hasAttribute('data-locked')) {
                    field.disabled = !isChecked;
                }
            });

            notCongressisteFields.forEach(function(field) {
                field.disabled = isChecked;
            });

            if (isChecked) {
                congressisteDiv.style.display = 'block';
                notCongressisteDiv.style.display = 'none';
            } else {
                congressisteDiv.style.display = 'none';
                notCongressisteDiv.style.display = 'block';
            }

            document.getElementById('override-badge-label').disabled = true;
        }

        checkbox.addEventListener('change', toggleCongressisteFields);

        // Appel initial pour mettre à jour les champs
        toggleCongressisteFields();
    });
</script>


@if (!$event->is_quick_mode)
    <div class="row mt-4">
        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label class="col-form-label align-middle">Congressiste :</label>
                <input class="form-check form-switch" type="checkbox" name="is_congressiste" id="is_congressiste"
                    switch="bool" @if (!isset($participant) || (isset($participant) && $participant->is_congressiste == '1')) checked @endif>
                <label class="form-label switch-label align-middle mt-0 mb-0 ms-4" for="is_congressiste"
                    data-on-label="Oui" data-off-label="Non"></label>
            </div>
        </div>
    </div>

    <div class="not-congressiste">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label class="col-form-label fs-5 text-primary">Catégories
                        :</label>
                    <div class="form-check">
                        <input value="Exposant" data-badgelabel="{{ $event->default_badge_label_exposant }}"
                            class="form-check-input" type="radio" name="category" id="exposant"
                            {{ old('category', isset($participant) && $participant->category == 'Exposant' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="exposant">
                            Exposant
                        </label>
                    </div>
                    <div class="form-check">
                        <input value="Presse" data-badgelabel="{{ $event->default_badge_label_press }}"
                            class="form-check-input" type="radio" name="category" id="presse"
                            {{ old('category', isset($participant) && $participant->category == 'Presse' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="presse">
                            Presse
                        </label>
                    </div>
                    <div class="form-check">
                        <input value="ONG" data-badgelabel="" class="form-check-input" type="radio" name="category"
                            id="ong"
                            {{ old('category', isset($participant) && $participant->category == 'ONG' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="ong">
                            ONG
                        </label>
                    </div>
                    <div class="form-check">
                        <input value="Staff" data-badgelabel="{{ $event->default_badge_label_staff }}"
                            class="form-check-input" type="radio" name="category" id="staff"
                            {{ old('category', isset($participant) && $participant->category == 'Staff' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="staff">
                            Staff
                        </label>
                    </div>
                    <div class="form-check">
                        <input value="Team" data-badgelabel="{{ $event->default_badge_label_team }}"
                            class="form-check-input" type="radio" name="category" id="team"
                            {{ old('category', isset($participant) && $participant->category == 'Team' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="team">
                            Team
                        </label>
                    </div>
                    <div class="form-check">
                        <input value="Manager" data-badgelabel="{{ $event->default_badge_label_manager }}"
                            class="form-check-input" type="radio" name="category" id="manager"
                            {{ old('category', isset($participant) && $participant->category == 'Manager' ? 'checked' : '') }}
                            required>
                        <label class="form-check-label" for="manager">
                            Manager
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group exposant-block" style="display: none">
                    <label class="col-form-label fs-5 text-primary">Exposant
                        :</label>
                    <br>
                    <select name="exposant" id="select-exposant" class="form-control select2" style="width: 50%"
                        disabled required>
                        <option></option>
                        @foreach ($sponsors as $item)
                            <option value="{{ $item->name }}"
                                {{ old('organisme', isset($participant) && strtolower(trim($participant->organisme)) == strtolower(trim($item->name)) ? 'selected' : '') }}>
                                {{ $item->name }}</option>
                        @endforeach
                        @can('gestion_exposant_add')
                            <option id="exposant-autre" value="Autre">Autre</option>
                        @endcan
                    </select>
                    <div class="form-group" id="other-exposant-block" style="display: none; width: 50%">
                        <label class="col-form-label">Autre exposant : <span class="asterisk">*</span></label>
                        <input type="text" disabled value="" class="form-control" name="other_exposant"
                            id="other-exposant" autocomplete="off" required>
                        <div class="invalid-feedback">Le champ est obligatoire
                        </div>
                    </div>
                    <div class="invalid-feedback">L'exposant est obligatoire
                    </div>
                    <br>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-4">
                <label for="override-badge-label" class="col-form-label">Label
                    badge</label>
            </div>
            <div class="col-lg-3 col-md-3 d-flex align-items-center">
                <input type="hidden"id="already-overrided-badge-label"
                    value="{{ isset($participant) ? $participant->override_badge_label : '' }}">
                <input type="text" class="form-control mt-2" id="override-badge-label"
                    name="override_badge_label" value="" disabled>
                <button type="button" id="toggle-edit" class="ms-2 btn btn-outline-primary ml-2 mt-2">
                    <i class="fas fa-pencil-alt"></i>
                </button>
            </div>
        </div>
    </div>

    <div class="only-for-congressiste">
        <div class="row">
            @if ($event->has_adhesion)
                <div class="col-lg-12 col-md-12">
                    <div class="form-group">
                        <label class="col-form-label align-middle">Déjà adhérant :</label>
                        <input class="form-check form-switch" type="checkbox" name="isAd" id="isAd"
                            switch="bool" @if (isset($participant) && $participant->isAd == '1') checked @endif>
                        <label class="form-label switch-label align-middle mt-0 mb-0 ms-4" for="isAd"
                            data-on-label="Oui" data-off-label="Non"></label>
                    </div>
                </div>
            @endif

            @if ($event->has_resident)
                <div class="col-lg-12 col-md-12">
                    <div class="form-group">
                        <label class="col-form-label align-middle">En formation :</label>
                        <input class="form-check form-switch" type="checkbox" name="is_resident" id="is-resident"
                            switch="bool" @if (isset($participant) && $participant->is_resident == 1) checked @endif>
                        <label class="form-label switch-label align-middle mt-0 mb-0 ms-4" for="is-resident"
                            data-on-label="Oui" data-off-label="Non"></label>
                    </div>
                </div>
            @endif

            @php
                $preferentiel = 0;
                if ($event->has_before_date == 1 && $event->is_before_date_active == 1) {
                    $preferentiel = 1;
                } else {
                    $preferentiel = 0;
                }

                if (isset($participant)) {
                    if ($participant->is_before_date == 1) {
                        $preferentiel = 1;
                    } else {
                        $preferentiel = 0;
                    }
                }
            @endphp

            @if ($event->has_before_date)
                @can('gestion_change_preferentiel_price')
                    <div class="col-lg-12 col-md-12">
                        <div class="form-group">
                            <label class="col-form-label align-middle">Prix préférentiel
                                {{ $event->before_date_label ? $event->before_date_label : '' }} :</label>

                            <input class="form-check form-switch" type="checkbox" name="isBeforeDate"
                                id="is-preferential-price" switch="bool"
                                @if ($preferentiel) checked @endif>
                            <label class="form-label switch-label align-middle mt-0 mb-0 ms-4" for="is-preferential-price"
                                data-on-label="Oui" data-off-label="Non"></label>
                        </div>
                    </div>
                @endcan
            @endif

            @if ($event->has_bdc)
                <div class="col-lg-12 col-md-12">
                    <div class="form-group">
                        <label class="col-form-label align-middle">Bon de commande :</label>
                        <input class="form-check form-switch" type="checkbox" name="isBDC" id="isBDC"
                            switch="bool" @if (isset($participant) && $participant->isBDC == 1) checked @endif>
                        <label class="form-label switch-label align-middle mt-0 mb-0 ms-4" for="isBDC"
                            data-on-label="Oui" data-off-label="Non"></label>
                    </div>
                </div>
            @endif
        </div>

        <script>
            document.getElementById('toggle-edit').addEventListener('click', function() {
                const input = document.getElementById('override-badge-label');
                input.disabled = !input.disabled;
                if (!input.disabled) {
                    input.focus();
                }
            });

            document.addEventListener('DOMContentLoaded', function() {
                const setBadgeLabel = (radioButtons) => {
                    radioButtons.forEach(radio => {
                        if (radio.checked) {
                            const badgeLabel = radio.getAttribute('data-badgelabel');
                            const alreadyOverridedBadgeLabel = document.getElementById(
                                'already-overrided-badge-label').value;
                            const badgeLabelDisplay = alreadyOverridedBadgeLabel != '' ?
                                alreadyOverridedBadgeLabel :
                                badgeLabel;
                            document.getElementById('override-badge-label').value =
                                badgeLabelDisplay;
                        }
                    });
                };

                const radioButtons = document.querySelectorAll('input[name="category"]');
                setBadgeLabel(radioButtons);

                radioButtons.forEach(radio => {
                    radio.addEventListener('click', function() {
                        const badgeLabel = this.getAttribute('data-badgelabel');
                        document.getElementById('override-badge-label').value = badgeLabel;
                        console.log('badgeLabel : ' + badgeLabel);
                    });
                });

                const radioButtonsCommittee = document.querySelectorAll('input[name="committee"]');
                setBadgeLabel(radioButtonsCommittee);

                radioButtonsCommittee.forEach(radio => {
                    radio.addEventListener('click', function() {
                        const badgeLabel = this.getAttribute('data-badgelabel');
                        document.getElementById('override-badge-label').value = badgeLabel;
                        console.log('badgeLabel : ' + badgeLabel);
                    });
                });
            });

            const object = {
                @foreach ($event->workshops as $workshop)
                    {{ $workshop->id }}: {
                        price: {{ $workshop->prix }},
                        price_bdc: {{ $workshop->price_bdc }},
                        discount_is_resident: {{ $workshop->discount_is_resident }},
                        discount_is_adherent: {{ $workshop->discount_is_adherent }},
                        discount_before_date: {{ $workshop->discount_before_date }}
                    }
                    @if (!$loop->last)
                        ,
                    @endif
                @endforeach
            };
            // console.log(object);
            const isFee = !!{{ isset($participant) ? $participant->isFee : 0 }};
            const isAd = !!{{ isset($participant) ? $participant->isAd : 0 }};
            const isBeforeDate = !!({{ $preferentiel ? $preferentiel : 0 }});
            const isBDC = !!{{ isset($participant) ? $participant->isBDC : 0 }};
            const isResident = !!{{ isset($participant) ? $participant->is_resident : 0 }};

            function updatePrices(isFee, isAd, isBeforeDate, isBDC, isResident) {
                // const isPromo = isFee || isAd || isBeforeDate;

                // console.log("==================");
                // console.log("isFee : " + isFee);
                // console.log("isAd : " + isAd);
                // console.log("isBeforeDate : " + isBeforeDate);
                // console.log("isPromo : " + isPromo);
                console.log("isFeedfdf : " + isFee);
                console.log("isFee : " + isFee);
                console.log("isAd : " + isAd);
                console.log("isFee or isAd : " + isFee || isAd);
                console.log("isBeforeDate : " + isBeforeDate);
                console.log("isBDC : " + isBDC);
                console.log("isResident : " + isResident);
                console.log("==================");


                const workshops = document.querySelectorAll('.workshop-item');

                workshops.forEach(item => {
                    const workshopId = item.getAttribute('data-id');
                    const priceObj = object[workshopId];
                    let price = priceObj.price;
                    if (isFee || isAd) {
                        price = price - priceObj.discount_is_adherent;
                    }
                    if (isResident) {
                        price = price - priceObj.discount_is_resident;
                    }
                    if (isBeforeDate) {
                        price = price - priceObj.discount_before_date;
                    }
                    if (isBDC) {
                        price = priceObj.price_bdc;
                    }
                    document.getElementById('price_' + workshopId).textContent = price;
                    item.value = workshopId + "|" + (price);
                });
            }

            window.addEventListener('load', function() {
                updatePrices(isFee, isAd, isBeforeDate, isBDC, isResident);
            });
        </script>

        <div class="row mt-4">
            <div class="col-lg-12 col-md-12">
                <table class="table workshops-choice test">
                    @foreach ($workshops->groupBy('groupe')->sortBy(fn($group) => $group->first()->ordre) as $groupe => $workshopsGroup)
                        @php
                            $workshopsGroup = $workshopsGroup->sortBy('ordre');
                        @endphp
                        @if ($workshopsGroup->first()->header_visible == 1)
                            <tr style="background-color: {{ $workshopsGroup->first()->accent_color }}"
                                class="group-title">
                                <th class="align-middle">
                                    {{ $workshopsGroup->first()->label }}
                                </th>
                                <th class="align-middle text-center">
                                    Capacité
                                </th>
                                <th class="align-middle text-center">
                                    Disponible
                                </th>
                                <th class="align-middle text-center">
                                    Pré-inscrits
                                </th>
                                <th class="align-middle text-center">
                                    Validés
                                </th>
                                <th class="align-middle text-center">
                                    Présents
                                </th>
                                <th class="align-middle text-end">
                                    Prix
                                </th>
                            </tr>
                        @endif
                        @foreach ($workshopsGroup as $index => $workshop)
                            <tr class="workshop-row row-{{ $workshop->f2 }}">
                                <td class="workshop-title"
                                    style="background-color: {{ $workshop->couleur ? $workshop->couleur : '#f0f0f0' }}; color: {{ $workshop->text_color }};">

                                    <div class="form-check">
                                        @php
                                            $flag = $workshop->input == 'radio' ? $workshop->groupe : $workshop->id;
                                            if ($workshop->id == '311') {
                                                $flag = $workshop->id;
                                            }

                                            $capacityLeft = $workshop->capacity - $workshop->participants->count();
                                            $flagDisabled = $capacityLeft <= 0;
                                            $flagDisabled = false;

                                            // est-ce que le participant a déjà choisi ce workshop ?
                                            $isChecked = old(
                                                'workshop.' . $workshop->id,
                                                (isset($participant->workshops) &&
                                                    $participant->workshops
                                                        ->where('workshop_id', $workshop->id)
                                                        ->first()?->workshop_id == $workshop->id) ||
                                                    $workshop->input_pre_checked == 1,
                                            );
                                        @endphp

                                        {{-- Le input principal --}}
                                        <input value="{{ $workshop->id }}"
                                            class="form-check-input workshop-item {{ $workshop->f2 }}"
                                            type="{{ $workshop->id == '311' ? 'checkbox' : $workshop->input }}"
                                            name="workshop[{{ $flag }}]" id="workshop[{{ $workshop->id }}]"
                                            data-id="{{ $workshop->id }}" @checked($isChecked)
                                            {{-- On disable seulement si full ET non cochée --}}
                                            @if ($flagDisabled && !$isChecked) disabled
            data-locked="true" @endif
                                            @if ($flagDisabled && !$isChecked) style="display:none;" @endif>

                                        {{-- Si full et déjà sélectionné, on garde une hidden input pour soumettre --}}
                                        {{-- @if ($flagDisabled && $isChecked)
                                        <input type="hidden" name="workshop[{{ $flag }}]"
                                            value="{{ $workshop->id }}">
                                    @endif --}}

                                        <label class="form-check-label" for="workshop[{{ $workshop->id }}]">
                                            {{ $workshop->titre }}
                                        </label>
                                    </div>

                                </td>
                                <td class="workshop-stock align-middle text-center">
                                    <span class="badge bg-black"
                                        style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->capacity }}</span>
                                </td>
                                <td class="workshop-stock align-middle text-center">
                                    @if ($workshop->capacity - $workshop->participants->count() > 0)
                                        <span class="badge bg-success"
                                            style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->capacity - $workshop->participants->count() }}</span>
                                    @else
                                        <span class="badge bg-warning"
                                            style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">0</span>
                                    @endif
                                </td>
                                <td class="workshop-stock align-middle text-center">
                                    @if ($workshop->participants->count() <= $workshop->capacity)
                                        <span class="badge bg-primary"
                                            style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->participants->count() }}</span>
                                    @else
                                        <span class="badge bg-warning"
                                            style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->participants->count() }}</span>
                                    @endif
                                </td>
                                <td class="workshop-stock align-middle text-center">
                                    <span class="badge bg-success"
                                        style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->participants->whereNotNull('code')->where('code', '!=', '')->count() }}</span>
                                </td>
                                <td class="workshop-stock align-middle text-center">
                                    <span class="badge bg-info"
                                        style="{{ $workshop->f4 == 'not-in-dashboard' ? 'display: none' : '' }}">{{ $workshop->presentAndValidatedParticipants->count() }}</span>
                                </td>
                                <td class="workshop-price text-end"><span id="price_{{ $workshop->id }}"></span>
                                    TND
                                </td>
                            </tr>
                        @endforeach
                        @if ($workshopsGroup->first()->show_not_participate_choice)
                            <tr class="not-participate">
                                <td class="workshop-title" colspan="7">
                                    <div class="form-check">
                                        <input value="" class="form-check-input" type="radio"
                                            name="workshop[{{ $workshop->groupe }}]"
                                            id="workshop-{{ $groupe }}">
                                        <label class="form-check-label" for="workshop-{{ $groupe }}">
                                            Ne pas
                                            participer
                                        </label>
                                    </div>
                                </td>
                            </tr>
                            <script>
                                document.addEventListener('DOMContentLoaded', function() {
                                    // console.log($('input[name="workshop[{{ $workshop->groupe }}]"]:checked').length);
                                    if ($('input[name="workshop[{{ $workshop->groupe }}]"]:checked').length === 0) {
                                        $('#workshop-{{ $workshop->groupe }}').prop('checked', true);
                                    }
                                });
                            </script>
                        @endif
                    @endforeach
                </table>
            </div>
        </div>

        @if ($paimentModes->isNotEmpty())
            <div class="form-group">
                <label class="col-form-label">Mode de paiement : <span class="asterisk">*</span></label>
                @foreach ($paimentModes as $paimentMode)
                    <div class="form-check">
                        <input
                            {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? 'checked' : '') }}
                            value="{{ $paimentMode }}" class="form-check-input" type="radio"
                            name="paiement_mode" id="{{ Str::slug($paimentMode) }}" required>
                        <label class="form-check-label" for="{{ Str::slug($paimentMode) }}">
                            {{ $paimentMode }}
                        </label>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@else
    <input name="is_congressiste" id="is_congressiste" type="hidden" value="1">
@endif