@extends('layouts.mobile')

@section('contents')
    @include('partials.mobile.navbar')
    <main class="form-signin w-100 m-auto py-5">
        <div class="min-h-100 d-flex w-100 align-items-center">
            <div class="w-100">
                <div class="text-center">
                    <img class="mb-4 img-fluid" src="{{ asset('assets/mobile/img/logo.png') }}" alt="" />
                </div>
                <div class="card login bg-glass mb-5">
                    <div class="card-body">
                        <form method="post">
                            @csrf
                            <h1 class="h5 text-center mb-3 fw-normal">Form Survey</h1>
                            <ul class="survey">
                                <li class="ask" id="q1">
                                    Apakah pernah menggunakan Koyo sebelumnya?
                                    <input type="hidden" name="question[1]"
                                        value="Apakah pernah menggunakan Koyo sebelumnya?" />
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a1" name="jawaban[1]"
                                            value="Pernah" onchange="chAsk('q2')">
                                        <label class="form-check-label" for="opt_a1">
                                            Pernah
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b1" name="jawaban[1]"
                                            value="Tidak Pernah" onchange="chAsk('q6')">
                                        <label class="form-check-label" for="opt_b1">
                                            Tidak Pernah
                                        </label>
                                    </div>
                                </li>
                                <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
                                    integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
                                <script>
                                    function mchk() {
                                        var txt = $('.q2[type="checkbox"]:checked').map(function() {
                                            return $(this).val();
                                        }).get()
                                        $('#jawaban_2').val(txt.join(','));
                                        if ($('.q2.a23').is(':checked')) {
                                            chAsk('q8');
                                        } else {
                                            chAsk('q3');
                                        }
                                        return false;
                                    }
                                </script>
                                <li class="ask d-none" id="q2">
                                    Apa merek koyo yang digunakan?
                                    <input type="hidden" name="question[2]" value="Apa merek koyo yang digunakan?" />
                                    <input type="hidden" id="jawaban_2" name="jawaban[2]" value="" />
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_a2" value="Salonpas Reguler">
                                        <label class="form-check-label" for="opt_a2">
                                            Salonpas Reguler
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_reg.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_b2" value="Salonpas Hot">
                                        <label class="form-check-label" for="opt_b2">
                                            Salonpas Hot
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_hot.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2 a23" onchange="mchk()" type="checkbox"
                                            id="opt_c2" value="Salonpas Extra Hot">
                                        <label class="form-check-label" for="opt_c2">
                                            Salonpas Extra Hot
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_extra_hot.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_d2" value="Koyo Cabe">
                                        <label class="form-check-label" for="opt_d2">
                                            Koyo Cabe
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/koyo_cabe.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_e2" value="Hansaplast Hangat">
                                        <label class="form-check-label" for="opt_e2">
                                            Hansaplast Hangat
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/hansaplast_hangat.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_f2" value="Hansaplast Panas">
                                        <label class="form-check-label" for="opt_f2">
                                            Hansaplast Panas
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/hansaplast_panas.jpg') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_g2" value="Takahi Hangat">
                                        <label class="form-check-label" for="opt_g2">
                                            Takahi Hangat
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/tkh.png') }}" class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_h2" value="Takahi Panas">
                                        <label class="form-check-label" for="opt_h2">
                                            Takahi Panas
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/tkp.png') }}" class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" onchange="mchk()" type="checkbox"
                                            id="opt_i2" value="Hot in koyo">
                                        <label class="form-check-label" for="opt_i2">
                                            Hot in koyo
                                            {{-- <br />
                                            <img src="{{ asset('assets/mobile/img/tkh.png') }}" class="img-fluid w-50" /> --}}
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input q2" type="checkbox" id="opt_j2"
                                            value="Lainnya" onchange="mchk()">
                                        <label class="form-check-label" for="opt_j2">
                                            Lainnya
                                        </label>
                                    </div>
                                </li>

                                <li class="ask d-none" id="q3">
                                    Diantara koyo yang pernah digunakan mana yang paling sering digunakan , 3 bulan
                                    terkahir?
                                    <input type="hidden" name="question[3]"
                                        value="Diantara koyo  yang pernah digunakan mana yang paling sering digunakan , 3 bulan terkahir?" />
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a3" name="jawaban[3]"
                                            value="Salonpas Reguler / Putih" onchange="_end()">
                                        <label class="form-check-label" for="opt_a3">
                                            Salonpas Reguler / Putih
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_reg.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b3" name="jawaban[3]"
                                            value="Salonpas Hot" onchange="_end()">
                                        <label class="form-check-label" for="opt_b3">
                                            Salonpas Hot / Merah
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_hot.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c3" name="jawaban[3]"
                                            value="Salonpas Extra Hot" onchange="chAsk('q7')">
                                        <label class="form-check-label" for="opt_c3">
                                            Salonpas Extra Hot / hitam
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_extra_hot.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d3" name="jawaban[3]"
                                            value="Koyo Cabe" onchange="chAsk('q4')">
                                        <label class="form-check-label" for="opt_d3">
                                            Koyo Cabe
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/koyo_cabe.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e3" name="jawaban[3]"
                                            value="Hansaplas Hangat" onchange="_end()">
                                        <label class="form-check-label" for="opt_e3">
                                            Hansaplas Hangat
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/hansaplast_hangat.png') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_f3" name="jawaban[3]"
                                            value="Hansaplas Panas" onchange="_end()">
                                        <label class="form-check-label" for="opt_f3">
                                            Hansaplas Panas
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/hansaplast_panas.jpg') }}"
                                                class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_g3" name="jawaban[3]"
                                            value="Takahi Hangat" onchange="_end()">
                                        <label class="form-check-label" for="opt_g3">
                                            Takahi Hangat
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/tkh.png') }}" class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_h3" name="jawaban[3]"
                                            value="Takahi Panas" onchange="_end()">
                                        <label class="form-check-label" for="opt_h3">
                                            Takahi Panas
                                            <br />
                                            <img src="{{ asset('assets/mobile/img/tkp.png') }}" class="img-fluid w-50" />
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_i3" name="jawaban[3]"
                                            value="Hot in koyo" onchange="_end()">
                                        <label class="form-check-label" for="opt_i3">
                                            Hot in koyo
                                            {{-- <br />
                                            <img src="{{ asset('assets/mobile/img/salonpas_extra_hot.png') }}"
                                                class="img-fluid w-50" /> --}}
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_j3" name="jawaban[3]"
                                            value="Lainnya" onchange="_end()">
                                        <label class="form-check-label" for="opt_j3">
                                            Lainnya
                                        </label>
                                    </div>
                                </li>

                                <li class="ask d-none" id="q4">
                                    Kenapa lebih sering pakai koyo cabe dibading koyo lainnya?
                                    <input type="hidden" name="question[4]"
                                        value="Kenapa lebih sering pakai koyo cabe dibading koyo lainnya?" />
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a4" name="jawaban[4]"
                                            value="Lebih panas dibanding koyo lainnya / lebih nendang"
                                            onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_a4">
                                            Lebih panas dibanding koyo lainnya / lebih nendang
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b4" name="jawaban[4]"
                                            value="Hansaplast Panas" onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_b4">
                                            Cocok klo lagi pegal banget
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c4" name="jawaban[4]"
                                            value="Ga gatal / ga bikin kulit merah / ga iritasi" onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_c4">
                                            Ga gatal / ga bikin kulit merah / ga iritasi
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d4" name="jawaban[4]"
                                            value="Nempelnya bagus" onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_d4">
                                            Nempelnya bagus
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e4" name="jawaban[4]"
                                            value="Direkomendasikan oleh pemilik toko / warung" onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_e4">
                                            Direkomendasikan oleh pemilik toko / warung
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_f4" name="jawaban[4]"
                                            value="Hanya tersedia  koyo cabe untuk koyo panas ditoko  tersebut"
                                            onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_f4">
                                            Hanya tersedia koyo cabe untuk koyo panas ditoko tersebut
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_g4" name="jawaban[4]"
                                            value="Lainnya" onchange="chAsk('q5')">
                                        <label class="form-check-label" for="opt_g4">
                                            Lainnya
                                        </label>
                                    </div>
                                </li>

                                <li class="ask d-none" id="q5">
                                    Biasanya kapan menggunakan koyo cabe?
                                    <input type="hidden" name="question[5]"
                                        value="Biasanya kapan menggunakan koyo cabe?" />
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a5" name="jawaban[5]"
                                            value="Sebelum kerja" onchange="_end()">
                                        <label class="form-check-label" for="opt_a5">
                                            Sebelum kerja
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b5" name="jawaban[5]"
                                            value="Setelah kerja" onchange="_end()">
                                        <label class="form-check-label" for="opt_b5">
                                            Setelah kerja
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c5" name="jawaban[5]"
                                            value="Pas kerja" onchange="_end()">
                                        <label class="form-check-label" for="opt_c5">
                                            Pas kerja
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d5" name="jawaban[5]"
                                            value="Sebelum tidur / istrirahat" onchange="_end()">
                                        <label class="form-check-label" for="opt_d5">
                                            Sebelum tidur / istrirahat
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e5" name="jawaban[5]"
                                            value="Lainnya" onchange="_end()">
                                        <label class="form-check-label" for="opt_e5">
                                            Lainnya
                                        </label>
                                    </div>
                                </li>

                                <li class="ask d-none" id="q6">
                                    <input type="hidden" name="question[6]"
                                        value="Jika pegal / nyeri otot , apa yang dilakukan atau product apa yang digunakan selain koyo" />
                                    Jika pegal / nyeri otot , apa yang dilakukan atau product apa yang digunakan selain koyo
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a6" name="jawaban[6]"
                                            value="dipijat / tradisional" onchange="_end()">
                                        <label class="form-check-label" for="opt_a6">
                                            dipijat / tradisional
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b6" name="jawaban[6]"
                                            value="Tidak pakai apa-apa  / istirahat aja" onchange="_end()">
                                        <label class="form-check-label" for="opt_b6">
                                            Tidak pakai apa-apa / istirahat aja
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c6" name="jawaban[6]"
                                            value="Pakai produk oles seperti  krim gel balsam atau minyak urut"
                                            onchange="_end()">
                                        <label class="form-check-label" for="opt_c6">
                                            Pakai produk oles seperti krim gel balsam atau minyak urut
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d6" name="jawaban[6]"
                                            value="Minum jamu" onchange="_end()">
                                        <label class="form-check-label" for="opt_d6">
                                            Minum jamu
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e6" name="jawaban[6]"
                                            value="Dikerok" onchange="_end()">
                                        <label class="form-check-label" for="opt_e6">
                                            Dikerok
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_f6" name="jawaban[6]"
                                            value="Lainnya" onchange="_shwtxt('txt_e6')">
                                        <label class="form-check-label" for="opt_f6">
                                            Lainnya
                                        </label>
                                        <div class="txt-other d-none txt_e6">
                                            <input type="text" class="form-control" id="opt_f6t"
                                                onkeyup="_chvl('opt_f6t', 'opt_f6')" onblur="_end()" />
                                        </div>
                                    </div>
                                </li>

                                <li class="ask d-none" id="q7">
                                    <input type="hidden" name="question[7]"
                                        value="Kenapa memilih salonpas extra HOT yang sering digunakan?" />
                                    Kenapa memilih salonpas extra HOT yang sering digunakan?
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a7" name="jawaban[7]"
                                            value="Karena lebih panas dibanding koyo lainnya  / suka koyo yang panas"
                                            onchange="_end()">
                                        <label class="form-check-label" for="opt_a7">
                                            Karena lebih panas dibanding koyo lainnya / suka koyo yang panas
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b7" name="jawaban[7]"
                                            value="Tidak berasa panas  pakai salonpas variant lain  / koyo lain"
                                            onchange="_end()">
                                        <label class="form-check-label" for="opt_b7">
                                            Tidak berasa panas pakai salonpas variant lain / koyo lain
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c7" name="jawaban[7]"
                                            value="Tidak gatal dan mengiritasi kulit" onchange="_end()">
                                        <label class="form-check-label" for="opt_c7">
                                            Tidak gatal dan mengiritasi kulit
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d7" name="jawaban[7]"
                                            value="Lebih cepat terasa panasnya" onchange="_end()">
                                        <label class="form-check-label" for="opt_d7">
                                            Lebih cepat terasa panasnya
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e7" name="jawaban[7]"
                                            value="Mudah didapatkan" onchange="_end()">
                                        <label class="form-check-label" for="opt_e7">
                                            Mudah didapatkan
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_f7" name="jawaban[7]"
                                            value="Lebih murah dibanding koyo panas lainnya" onchange="_end()">
                                        <label class="form-check-label" for="opt_f7">
                                            Lebih murah dibanding koyo panas lainnya
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_g7" name="jawaban[7]"
                                            value="Lainnya" onchange="_shwtxt('txt_g7')">
                                        <label class="form-check-label" for="opt_g7">
                                            Lainnya
                                        </label>
                                        <div class="txt-other d-none txt_g7">
                                            <input type="text" class="form-control" id="opt_g7t"
                                                onkeyup="_chvl('opt_g7t', 'opt_g7')" onblur="_end()" />
                                        </div>
                                    </div>

                                </li>
                                <li class="ask d-none" id="q8">
                                    Dari mana anda mengetahui Salonpas extra HOT
                                    <input type="hidden" name="question[8]"
                                        value="Dari mana anda mengetahui Salonpas extra HOT" />
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_a8" name="jawaban[8]"
                                            value="Iklan TV" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_a8">
                                            Iklan TV
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_b8" name="jawaban[8]"
                                            value="TIklan Radio" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_b8">
                                            Iklan Radio
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_c8" name="jawaban[8]"
                                            value="Iklan Digital (Youtube, IG, FB)" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_c8">
                                            Iklan Digital (Youtube, IG, FB)
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_d8" name="jawaban[8]"
                                            value="Karena mengenal bintang iklan iko uwais" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_d8">
                                            Karena mengenal bintang iklan iko uwais
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_e8" name="jawaban[8]"
                                            value="Pernah dapat samplenya" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_e8">
                                            Pernah dapat samplenya
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_f8" name="jawaban[8]"
                                            value="Lihat iklan /  promo di outlet" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_f8">
                                            Lihat iklan / promo di outlet
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_g8" name="jawaban[8]"
                                            value="Direkomendasikan oleh penjaga outlet / toko" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_g8">
                                            Direkomendasikan oleh penjaga outlet / toko
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" id="opt_h8" name="jawaban[8]"
                                            value="Lainnya" onchange="chAsk('q3')">
                                        <label class="form-check-label" for="opt_h8">
                                            Lainnya
                                        </label>
                                    </div>
                    </div>
                    </li>
                    </ul>

                    <div class="mb-4 px-3">
                        <button class="btn btn-primary w-100 py-2" data-next="q2" onclick="_next()" disabled="true"
                            type="button" id="next-button">Next</button>
                        <button class="btn btn-default w-100 py-2 d-none" id="submit" type="submit">Submit</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
        </div>
    </main>
