@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">
                                    <form method="POST" id="form1" name="form1"
                                        action="{{ url('/event/' . $event->slug . '/participate/step6') }}"
                                        class="needs-validation" onsubmit="return validateForm()" novalidate>
                                        @csrf
                                        @php
                                            $is_resident = 0;
                                            $is_msp = 0;
                                            $is_adherent = $request->isAd;
                                            $is_fee = $request->isFee;
                                            $isBDC = $request->isBDC;
                                            $preferentiel = 0;
                                            $showMasterclass = 0;

                                            if ($request->mode_exercice === '4') {
                                                $is_resident = 1;
                                            }

                                            if ($request->mode_exercice === '2') {
                                                $is_msp = 1;
                                            }

                                            /*
                                            if ($request->is_adherent_1 === '1') {
                                                $is_adherent = 0;
                                                $is_fee = 1;
                                            }

                                            if ($request->is_adherent_1 === '0') {
                                                $is_adherent = 0;
                                                $is_fee = 0;
                                            }

                                            if ($request->is_adherent_2 === '0') {
                                                $is_adherent = 0;
                                                $is_fee = 0;
                                            }

                                            if ($request->is_adherent_2 === '1') {
                                                $is_adherent = 1;
                                                $is_fee = 0;
                                            }

                                            if ($request->is_adherent_2 === '2') {
                                                $is_adherent = 0;
                                                $is_fee = 1;
                                            }

                                            if ($request->statut == 'isBDC') {
                                                $isBDC = 1;
                                            }

                                            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="is_resident" value="{{ $is_resident }}">
                                        <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->region : {{ $request->region }}</p> --}}

                                        {{-- {{ dd($request) }} --}}

                                        {{-- <p>request->is_adherent_1 : {!! $request->region->toString() !!}</p>
                                        <p>request->is_adherent_2 : {{ $request->is_adherent_2 }}</p> --}}

                                        {{-- <p>is_msp : {{ $is_msp }}</p>
                                        <p>is_resident : {{ $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 = !!{{ $is_resident ? $is_resident : 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()->header_visible == 1 && $workshopsGroup->first()->visible_fe == 1)
                                                            <tr style="background-color: {{ $workshopsGroup->first()->accent_color }}"
                                                                class="group-title">
                                                                <th colspan="2">
                                                                    {{ $workshopsGroup->first()->label2 }}
                                                                </th>
                                                            </tr>
                                                        @endif
                                                        @foreach ($workshopsGroup as $index => $workshop)
                                                            @if ($workshop->visible_fe === 1)
                                                                @if (!(!$is_fee && $workshop->f2 === 'adhesion2'))
                                                                    <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 == 'adhesion2' ? 'checked' : '') }}
                                                                                    value=""
                                                                                    class="form-check-input workshop-item {{ $workshop->f2 }} {{ $workshop->capacity - $workshop->participants->count() > 0 ? 'workshop-available' : 'workshop-disabled' }}"
                                                                                    type="{{ $workshop->f2 == 'adhesion2' ? 'radio' : $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>
                                                                                @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
                                                            @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>
    <script>
        function validateForm() {
            var checkboxes = document.querySelectorAll('.workshop-item.formation');
            var isChecked = false;

            for (var i = 0; i < checkboxes.length; i++) {
                if (checkboxes[i].checked) {
                    isChecked = true;
                    break;
                }
            }

            if (!isChecked) {
                return false;
            }

            return true;
        }
    </script>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection