@once
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
@endonce

<div id="trial-member-widget" class="trial-member-widget">
    <section id="trial-member-popup" class="trial-member-popup" aria-hidden="true" hidden>
        <div class="trial-member-popup-header">
            <h2>Coba Dulu, Gratis!</h2>
            <button type="button" class="trial-member-close" aria-label="Tutup form trial member">&times;</button>
        </div>

        <p>Nikmati latihan gratis di Fitness Plus Indonesia yang terkenal dengan alat berstandar internasional, fasilitas bintang lima, dan pelayanan yang sangat ramah.</p>

        <form class="free-trial-form" action="#" method="post">
            <div class="free-trial-grid">
                <div class="free-trial-field">
                    <label for="trial-first-name">Nama Depan</label>
                    <input id="trial-first-name" type="text" name="first_name" placeholder="Masukkan Nama Depan">
                </div>
                <div class="free-trial-field">
                    <label for="trial-last-name">Nama Belakang</label>
                    <input id="trial-last-name" type="text" name="last_name" placeholder="Masukkan Nama Belakang">
                </div>

                <div class="free-trial-field">
                    <label for="trial-email">Email</label>
                    <input id="trial-email" type="email" name="email" placeholder="Masukkan Email">
                </div>
                <div class="free-trial-field">
                    <label for="trial-phone">Nomor Ponsel</label>
                    <input id="trial-phone" type="tel" name="phone" placeholder="Masukkan Nomor Ponsel">
                </div>

                <div class="free-trial-field">
                    <label for="trial-club">Pilihan Klub</label>
                    <select id="trial-club" name="club" class="js-trial-select2" data-placeholder="Pilih Klub" data-search="true">
                        <option value="">Pilih Klub</option>
                        @php
                            $trialLocations = collect($locations ?? [])
                                ->filter(function ($item) {
                                    return !empty(data_get($item, 'branch_code')) && !empty(data_get($item, 'branch_name'));
                                })
                                ->values();
                        @endphp
                        @forelse ($trialLocations as $item)
                            <option value="{{ data_get($item, 'branch_code') }}">{{ data_get($item, 'branch_name') }}</option>
                        @empty
                            <option value="" disabled>Data klub belum tersedia</option>
                        @endforelse
                    </select>
                </div>
                <div class="free-trial-field">
                    <label for="trial-contact-time">Waktu Menghubungi</label>
                    <select id="trial-contact-time" name="contact_time" class="js-trial-select2" data-placeholder="Pilih Waktu Menghubungi" data-search="false">
                        <option value="">Pilih Waktu Menghubungi</option>
                        <option value="pagi">Pagi (08:00 - 11:00)</option>
                        <option value="siang">Siang (11:00 - 15:00)</option>
                        <option value="sore">Sore (15:00 - 19:00)</option>
                    </select>
                </div>
            </div>

            <div class="free-trial-actions">
                <button type="submit" class="free-trial-submit">Kirim</button>
            </div>
        </form>
    </section>
    <img src="{{ asset('themes1/images/hero/trial-member.png') }}" alt="Ilustrasi Free Trial" class="trial-member-image" role="button" tabindex="0" aria-controls="trial-member-popup" aria-expanded="false" aria-label="Buka form free trial">
    <button type="button" class="trial-member-toggle" aria-controls="trial-member-popup" aria-expanded="false">
        Free Trial
    </button>
</div>