@endsection

@push('scripts')
    <style>
        .form-check {
            display: block;
            padding: 10px 0px 10px 0;
            margin-bottom: 10px;
        }

        ul.survey {
            list-style: none;
        }
    </style>
    <script>
        // function chAsk(id) {
        //     const t = [].slice.call(
        //         document.querySelectorAll('.ask')
        //     )
        //     if (t) {
        //         const l = t.map((e) => {
        //             e.classList.add('d-none');
        //         })
        //     }
        //     document.querySelector('#' + id).classList.remove('d-none');
        // }

        function chAsk(id) {

            // document.querySelector('#' + id).classList.remove('d-none');
            document.querySelector('#next-button').removeAttribute('disabled')
            document.querySelector('#next-button').dataset.next = id
        }

        function _next() {
            const t = [].slice.call(
                document.querySelectorAll('.ask')
            )
            if (t) {
                const l = t.map((e) => {
                    e.classList.add('d-none');
                })
            }
            document.querySelector('#next-button').setAttribute('disabled', true)
            document.querySelector('#' + document.querySelector('#next-button').dataset.next).classList.remove('d-none')
        }

        function _end() {
            document.querySelector('#next-button').classList.add('d-none');
            document.querySelector('#submit').classList.remove('d-none');
            document.querySelector('#submit').classList.add('btn-purple');
        }

        function _shwtxt(c) {
            const t = [].slice.call(
                document.querySelectorAll('.txt-other')
            )
            if (t) {
                const l = t.map((e) => {
                    e.classList.add('d-none');
                })
            }
            document.querySelector('.' + c).classList.remove('d-none');
        }

        function _chvl(me, id) {
            document.querySelector('#' + id).value = document.querySelector('#' + me).value;
        }
    </script>
@endpush