@extends('events.layouts.app')
@section('title')
    {{ __('messages.events') }}
@endsection

@section('content')
    @isset($event)
        <section class="container">
            {!!$event->header!!}
        </section>
        <section class="container pt-1">
            <div>
                <div class="col col-sm-12">
                    <small class="text-muted">
                        <span>Date: </span>
                        <span>
                            {{ \Carbon\Carbon::parse($event->start_date)->format(currentDateFormat()) }}
                            :
                            {{ \Carbon\Carbon::parse($event->end_date)->format(currentDateFormat()) }}
                        </span>
                        <span> | </span>
                        <span>Venue: </span>
                        <span>{{$event->venue}}</span>
                    </small>
                </div>
            </div>
        </section>

        <section class="container pt-3">
            <form action="{{route('event.show', ['event' => $event->id])}}" class="form-inline row">
                {{-- @method('GET') --}}
                {{-- @csrf --}}
                <div class="form-group col-lg-6">
                    <select name="membership_id" class="form-control form-control-solid select2">
                        <option value="" class="text-center"> - I'm Not a Member - </option>
                        @foreach($memberships as $k => $v)
                            <option value="{{$v->id}}" class="text-left" {{($membership && $membership->id === $v->id) ? "selected='selected'" : null}}>
                                {{$v->client->user->first_name}}
                            </option>
                        @endforeach
                    </select>
                    <small class="form-text text-muted membership_id_help">If You are a Member, Plese select your ID before fill the Form</small>
                </div>
                <div class="form-group col-lg-6">
                    <button type="submit" class="btn btn-primary">Confirm identity</button>
                </div>
            </form>
        </section>

        <section class="container pt-3">
            <div>
                {{-- @include('flash::message') --}}
                @if (session()->has('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <strong>{{session()->get('success')}}</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                @if (session()->has('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>{{session()->get('error')}}</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
            </div>
            <form action="{{route('bookedEvent.store', ['event' => $event->id])}}" method="POST">
                {{-- @method('POST') --}}
                @csrf
                <input type="hidden" name="event_id" value="{{optional($event)->id}}" readonly="readonly"/>
                <input type="hidden" name="membership_id" value="{{optional($membership)->id}}" readonly="readonly"/>

                <div class="pt-3">
                    @if($event->eventAttributes)
                        @foreach ($event->eventAttributes as $k => $v)
                            @if ($v->input_type === $inputType::INPUT_TYPE_TEXT)
                                @php
                                    $html = $inputType->render(
                                        $v->input_type,
                                        [
                                            "type" => $v->input_type,
                                            "name" => "eventAttributes[{$v->id}]",
                                            "class" => "form-control form-control-sm",
                                            "required" => true,
                                            "value" => (optional($membership)->client && $v->id === 'c947749e-24b8-4292-8732-4139b5d4ccc1') ? optional($membership->client->user)->first_name : null
                                        ]
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="col-sm-12 control-label required"><strong>{{$v->name}}</strong></label>
                                    <div class="pt-2 col-sm-12">
                                        {!!$html!!}
                                    </div>
                                </div>
                            @endif

                            @if ($v->input_type === $inputType::INPUT_TYPE_EMAIL)
                                @php
                                    $html = $inputType->render(
                                        $v->input_type,
                                        [
                                            "type" => $v->input_type,
                                            "name" => "eventAttributes[{$v->id}]",
                                            "class" => "form-control form-control-sm",
                                            "required" => true
                                        ]
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="col-sm-12 control-label required"><strong>{{$v->name}}</strong></label>
                                    <div class="pt-2 col-sm-12">
                                        {!!$html!!}
                                    </div>
                                </div>
                            @endif

                            @if ($v->input_type === $inputType::INPUT_TYPE_NUMBER)
                                @php
                                    $html = $inputType->render(
                                        $v->input_type,
                                        [
                                            "type" => $v->input_type,
                                            "name" => "eventAttributes[{$v->id}]",
                                            "class" => "form-control form-control-sm",
                                            "required" => true
                                        ]
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="col-sm-12 control-label required"><strong>{{$v->name}}</strong></label>
                                    <div class="pt-2 col-sm-12">
                                        {!!$html!!}
                                    </div>
                                </div>
                            @endif

                            @if ($v->input_type === $inputType::INPUT_TYPE_SELECT)
                                @php
                                    $tempValue = explode(",", $v->value);
                                    $tempOptions = array_map("trim", $tempValue);
                                    $html = $inputType->render(
                                        $v->input_type,
                                        [
                                            "name" => "eventAttributes[{$v->id}]",
                                            "options" => $tempOptions,
                                            "class" => "form-control form-control-sm custom-select",
                                            "required" => true
                                        ]
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="col-sm-12 control-label font-weight-bold required"><strong>{{$v->name}}</strong></label>
                                    <div class="pt-2 col-sm-12">
                                        {!!$html!!}
                                    </div>
                                </div>
                            @endif

                            @if ($v->input_type === $inputType::INPUT_TYPE_PHONE)
                                @php
                                    $html = $inputType->render(
                                        $v->input_type,
                                        [
                                            "type" => $v->input_type,
                                            "name" => "eventAttributes[{$v->id}]",
                                            "class" => "form-control form-control-sm",
                                            "required" => true
                                        ]
                                    );
                                @endphp
                                <div class="form-group">
                                    <label class="col-sm-12 control-label required"><strong>{{$v->name}}</strong></label>
                                    <div class="pt-2 col-sm-12">
                                        {!!$html!!}
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    @endif
                </div>

                <div class="pt-3 form-group col-lg-6">
                        <label for="is_event_partner">Are you a sponsor?</label>
                        <input type="checkbox" name="is_event_partner" id="is_event_partner" class="" value="1">
                </div>

                <div class="pt-3 d-none row" id="sponsorships">
                    <div class="form-group col-lg-6">
                        <select name="event_partnership_category_id" class="form-control form-control-solid select2">
                            <option value="" class="text-center" data-number-of-free-delegates="0"> - Not a Sponsor - </option>
                            @if($event->eventPartnershipCategories)
                                @foreach($event->eventPartnershipCategories as $k => $v)
                                <option value="{{$v->id}}" class="text-left" data-number-of-free-delegates="{{$v->number_of_free_delegates}}">
                                    {{$v->name}}
                                </option>
                                @endforeach
                            @endif
                        </select>
                        <small class="form-text text-muted membership_id_help">Select if you are sponsoring this event.</small>
                    </div>

                    <div class="form-group col-lg-6">
                        <span class="text-left">Number of Free Delegates: </span>
                        <span class="number_of_free_delegates"></span>
                    </div>
                </div>

                @if(optional($membership)->id)
                <div class="pt-3">
                    <div class="overflow-auto table-responsive">
                        <table class="table align-middle table-borderless caption-top event-accommodations-table-participation-registered" width="100%">
                            <caption>Summit Fee [Members]</caption>
                            <colgroup>
                                <col class="col"/>
                                <col class="col"/>
                                <col class="col"/>
                            </colgroup>
                            <thead>
                                <tr>
                                    <th scope="col">Provider</th>
                                    <th scope="col">Fees</th>
                                    <th scope="col">Number of Delegates</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <span>
                                            Participation fee Only
                                        </span>
                                    </td>
                                    <td>
                                        <span>{{number_format($event->member_fee, 2, ".", ",")}}</span>
                                    </td>
                                    <td>
                                        <input type="number" data-fee="0" name="number_of_participation_fee_only_registered_delegates" class="form-control form-control-solid" step="1" min="0"/>
                                    </td>
                                </tr>
                                @if($event->eventAccommodations)
                                    @foreach($event->eventAccommodations as $k => $v)
                                        <tr>
                                            <td>
                                                <span>
                                                    Participation fee +
                                                    {{$v->accommodationProviderClassification->accommodationProvider->name}}
                                                    [{{$v->accommodationProviderClassification->name}}]
                                                </span>
                                            </td>
                                            <td>
                                                <span>{{number_format(($event->member_fee + $v->member_fee), 2, ".", ",")}}</span>
                                            </td>
                                            <td>
                                                <input type="number" data-fee="{{$v->member_fee}}" name="eventAccommodations[{{$bookingType::BOOKING_TYPE_PARTICIPATION}}][{{$memberType::MEMBER_TYPE_REGISTERED}}][{{$v->id}}]" class="form-control form-control-solid" step="1" min="0" max="{{$event->availableAccommodations($v->id)}}" {{($event->availableAccommodations($v->id) <= 0) ? "disabled='disabled'" : null}}/>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="2"><span class="text-right">Participation fee</span></td>
                                    <th><span class="participation_fee"></span></th>
                                    <input type="hidden" name="participation_fee" id="participation_fee">
                                </tr>
                                <tr>
                                    <td colspan="2"><span class="text-right">Total</span></td>
                                    <th><span class="sum"></span></th>
                                    <input type="hidden" name="total_fee" id="total_fee">
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                @endif

                @if(optional($membership)->id === null)
                <div class="pt-3">
                    <div class="overflow-auto table-responsive">
                        <table class="table align-middle table-borderless caption-top event-accommodations-table-participation-non-registered" width="100%">
                            <caption>Summit Fee [Non Members]</caption>
                            <colgroup>
                                <col class="col"/>
                                <col class="col"/>
                                <col class="col"/>
                            </colgroup>
                            <thead>
                                <tr>
                                    <th scope="col">Provider</th>
                                    <th scope="col">Fees</th>
                                    <th scope="col">Number of Delegates</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <span>
                                            Participation fee Only
                                        </span>
                                    </td>
                                    <td>
                                        <span>{{number_format($event->non_member_fee, 2, ".", ",")}}</span>
                                    </td>
                                    <td>
                                        <input type="number" data-fee="0" name="number_of_participation_fee_only_non_registered_delegates" class="form-control form-control-solid" step="1" min="0"/>
                                    </td>
                                </tr>
                                @if($event->eventAccommodations)
                                    @foreach($event->eventAccommodations as $k => $v)
                                        <tr>
                                            <td>
                                                <span>
                                                    Participation fee +
                                                    {{$v->accommodationProviderClassification->accommodationProvider->name}}
                                                    [{{$v->accommodationProviderClassification->name}}]
                                                </span>
                                            </td>
                                            <td>
                                                <span>{{number_format(($event->non_member_fee + $v->non_member_fee), 2, ".", ",")}}</span>
                                            </td>
                                            <td>
                                                <input type="number" data-fee="{{$v->non_member_fee}}" name="eventAccommodations[{{$bookingType::BOOKING_TYPE_PARTICIPATION}}][{{$memberType::MEMBER_TYPE_NON_REGISTERED}}][{{$v->id}}]" class="form-control form-control-solid" step="1" min="0" max="{{$event->availableAccommodations($v->id)}}" {{($event->availableAccommodations($v->id) <= 0) ? "disabled='disabled'" : null}}/>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="2"><span class="text-right">Participation fee</span></td>
                                    <th><span class="participation_fee"></span></th>
                                    <input type="hidden" name="participation_fee" id="participation_fee">
                                </tr>
                                <tr>
                                    <td colspan="2"><span class="text-right">Total</span></td>
                                    <th><span class="sum"></span></th>
                                    <input type="hidden" name="total_fee" id="total_fee">
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                @endif

                <div class="pt-3">
                    <div class="overflow-auto table-responsive">
                        <table class="table align-middle table-borderless caption-top event-delegate-attributes-table" width="100%">
                            <caption>Details of  Delegates</caption>
                            @if($event->eventDelegateAttributes)
                            <colgroup>
                                @foreach($event->eventDelegateAttributes as $k => $v)
                                <col class="col"/>
                                @endforeach
                            </colgroup>
                            <thead>
                                <tr>
                                    @foreach($event->eventDelegateAttributes as $k => $v)
                                    <th scope="col">{{$v->name}}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                {{--  --}}
                                {{--  --}}
                            </tbody>
                            @endif
                        </table>
                    </div>
                </div>

                <div class="pt-3">
                    <div class="form-group">
                        <div class="col">
                            <button type='submit' class='btn btn-primary me-3'>{{__('messages.common.save')}}</button>
                        </div>
                    </div>
                </div>
            </form>
        </section>

        <template id="eventDelegateAttributesTemplate">
            @if($event->eventDelegateAttributes)
                <tr>
                    @foreach($event->eventDelegateAttributes as $k => $v)
                        @php
                            $html = null;
                            if($v->input_type === $inputType::INPUT_TYPE_TEXT) {
                                $html = $inputType->render(
                                    $v->input_type,
                                    [
                                        "type" => $v->input_type,
                                        "name" => "eventDelegateAttributes",
                                        "class" => "form-control form-control-sm",
                                        "data-id" => "{$v->id}",
                                        "required" => true
                                    ]
                                );
                            } else if($v->input_type === $inputType::INPUT_TYPE_EMAIL) {
                                $html = $inputType->render(
                                    $v->input_type,
                                    [
                                        "type" => $v->input_type,
                                        "name" => "eventDelegateAttributes",
                                        "class" => "form-control form-control-sm",
                                        "data-id" => "{$v->id}",
                                        "required" => true
                                    ]
                                );
                            } else if($v->input_type === $inputType::INPUT_TYPE_NUMBER) {
                                $html = $inputType->render(
                                    $v->input_type,
                                    [
                                        "type" => $v->input_type,
                                        "name" => "eventDelegateAttributes",
                                        "class" => "form-control form-control-sm",
                                        "data-id" => "{$v->id}",
                                        "required" => true
                                    ]
                                );
                            } else if ($v->input_type === $inputType::INPUT_TYPE_SELECT) {
                                $tempValue = explode(",", $v->value);
                                $tempOptions = array_map("trim", $tempValue);
                                $html = $inputType->render(
                                    $v->input_type,
                                    [
                                        "name" => "eventDelegateAttributes",
                                        "options" => $tempOptions,
                                        "class" => "form-control form-control-sm custom-select",
                                        "data-id" => "{$v->id}",
                                        "required" => true
                                    ]
                                );
                            } else if($v->input_type === $inputType::INPUT_TYPE_PHONE) {
                                $html = $inputType->render(
                                    $v->input_type,
                                    [
                                        "type" => $v->input_type,
                                        "name" => "eventDelegateAttributes",
                                        "class" => "form-control form-control-sm",
                                        "data-id" => "{$v->id}",
                                        "required" => true
                                    ]
                                );
                            }
                        @endphp
                        <td>
                            {!!$html!!}
                        </td>
                    @endforeach
                </tr>
            @endif
        </template>

        <section class="container">
            {!!$event->description!!}
        </section>

        <section class="container">
            {!!$event->footer!!}
        </section>
    @endisset
@endsection

@push('scripts')
    <script>
        $(document).ready(function () {
            $('.select2').select2();
            $('#is_event_partner').change(function(){
                $(".select2[name='event_partnership_category_id']").val(null).trigger({
                    type: 'select2:select',
                    params: {}
                });
                if($(this).is(':checked')){
                    $('#sponsorships').removeClass('d-none');
                }else{
                    $('#sponsorships').addClass('d-none');
                }
            })
            $(".event-accommodations-table-accommodation-only-registered tbody tr").on('input', '.form-control', function () {
                calculateEventAccommodationsTableAccommodationOnlyRegisteredFee();
            });

            $(".event-accommodations-table-accommodation-only-non-registered tbody tr").on('input', '.form-control', function () {
                calculateEventAccommodationsAccommodationOnlyNonRegisteredFee();
            });

            $(".event-accommodations-table-participation-registered tbody tr").on('input', '.form-control', function () {
                calculateEventAccommodationsParticipationRegisteredFee();
            });

            $(".event-accommodations-table-participation-non-registered tbody tr").on('input', '.form-control', function () {
                calculateEventAccommodationsParticipationNonRegisteredFee();
            });

            $(".event-accommodations-table-participation-registered tbody tr").on('input', '.form-control', function () {
                let calculated_sum = calculateDelegates(".event-accommodations-table-participation-registered tbody tr .form-control");
                let eventDelegateAttributesTableBody = document.querySelector(".event-delegate-attributes-table tbody");
                /*
                while (eventDelegateAttributesTableBody.firstChild) {
                    eventDelegateAttributesTableBody.removeChild(eventDelegateAttributesTableBody.lastChild);
                }
                */
                eventDelegateAttributesTableBody.replaceChildren();
                for(let c=0; c<calculated_sum; c++) {
                    createEventDelegateAttributes(c);
                }
            });

            $(".event-accommodations-table-participation-non-registered tbody tr").on('input', '.form-control', function () {
                let calculated_sum = calculateDelegates(".event-accommodations-table-participation-non-registered tbody tr .form-control");
                let eventDelegateAttributesTableBody = document.querySelector(".event-delegate-attributes-table tbody");
                /*
                while (eventDelegateAttributesTableBody.firstChild) {
                    eventDelegateAttributesTableBody.removeChild(eventDelegateAttributesTableBody.lastChild);
                }
                */
                eventDelegateAttributesTableBody.replaceChildren();
                for(let c=0; c<calculated_sum; c++) {
                    createEventDelegateAttributes(c);
                }
            });

            $(".select2[name='event_partnership_category_id']").on('select2:select', function (e) {
                // let currentElement = $(this);
                // // let event_partnership_category_id = $("input[name='event_partnership_category_id']:checked").val();
                // let event_partnership_category_id = currentElement.val();
                // let numberOfFreeDelegates = currentElement.attr('data-number-of-free-delegates');
                let numberOfFreeDelegates = 0;
                let event_partnership_category = $(".select2[name='event_partnership_category_id']").select2().find(":selected");
                // let event_partnership_category_value = event_partnership_category.val();
                if ($.isNumeric(event_partnership_category.attr('data-number-of-free-delegates'))) {
                    numberOfFreeDelegates = parseInt(event_partnership_category.attr('data-number-of-free-delegates'));
                }
                $(".number_of_free_delegates").html(numberOfFreeDelegates);
                calculateEventAccommodationsParticipationRegisteredFee();
                calculateEventAccommodationsParticipationNonRegisteredFee();
            });
        });

        function createEventDelegateAttributes(key) {
            let eventDelegateAttributesTableBody = document.querySelector(".event-delegate-attributes-table tbody");
            let eventDelegateAttributesTemplate = document.querySelector('#eventDelegateAttributesTemplate');
            let eventDelegateAttributesTemplateContent = eventDelegateAttributesTemplate.content;
            let eventDelegateAttributesTemplateContentClone = eventDelegateAttributesTemplateContent.cloneNode(true);
            eventDelegateAttributesTemplateContentClone.querySelectorAll(".form-control").forEach(function (element, index, array) {
                let tempElementName = element.getAttribute("name");
                let tempElementDataId = element.getAttribute("data-id");
                element.setAttribute("name", `${tempElementName}[${key}][${tempElementDataId}]`);
            });
            eventDelegateAttributesTableBody.appendChild(eventDelegateAttributesTemplateContentClone);
        }

        function calculateEventAccommodationsTableAccommodationOnlyRegisteredFee() {
            let calculated_sum = 0;
            $(".event-accommodations-table-accommodation-only-registered tbody tr .form-control").each(function () {
                let input_value = $(this).val();
                let data_fee_value = $(this).attr("data-fee");
                if ($.isNumeric(input_value) && $.isNumeric(data_fee_value)) {
                    let parsed_input_value = parseInt(input_value);
                    let parsed_data_fee_value = parseFloat(data_fee_value);
                    calculated_sum += (parsed_input_value * parsed_data_fee_value);
                }
            });
            // let formatted_calculated_sum = calculated_sum.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            let formatted_calculated_sum = calculated_sum.toFixed(2);
            $(".event-accommodations-table-accommodation-only-registered tfoot tr .sum").html(formatted_calculated_sum);
            $("#sponsor_accommodation_fee").val(calculated_sum.toFixed(2));
            return calculated_sum;
        }

        function calculateEventAccommodationsAccommodationOnlyNonRegisteredFee() {
            let calculated_sum = 0;
            $(".event-accommodations-table-accommodation-only-non-registered tbody tr .form-control").each(function () {
                let input_value = $(this).val();
                let data_fee_value = $(this).attr("data-fee");
                if ($.isNumeric(input_value) && $.isNumeric(data_fee_value)) {
                    let parsed_input_value = parseInt(input_value);
                    let parsed_data_fee_value = parseFloat(data_fee_value);
                    calculated_sum += (parsed_input_value * parsed_data_fee_value);
                }
            });
            // let formatted_calculated_sum = calculated_sum.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            let formatted_calculated_sum = calculated_sum.toFixed(2);
            $(".event-accommodations-table-accommodation-only-non-registered tfoot tr .sum").html(formatted_calculated_sum);
            $("#sponsor_accommodation_fee").val(calculated_sum.toFixed(2));
            return calculated_sum;
        }

        function calculateEventAccommodationsParticipationRegisteredFee() {
            let calculated_sum = 0;
            let participationFee = 0;
            let numberOfFreeDelegates = 0;
            let calculatedParticipationFee = 0;
            if($.isNumeric("{{optional($event)->member_fee}}")) {
                participationFee = parseFloat("{{optional($event)->member_fee}}");
            }
            $(".event-accommodations-table-participation-registered tbody tr .form-control").each(function () {
                let input_value = $(this).val();
                let data_fee_value = $(this).attr("data-fee");
                if ($.isNumeric(input_value) && $.isNumeric(data_fee_value)) {
                    let parsed_input_value = parseInt(input_value);
                    let parsed_data_fee_value = parseFloat(data_fee_value);
                    calculated_sum += (parsed_input_value * parsed_data_fee_value);
                }
            });
            // let event_partnership_category = $("input[name='event_partnership_category_id']:checked");
            let event_partnership_category = $(".select2[name='event_partnership_category_id']").select2().find(":selected");
            // let event_partnership_category_value = event_partnership_category.val();
            if ($.isNumeric(event_partnership_category.attr('data-number-of-free-delegates'))) {
                numberOfFreeDelegates = parseInt(event_partnership_category.attr('data-number-of-free-delegates'));
            }
            let numberOfDelegates = calculateDelegates(".event-accommodations-table-participation-registered tbody tr .form-control");
            let delegateDiff = (numberOfDelegates - numberOfFreeDelegates);
            if(delegateDiff > 0) {
                calculatedParticipationFee = (delegateDiff * participationFee);
                calculated_sum += calculatedParticipationFee;
            }
            // let formatted_calculatedParticipationFee = calculatedParticipationFee.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            // let formatted_calculated_sum = calculated_sum.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            let formatted_calculatedParticipationFee = calculatedParticipationFee.toFixed(2);
            let formatted_calculated_sum = calculated_sum.toFixed(2);
            $(".event-accommodations-table-participation-registered tfoot tr .participation_fee").html(formatted_calculatedParticipationFee);
            $(".event-accommodations-table-participation-registered tfoot tr .sum").html(formatted_calculated_sum);
            $('#participation_fee').val(calculatedParticipationFee.toFixed(2));
            $('#total_fee').val(calculated_sum.toFixed(2));
            return calculated_sum;
        }

        function calculateEventAccommodationsParticipationNonRegisteredFee() {
            let calculated_sum = 0;
            let participationFee = 0;
            let numberOfFreeDelegates = 0;
            let calculatedParticipationFee = 0;
            if($.isNumeric("{{optional($event)->non_member_fee}}")) {
                participationFee = parseFloat("{{optional($event)->non_member_fee}}");
            }
            $(".event-accommodations-table-participation-non-registered tbody tr .form-control").each(function () {
                let input_value = $(this).val();
                let data_fee_value = $(this).attr("data-fee");
                if ($.isNumeric(input_value) && $.isNumeric(data_fee_value)) {
                    let parsed_input_value = parseInt(input_value);
                    let parsed_data_fee_value = parseFloat(data_fee_value);
                    calculated_sum += (parsed_input_value * parsed_data_fee_value);
                }
            });
            // let event_partnership_category = $("input[name='event_partnership_category_id']:checked");
            let event_partnership_category = $(".select2[name='event_partnership_category_id']").select2().find(":selected");
            // let event_partnership_category_value = event_partnership_category.val();
            if ($.isNumeric(event_partnership_category.attr('data-number-of-free-delegates'))) {
                numberOfFreeDelegates = parseInt(event_partnership_category.attr('data-number-of-free-delegates'));
            }
            let numberOfDelegates = calculateDelegates(".event-accommodations-table-participation-non-registered tbody tr .form-control");
            let delegateDiff = (numberOfDelegates - numberOfFreeDelegates);
            if(delegateDiff > 0) {
                calculatedParticipationFee = (delegateDiff * participationFee);
                calculated_sum += calculatedParticipationFee;
            }
            // let formatted_calculatedParticipationFee = calculatedParticipationFee.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            // let formatted_calculated_sum = calculated_sum.toLocaleString(locale = undefined, options = {minimumFractionDigits: 2});
            let formatted_calculatedParticipationFee = calculatedParticipationFee.toFixed(2);
            let formatted_calculated_sum = calculated_sum.toFixed(2);
            $(".event-accommodations-table-participation-non-registered tfoot tr .participation_fee").html(formatted_calculatedParticipationFee);
            $(".event-accommodations-table-participation-non-registered tfoot tr .sum").html(formatted_calculated_sum);
            $('#participation_fee').val(calculatedParticipationFee.toFixed(2));
            $('#total_fee').val(calculated_sum.toFixed(2));
            return calculated_sum;
        }

        function calculateDelegates(selector) {
            let calculated_sum = 0;
            $(selector).each(function () {
                let input_value = $(this).val();
                if ($.isNumeric(input_value)) {
                    let parsed_input_value = parseInt(input_value);
                    calculated_sum += parsed_input_value;
                }
            });
            return calculated_sum;
        }
    </script>
@endpush