@extends('layout.b2c')
@section('title', 'Krojač B2C | Kurs')

@section('content')

    @include('front.purchase.partials._top-title-section')

    @include('front.purchase.partials._purchase-section')

    <!-- Footer -->
    {{-- @include('inc.B2C._footer') --}}
    @include('front.partials.index_b2c._footer')
    <!--- page-wrapper end -->

@endsection

@section('modals-and-offcanvas')
    @include('front.buy_subscribe.partials._modal-dodaj-adresu')
@endsection

@section('add-scripts')
    @parent
    <!-- Dodavanje na Medium Check klase checked za izabrani radio input -->
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            // Find all radio inputs
            const radioInputs = document.querySelectorAll('input[name="payment_method"]');
            const chosenPaymentMethodLableElement = document.querySelector("#chosen_payment_method_name_label")
            // Add event listener for each radio input
            radioInputs.forEach(radio => {
                radio.addEventListener('change', function() {
                    document.querySelector("#chosen_payment_method_name").innerHTML = JSON.parse(
                        radio.dataset.payment_method).name
                    // Remove class 'checked' from all large-check elements
                    document.querySelectorAll('.medium-check').forEach(check => {
                        check.classList.remove('checked');
                    });

                    if(chosenPaymentMethodLableElement) {
                        chosenPaymentMethodLableElement.innerHTML = JSON.parse(radio.dataset.payment_method).value == 'kreditna_kartica' ? 'Automatska obnova, može se isključiti u bilo kom trenutku' : 'Obnova nije automatska, dobićete podsetnik putem mejla';
                    }

                    // Add class 'checked' only on selected element
                    if (this.checked) {
                        this.closest('.medium-check').classList.add('checked');
                    }
                });
            });
        });
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('kupovina-store-form');

            form.addEventListener('submit', function(e) {
                let errors = [];
                let isValid = true;

                // Provera radio dugmadi
                const paymentMethod = document.querySelector('input[name="payment_method"]:checked');

                if (!paymentMethod) {
                    isValid = false;
                    errors = [...errors, "Nije izabran način plaćanja."];
                }

                // Provera input polja
                // const fields = ['address', 'country', 'city', 'post_code'];

                // fields.forEach(fieldName => {
                //     const field = document.getElementById(fieldName);
                //     if (!field.value.trim()) {
                //         isValid = false;
                //     } else {
                //         field.classList.remove('is-invalid');
                //     }
                // });

                if (!isValid) {
                    e.preventDefault(); // Sprečava slanje forme
                    alert(errors.join(','))
                }
            });
        });
    </script>
@endsection