@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/step3') }}"
                                        class="needs-validation" novalidate>
                                        @csrf
                                        @foreach ($request->workshop as $item)
                                            @if ($item)
                                                <input type="hidden" name="workshop[]" value="{{ $item }}">
                                            @endif
                                        @endforeach
                                        @php
                                            $is_adherent = 0;
                                            $is_resident = 0;
                                            $is_fee = 0;
                                            $isBDC = 0;
                                            $preferentiel = 0;
                                            $showMasterclass = 0;
                                        @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">

                                        {{-- {{ dd($request, $request->workshop, $request->workshop['i'], explode('|', $request->workshop['i'])[0]) }}

                                        <p>request : {{ $request }}</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 = !!{{ $request->is_resident ? $request->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>
                                        <style>
                                            .workshops-choice .workshop-row td {
                                                background: inherit;
                                            }

                                            .workshops-choice .workshop-row label {
                                                color: #ffffff;
                                            }

                                            tbody,
                                            td,
                                            tfoot,
                                            th,
                                            thead,
                                            tr {
                                                border-style: none;
                                            }
                                        </style>
                                        <div class="row justify-content-md-center">
                                            <div class="col-md-8 col-lg-8">
                                                <table class="table workshops-choice event-{{ $event->slug }}">
                                                    @foreach ($workshops->groupBy('groupe') as $groupe => $workshopsGroup)
                                                        @if ($workshopsGroup->first()->f2 === 'formation')
                                                            @if ($workshopsGroup->first()->header_visible == 1)
                                                                <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)
                                                                <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>
                                                                            @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->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() >= 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>
                                                                        </div>
                                                                    </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="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>
                                                                <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
                                                        @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>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection