@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Demande de Pré-inscription
        @endslot
        @slot('li_1')
            Demande de Pré-inscription
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <div class="row justify-content-md-center">
                                        <div class="col-md-7 col-lg-7">
                                            <label class="col-form-label">Souhaitez-vous participer à un ou plusieurs
                                                ateliers de la journée ?</label>
                                            <form method="POST" id="form1" name="form1"
                                                action="{{ url('/event/' . $event->slug . '/participate/step2') }}"
                                                class="needs-validation" novalidate>
                                                @csrf
                                                @php
                                                    $is_adherent = 0;
                                                    $is_fee = 0;
                                                    $isBDC = 0;
                                                    $preferentiel = 0;
                                                    $showMasterclass = 0;

                                                    if (
                                                        $event->has_before_date == 1 &&
                                                        $event->is_before_date_active == 1
                                                    ) {
                                                        $preferentiel = 1;
                                                    } else {
                                                        $preferentiel = 0;
                                                    }
                                                    if ($is_adherent == 1 || $is_fee == 1) {
                                                        $showMasterclass = 1;
                                                    }
                                                @endphp
                                                <input type="hidden" name="isAd" value="{{ $is_adherent }}">
                                                <input type="hidden" name="isFee" value="{{ $is_fee }}">
                                                <input type="hidden" name="isBDC" value="{{ $isBDC }}">
                                                <input type="hidden" name="is_before_date" value="{{ $preferentiel }}">
                                                <input type="hidden" name="is_congressiste" value="1">
                                                {{-- <p>request->is_adherent_1 : {{ $request->is_adherent_1 }}</p>
                                        <p>request->is_adherent_2 : {{ $request->is_adherent_2 }}</p>
                                        <p>is_resident : {{ $request->is_resident }}</p>
                                        <p>is_adherent : {{ $is_adherent }}</p>
                                        <p>is_fee : {{ $is_fee }}</p>
                                        <p>isBDC : {{ $isBDC }}</p>
                                        <p>preferentiel : {{ $preferentiel }}</p>
                                        <p>showMasterclass : {{ $showMasterclass }}</p> --}}
                                                <script>
                                                    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
                                                    };
                                                    const isFee = !!{{ $is_fee ? $is_fee : 0 }};
                                                    const isAd = !!{{ $is_adherent ? $is_adherent : 0 }};
                                                    const isBeforeDate = !!({{ $preferentiel ? $preferentiel : 0 }});
                                                    const isBDC = !!{{ $isBDC ? $isBDC : 0 }};
                                                    const isResident = !!{{ 0 }};

                                                    function updatePrices(isFee, isAd, isBeforeDate, isBDC, isResident) {
                                                        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">
                                                    <div class="col-lg-12 col-md-12">
                                                        <table class="table workshops-choice event-{{ $event->slug }}">
                                                            @foreach ($workshops->groupBy('groupe') as $groupe => $workshopsGroup)
                                                                @if ($workshopsGroup->first()->type)
                                                                    <tr style="background-color: {{ $workshopsGroup->first()->accent_color }}"
                                                                        class="group-title">
                                                                        <th colspan="2">
                                                                            {{ $workshopsGroup->first()->label }}
                                                                        </th>
                                                                    </tr>
                                                                @endif
                                                                @foreach ($workshopsGroup as $index => $workshop)
                                                                    @if ($workshop->type)
                                                                        <tr class="workshop-row row-{{ $workshop->f2 }}">
                                                                            <td class="workshop-title"
                                                                                style="background-color: {{ $workshop->couleur ? $workshop->couleur : '#f0f0f0' }}; color: {{ $workshop->couleur ? '#ffffff' : '#5b626b' }}">
                                                                                <div class="form-check">
                                                                                    <input
                                                                                        {{ old('workshop[' . $workshop->id . ']', (isset($participant->workshops) && $participant->workshops->where('workshop_id', $workshop->id)->first()?->workshop_id == $workshop->id) || ($workshop->input_pre_checked == 1) | ($workshop->f2 == 'adhesion') ? 'checked' : '') }}
                                                                                        value=""
                                                                                        class="form-check-input workshop-item {{ $workshop->f2 }}"
                                                                                        type="{{ $workshop->input }}"
                                                                                        name="workshop[{{ $workshop->input == 'radio' ? $workshop->groupe : $workshop->id }}]"
                                                                                        id="workshop[{{ $workshop->id }}]"
                                                                                        data-id="{{ $workshop->id }}"
                                                                                        {{ $workshop->capacity - $workshop->participants->count() > 0 ? '' : 'disabled' }}>
                                                                                    <label class="form-check-label"
                                                                                        for="workshop[{{ $workshop->id }}]">
                                                                                        {{ $workshop->titre }}
                                                                                        @if ($workshop->has_details == 1)
                                                                                            <a class="btn-toggle"
                                                                                                id="toggle-{{ $workshop->id }}"
                                                                                                href="#"><i
                                                                                                    class="fa-solid fa-eye"></i>
                                                                                                Voir détails</a>
                                                                                        @endif
                                                                                    </label>
                                                                                    <div
                                                                                        class="workshop-stock-available mb-3">
                                                                                        @if ($workshop->capacity - $workshop->participants->count() >= 5)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">Plus
                                                                                                de 5
                                                                                                places disponibles</span>
                                                                                        @elseif($workshop->capacity - $workshop->participants->count() == 4)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">4
                                                                                                places
                                                                                                disponibles</span>
                                                                                        @elseif($workshop->capacity - $workshop->participants->count() == 3)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">3
                                                                                                places
                                                                                                disponibles</span>
                                                                                        @elseif($workshop->capacity - $workshop->participants->count() == 2)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">2
                                                                                                places
                                                                                                disponibles</span>
                                                                                        @elseif($workshop->capacity - $workshop->participants->count() == 1)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">1
                                                                                                place
                                                                                                disponible</span>
                                                                                        @else
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-warning text-white">Pas
                                                                                                de place
                                                                                                disponible</span>
                                                                                        @endif
                                                                                    </div>
                                                                                    @if ($workshop->description)
                                                                                        <div class="workshop-description">
                                                                                            {!! $workshop->description !!}
                                                                                        </div>
                                                                                    @endif
                                                                                </div>
                                                                                <div class="block-to-hide"
                                                                                    style="display: none"
                                                                                    id="block-toggle-{{ $workshop->id }}">
                                                                                    @if ($workshop->description_2)
                                                                                        <div class="workshop-description">
                                                                                            {!! $workshop->description_2 !!}
                                                                                        </div>
                                                                                    @endif
                                                                                    @if ($workshop->partner)
                                                                                        <div class="workshop-partner">
                                                                                            <span>Partenaire :
                                                                                            </span> {!! $workshop->partner !!}
                                                                                        </div>
                                                                                    @endif
                                                                                    @if ($workshop->thema_1_subject)
                                                                                        <div class="subject-title">Sujet
                                                                                            {{ !$workshop->thema_1_subject || $workshop->thema_2_subject || $workshop->thema_3_subject || $workshop->thema_4_subject || $workshop->thema_5_subject ? '1 ' : '' }}:
                                                                                        </div>
                                                                                        <div class="workshop-thema-subject">
                                                                                            {!! $workshop->thema_1_subject !!}
                                                                                        </div>
                                                                                        @if ($workshop->thema_1_speaker)
                                                                                            <div
                                                                                                class="workshop-thema-speaker">
                                                                                                Intervenant :
                                                                                                {!! $workshop->thema_1_speaker !!}
                                                                                            </div>
                                                                                        @endif
                                                                                    @endif
                                                                                    @if ($workshop->thema_2_subject)
                                                                                        <div class="subject-title">Sujet 2 :
                                                                                        </div>
                                                                                        <div class="workshop-thema-subject">
                                                                                            {!! $workshop->thema_2_subject !!}
                                                                                        </div>
                                                                                        @if ($workshop->thema_2_speaker)
                                                                                            <div
                                                                                                class="workshop-thema-speaker">
                                                                                                Intervenant :
                                                                                                {!! $workshop->thema_2_speaker !!}
                                                                                            </div>
                                                                                        @endif
                                                                                    @endif
                                                                                    @if ($workshop->thema_3_subject)
                                                                                        <div class="subject-title">Sujet 3 :
                                                                                        </div>
                                                                                        <div class="workshop-thema-subject">
                                                                                            {!! $workshop->thema_3_subject !!}
                                                                                        </div>
                                                                                        @if ($workshop->thema_3_speaker)
                                                                                            <div
                                                                                                class="workshop-thema-speaker">
                                                                                                Intervenant :
                                                                                                {!! $workshop->thema_3_speaker !!}
                                                                                            </div>
                                                                                        @endif
                                                                                    @endif
                                                                                    @if ($workshop->thema_4_subject)
                                                                                        <div class="subject-title">Sujet 4 :
                                                                                        </div>
                                                                                        <div class="workshop-thema-subject">
                                                                                            {!! $workshop->thema_4_subject !!}
                                                                                        </div>
                                                                                        @if ($workshop->thema_4_speaker)
                                                                                            <div
                                                                                                class="workshop-thema-speaker">
                                                                                                Intervenant :
                                                                                                {!! $workshop->thema_4_speaker !!}
                                                                                            </div>
                                                                                        @endif
                                                                                    @endif
                                                                                    @if ($workshop->thema_5_subject)
                                                                                        <div class="subject-title">Sujet 5 :
                                                                                        </div>
                                                                                        <div class="workshop-thema-subject">
                                                                                            {!! $workshop->thema_5_subject !!}
                                                                                        </div>
                                                                                        @if ($workshop->thema_5_speaker)
                                                                                            <div
                                                                                                class="workshop-thema-speaker">
                                                                                                Intervenant :
                                                                                                {!! $workshop->thema_5_speaker !!}
                                                                                            </div>
                                                                                        @endif
                                                                                    @endif
                                                                                    @if ($workshop->salle)
                                                                                        <div class="workshop-salle">
                                                                                            <span>Salle :
                                                                                            </span> {!! $workshop->salle !!}
                                                                                        </div>
                                                                                    @endif
                                                                                    <div class="workshop-stock-available">
                                                                                        @if ($workshop->capacity - $workshop->participants->count() > 0)
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-success">{{ $workshop->capacity - $workshop->participants->count() }}
                                                                                                place{{ $workshop->capacity - $workshop->participants->count() == 1 ? '' : 's' }}
                                                                                                disponible{{ $workshop->capacity - $workshop->participants->count() == 1 ? '' : 's' }}</span>
                                                                                        @else
                                                                                            <span
                                                                                                style="font-weight: normal; display: inline;"
                                                                                                class="badge bg-warning text-white">Pas
                                                                                                de place
                                                                                                disponible</span>
                                                                                        @endif
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td class="workshop-price text-end"><span
                                                                                    id="price_{{ $workshop->id }}"></span>
                                                                                TND
                                                                            </td>
                                                                        </tr>
                                                                    @endif
                                                                @endforeach
                                                                @if ($workshopsGroup->first()->show_not_participate_choice)
                                                                    <tr class="not-participate">
                                                                        <td class="workshop-title" colspan="2">
                                                                            <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>
                                                                @endif
                                                            @endforeach
                                                        </table>
                                                    </div>
                                                </div>
                                                <div class="row justify-content-md-center mt-3">
                                                    <div class="col-lg-3 col-md-4 col-md-auto">
                                                        <button class="btn btn-success w-100 login-btn"
                                                            type="submit">Suivant</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const form = document.getElementById('form1');
        const checkboxes = document.querySelectorAll('.workshop-item');
        const defaultAction = "{{ url('/event/' . $event->slug . '/participate/save') }}";
        const step2Action = "{{ url('/event/' . $event->slug . '/participate/step2') }}";

        function updateFormAction() {
            let atLeastOneChecked = false;
            checkboxes.forEach(cb => {
                if (cb.checked) {
                    atLeastOneChecked = true;
                }
            });

            form.action = atLeastOneChecked ? step2Action : defaultAction;
        }

        checkboxes.forEach(cb => {
            cb.addEventListener('change', updateFormAction);
        });

        // Pour initialiser au chargement si besoin
        updateFormAction();
    });
</script>