@extends('layouts.master')
@section('title')
    @lang('translation.general-settings')
@endsection

@section('css')
    <!-- Select2 css-->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    <!-- Breadcrumb Trail -->
    @component('components.breadcrumb')
        @slot('li_1')
            @lang('translation.general-settings')
        @endslot
        @slot('title')
            @lang('translation.general-settings')
        @endslot
    @endcomponent

    <!-- Session Messages -->
    @include('partials.session')

    <!-- Add Form -->
    <div class="row">
        <div class="col-lg-7">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="my-3">
                            <form method="POST" action="{{ route('bitgo.old-wallets.trash') }}"
                                enctype="multipart/form-data">
                                @csrf
                                <button type="submit" class="btn btn-primary btn-sm">Trash old wallets address</button>
                            </form>
                        </div>
                        <form method="POST" action="{{ url('/system-setup/general-settings/store') }}"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Default Welcome Note</label>
                                <select name="default_welcome_note" class="form-control">
                                    @foreach ($welcome_notes as $welcome_note)
                                        <option value="{{ $welcome_note->note }}" @selected($welcome_note->note == get_settings('default_welcome_note'))>
                                            {{ mb_strimwidth($welcome_note->note, 0, 50, '...') }}</option>
                                    @endforeach

                                </select>
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Nowpayments API Key</label>
                                <input type="text" class="form-control" name="nowpayments_api_key"
                                    value="{{ get_settings('nowpayments_api_key') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="inactive_time" class="form-label">Inactive Time (Days)</label>
                                <input type="number" class="form-control" name="inactive_time"
                                    value="{{ get_settings('inactive_time') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">How many sweep coins to $1</label>
                                <input type="text" class="form-control" name="sweep_coins_rate"
                                    value="{{ get_settings('sweep_coins_rate') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Select withdrawable coin</label>
                                @php $assets = \App\Models\DigitalAsset::all(); @endphp

                                <select class="form-control" name="sweep_coins">
                                    @forelse ($assets as $asset)
                                        <option value="{{ $asset->id }}" {{ (get_settings('sweep_coins') == $asset->id) ? 'selected' : '' }}>
                                            {{ $asset->name }}
                                        </option>
                                    @empty
                                        <option selected>No digital asset found</option>
                                    @endforelse
                                </select>

                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Minimum withdrawal amount</label>
                                <input type="text" class="form-control" name="minimum_payout"
                                    value="{{ get_settings('minimum_payout') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Maximum withdrawal amount</label>
                                <input type="text" class="form-control" name="maximum_payout"
                                    value="{{ get_settings('maximum_payout') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Maximum daily withdrawal amount</label>
                                <input type="text" class="form-control" name="maximum_daily_payout"
                                    value="{{ get_settings('maximum_daily_payout') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Minimum deposit amount</label>
                                <input type="text" class="form-control" name="minimum_deposit"
                                    value="{{ get_settings('minimum_deposit') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="Description" class="form-label">Maximum deposit amount</label>
                                <input type="text" class="form-control" name="maximum_deposit"
                                    value="{{ get_settings('maximum_deposit') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="inactive_time" class="form-label">Percentage withdrawal charge</label>
                                <input type="number" class="form-control" name="float_withdrawal_charges"
                                    value="{{ get_settings('float_withdrawal_charges') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="inactive_time" class="form-label">Fixed withdrawal charge</label>
                                <input type="number" class="form-control" name="fixed_withdrawal_charges"
                                    value="{{ get_settings('fixed_withdrawal_charges') }}">
                            </div>
                            <div class="col-md-6 form-group mb-3">
                                <label for="BITGO_API_KEY" class="form-label">BITGO API KEY</label>
                                <input type="text" class="form-control" id="BITGO_API_KEY" name="BITGO_API_KEY"
                                    value="{{ getenv('BITGO_API_KEY') }}">
                            </div>


                            <div class="col-md-6 form-group mb-3">
                                <label for="delete_datetime">Enter Number of Days to Delete Ads History:</label>
                                <input type="number" class="form-control" id="delete_datetime" name="delete_datetime"
                                    value="{{ get_settings('delete_datetime') }}">
                            </div>

                            <div class="col-md-6 form-group mb-3">
                                <label for="geo_lite">Update Maxmind GeoLite2 Api key </label>
                                <input type="text" class="form-control" id="geo_lite" name="geo_lite"
                                    value="{{ get_settings('geo_lite') }}">
                                <small><a href="https://www.maxmind.com/en/geolite2/signup" target="_blank">Get free api
                                        key from here</a></small>
                            </div>

                            @if(auth()->user()->roles[0]->name == \App\Models\User::SuperAdmin)
                                <div class="col-md-6 form-group mb-3">
                                    <label for="guest_account_delete_after" class="form-label">Guest Account Delete After (Number of Days):</label>
                                    <input type="number" class="form-control" name="guest_account_delete_after"
                                           value="{{ get_settings('guest_account_delete_after') }}">
                                </div>
                            @endif

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="external_links">
                                <input class="form-check-input fa-2x" name="external_links" value="1"
                                    type="checkbox" id="external_linksChecked"
                                    {{ get_settings('external_links') ? 'checked' : '' }}>
                                <label class="form-check-label" for="external_linksChecked">Enable or Disable Game Links
                                    Section</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="backend_links">
                                <input class="form-check-input fa-2x" name="backend_links" value="1"
                                    type="checkbox" id="backend_linksChecked"
                                    {{ get_settings('backend_links') ? 'checked' : '' }}>
                                <label class="form-check-label" for="backend_linksChecked">Enable or Disable Backend Links
                                    Section</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="avatar">
                                <input class="form-check-input fa-2x" name="avatar" value="1" type="checkbox"
                                    id="avatarsChecked" {{ get_settings('avatar') ? 'checked' : '' }}>
                                <label class="form-check-label" for="avatarsChecked">Enable or Disable Avatar
                                    Feature</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="post_ads">
                                <input class="form-check-input fa-2x" name="post_ads" value="1" type="checkbox"
                                    id="post_adsChecked" {{ get_settings('post_ads') ? 'checked' : '' }}>
                                <label class="form-check-label" for="post_adsChecked">Enable or Disable Post Ads
                                    Section</label>
                            </div>


                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="ads_approval">
                                <input class="form-check-input fa-2x" name="ads_approval" value="1" type="checkbox"
                                    id="ads_approvalChecked" {{ get_settings('ads_approval') ? 'checked' : '' }}>
                                <label class="form-check-label" for="ads_approvalChecked">Enable or Disable Admin approval
                                    to Post Ads</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="now_payments">
                                <input class="form-check-input fa-2x" name="now_payments" value="1" type="checkbox"
                                    id="now_payments_tabChecked" {{ get_settings('now_payments') ? 'checked' : '' }}>
                                <label class="form-check-label" for="now_payments">Enable or Disable NowPayments</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="selfie_upload_button">
                                <input class="form-check-input fa-2x" name="selfie_upload_button" value="1" type="checkbox"
                                       id="selfie_upload_button" {{ get_settings('selfie_upload_button') ? 'checked' : '' }}>
                                <label class="form-check-label" for="selfie_upload_button">Enable or Disable Selfie Upload button</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="hide_show_store_quantity_button">
                                <input class="form-check-input fa-2x" name="hide_show_store_quantity_button" value="1" type="checkbox"
                                       id="hide_show_store_quantity_button" {{ get_settings('hide_show_store_quantity_button') ? 'checked' : '' }}>
                                <label class="form-check-label" for="hide_show_store_quantity_button">Hide/Show GC7 Store Quantity</label>
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3">
                                <input type="hidden" value="0" name="enable_guest_login">
                                <input class="form-check-input fa-2x" name="enable_guest_login" value="1" type="checkbox"
                                       id="enable_guest_login" {{ get_settings('enable_guest_login') ? 'checked' : '' }}>
                                <label class="form-check-label" for="enable_guest_login">Enable or Disable Guest Login</label>
                            </div>

                                                        <!-- <div class="form-check form-switch form-switch-md mb-3 p-0 d-flex justify-content-between">
                                <style>
                                    @media screen and (max-width: 768px) {
                                        .bingo-host-winner-range {
                                            width: 220px;
                                        }
                                    }

                                </style>
                                <span>Host (<span id="host_range_value">Host</span>)</span>
                                <input type="hidden" value="0" name="host_range_value">
                                <input type="range" name="host_range_value" min="0" max="100" value="5" class="bingo-host-winner-range" id="host_range">
                            </div>

                            <div class="form-check form-switch form-switch-md mb-3 p-0 d-flex justify-content-between">
                                <span>Winner (<span id="winner_range_value">Host</span>)</span>
                                <input type="hidden" value="0" name="winner_range_value">
                                <input type="range" name="winner_range_value" min="0" max="100" value="90" class="bingo-host-winner-range" id="winner_range">
                            </div> -->


                            <div class="col-md-6 form-group mb-3">
                                <img src="/{{ get_settings('chat_background_image') }}" alt="Chat Background"
                                    height="200px" width="200px">
                            </div>

                            <div class="col-md-6 form-group mb-3">
                                <label for="chat_background" class="form-label">Chat Background</label>
                                <input type="file" class="form-control" name="chat_background">
                            </div>

                            <div class="row">
                                <div class="col-md-6 form-group mb-3">
                                    <label for="Description" class="form-label">Email Body For User Account
                                        Verification</label>
                                    <textarea name="email_for_account_verification" class="form-control nicEdit" id="email_for_account_verification"
                                        cols="30" rows="7">{{ get_settings('email_for_account_verification') }}</textarea>
                                </div>

                                <div class="col-md-6 form-group mb-3">
                                    <label for="Description" class="form-label">Email Body For new Incomming
                                        Message</label>
                                    <textarea name="email_for_new_incomming_message" class="form-control nicEdit" id="email_for_new_incomming_message"
                                        cols="30" rows="7">{{ get_settings('email_for_new_incomming_message') }}</textarea>
                                </div>
                            </div>
                            @can('Edit General Settings')
                                <div class="col-md-12 form-group mb-2">
                                    <input type="submit" class="btn btn-success btn-sm">
                                </div>
                            @endcan

                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <form method="POST" action="{{ url('/system-setup/general-settings/image/store') }}"
                enctype="multipart/form-data">
                <div class="card">
                    <div class="card-body">
                        @csrf
                        @can('Update Logo In General Settings')
                            <div class="row">
                                <div class="col-9 form-group mb-3">
                                    <label for="logo" class="form-label">Upload Logo</label>
                                    <input type="file" class="form-control" name="logo" id="logo">
                                </div>
                                <div class="col-3">
                                    <label for="" class="form-label d-block">View Logo</label>
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary w-100" data-bs-toggle="modal"
                                        data-bs-target="#logoModal">
                                        <i class="ri-eye-line"></i>

                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="logoModal" tabindex="-1" aria-labelledby="logoModalLabel"
                                        aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="logoModalLabel">View Current Logo</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @if (
                                                        !empty($settings->where('key', \App\Models\GeneralSettings::SITELOGO)->first()) ||
                                                            $settings->where('key', \App\Models\GeneralSettings::SITELOGO)->first() != null)
                                                        <img src="{{ asset('') . $settings->where('key', \App\Models\GeneralSettings::SITELOGO)->first()->value }}"
                                                            alt="Current Logo" class="img-fluid">
                                                    @else
                                                        <img src="{{ asset('assets/images/gc7-logo.png') }}"
                                                            alt="Current Logo" class="img-fluid">
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan
                        @can('Update Login Image In General Settings')
                            <div class="row">
                                <div class="col-9 form-group mb-3">
                                    <label for="login_image" class="form-label">Login Image</label>
                                    <input type="file" class="form-control" name="login_image" id="login_image">
                                    <small class="text-danger">*For best result upload PNG image with resolution: 462 x 540px
                                        or aspect ratio: 77:90</small>
                                </div>
                                <div class="col-3">
                                    <label for="" class="form-label d-block">Login Image</label>
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary w-100" data-bs-toggle="modal"
                                        data-bs-target="#loginImageModal">
                                        <i class="ri-eye-line"></i>

                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="loginImageModal" tabindex="-1"
                                        aria-labelledby="loginImageModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="loginImageModalLabel">View Login Image</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @if (
                                                        !empty($settings->where('key', \App\Models\GeneralSettings::LOGINIMAGE)->first()) ||
                                                            $settings->where('key', \App\Models\GeneralSettings::LOGINIMAGE)->first() != null)
                                                        <img src="{{ asset('') . $settings->where('key', \App\Models\GeneralSettings::LOGINIMAGE)->first()->value }}"
                                                            alt="Login Image" class="img-fluid">
                                                    @else
                                                        <img src="{{ asset('assets/images/auth-one-bg.jpg') }}"
                                                            alt="Login Image" class="img-fluid">
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        @endcan

                        @can('Update Store Banner Image In General Settings')
                            <div class="row">
                                <div class="col-9 form-group mb-3">
                                    <label for="store_banner_image" class="form-label">Store Banner Image</label>
                                    <input type="file" class="form-control" name="store_banner_image"
                                        id="store_banner_image">
                                </div>
                                <div class="col-3">
                                    <label for="" class="form-label d-block">Store Banner Image</label>
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary w-100" data-bs-toggle="modal"
                                        data-bs-target="#bannerImageModal">
                                        <i class="ri-eye-line"></i>

                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="bannerImageModal" tabindex="-1"
                                        aria-labelledby="bannerImageModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="bannerImageModalLabel">View Banner Image</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @if (
                                                        !empty($settings->where('key', \App\Models\GeneralSettings::STOREBANNERIMAGE)->first()) ||
                                                            $settings->where('key', \App\Models\GeneralSettings::STOREBANNERIMAGE)->first() != null)
                                                        <img src="{{ asset('') . $settings->where('key', \App\Models\GeneralSettings::STOREBANNERIMAGE)->first()->value }}"
                                                            alt="Banner Image" class="img-fluid">
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        @endcan

                        @can('Update Cash Image In General Settings')
                            <div class="row">
                                <div class="col-9 form-group mb-3">
                                    <label for="cash_image" class="form-label">Cash Image</label>
                                    <input type="file" class="form-control" name="cash_image" id="cash_image">
                                </div>
                                <div class="col-3">
                                    <label for="" class="form-label d-block">Cash Image</label>
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary w-100" data-bs-toggle="modal"
                                        data-bs-target="#cashImageModal">
                                        <i class="ri-eye-line"></i>

                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="cashImageModal" tabindex="-1"
                                        aria-labelledby="cashImageModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="cashImageModalLabel">View Cash Image</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @if (
                                                        !empty($settings->where('key', \App\Models\GeneralSettings::CASHIMAGE)->first()) ||
                                                            $settings->where('key', \App\Models\GeneralSettings::CASHIMAGE)->first() != null)
                                                        <img src="{{ asset('') . $settings->where('key', \App\Models\GeneralSettings::CASHIMAGE)->first()->value }}"
                                                            alt="Cash Image" class="img-fluid">
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-bs-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        @endcan

                        @can('Update Dashboard Image In General Settings')
                            <div class="row">
                                <div class="col-12 form-group mt-2">
                                    <label for="dashboard_image" class="form-label">Dashboard Image</label>
                                </div>
                                <div class="col-12 form-group mb-3">
                                    <a href="{{route('dashboard.slider')}}" type="button" class="btn btn-primary w-25">
                                        <i class="ri-upload-2-fill"> Upload Images</i>
                                    </a>
                                </div>
                            </div>
                        @endcan

                        @canany(['Update Logo In General Settings', 'Update Login Image In General Settings', 'Update Store
                            Banner Image In General Settings', 'Update Cash Image In General Settings'])
                            <div class="row">
                                <div class="col-md-12 form-group mt-4">
                                    <input type="submit" value="Save" class="btn btn-success btn-sm">
                                </div>
                            </div>
                        @endcan

                    </div>
                </div>
            </form>

            @can('View States')
                <form method="POST" action="{{ url('/system-setup/general-settings/states/store') }}"
                    enctype="multipart/form-data">
                    <div class="card">
                        <div class="card-body">
                            @csrf
                            <div class="row">
                                <div class="col-12 form-group mb-3 d-flex">
                                    <label for="" class="form-label d-block col-6">Block States</label>
                                    <a class="col-6 link-primary text-end" href="{{ url('system-setup/states/list') }}">
                                        Manage States</a>
                                </div>
                                <div class="col-9 form-group mb-3">
                                    <small for="" class="form-label d-block">Add States below to block thier
                                        access</small>
                                    @php
                                        $states = \App\Models\State::all();
                                        $blockedStates = DB::table('blocked_states')->pluck('state')->toArray();
                                    @endphp

                                    <select class="js-example-basic-multiple" name="states[]" multiple="multiple">
                                        @foreach ($states as $state)
                                            <option {{ in_array($state->name, $blockedStates) ? 'selected' : '' }}>
                                                {{ $state->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            @canany(['Add States', 'Edit States', 'Delete States'])
                                <div class="row">
                                    <div class="col-md-12 form-group mt-2">
                                        <input type="submit" value="Save" class="btn btn-success btn-sm">
                                    </div>
                                </div>
                            @endcan
                        </div>
                    </div>
                </form>
            @endcan

            <form method="POST" action="{{ route('store.login.page.text') }}" enctype="multipart/form-data">
                <div class="card">
                    <div class="card-body">
                        @csrf
                        <div class="row">
                            <label for="" class="form-label d-block">Login Page Text</label>
                            <div class="col-9 form-group mb-3">
                                <textarea name="login_page_text" class="form-control nicEdit" id="login_page_text" cols="30" rows="7">{{ get_settings(\App\Models\GeneralSettings::login_page_text) }}</textarea>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 form-group mt-2">
                                <input type="submit" value="Save" class="btn btn-success btn-sm">
                            </div>
                        </div>
                    </div>
                </div>
            </form>


            @php
                $key = App\Models\GeneralSettings::PURCHASE_SOUND;
                $settings = App\Models\GeneralSettings::where('key', $key)->first();
                // If the sound is set in the settings table, use it, otherwise use the default sound
                $sound = $settings ? asset($settings->value) : asset('default_assets/sounds/coin.mp3');
            @endphp

            <form method="POST" action="{{ route('store.sound') }}" enctype="multipart/form-data">
                <div class="card">
                    <div class="card-body">
                        @csrf
                        <div class="row">
                            <label for="" class="form-label d-block">Purchase Sound</label>
                            <div class="col-9">
                                <input type="file" class="form-control" name="sound" id="sound">
                            </div>
                            <div class="col-3">
                                <button class="btn btn-primary preview-sound" type="button">
                                    <i class="ri-volume-up-fill"></i>
                                </button>
                            </div>
                        </div>
                        <input type="submit" value="Save" class="btn btn-success btn-sm mt-4">
                    </div>
                </div>
            </form>

        </div>
    </div>
@endsection

@section('script')
    <!-- jQuery CDN -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <!-- Select2 cdn -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('assets/js/pages/select2.init.js') }}"></script>
    <!-- Input Mask -->
    <script src="{{ URL::asset('assets/libs/cleave.js/cleave.js.min.js') }}"></script>
    <script src="{{ URL::asset('assets/js/pages/form-masks.init.js') }}"></script>
    <!-- App JS -->
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/nicEdit.js') }}"></script>
    <script>
        // bkLib.onDomLoaded(function() {
        $(".nicEdit").each(function(index) {
            $(this).attr("id", "nicEditor" + index);
            new nicEditor({
                fullPanel: true
            }).panelInstance('nicEditor' + index, {
                hasPanel: true
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            const button = document.querySelector('.preview-sound');
            const soundPath = "{{ $sound }}";

            button.addEventListener('click', function() {
                let audio = new Audio(soundPath);
                audio.play();
            });
        });


    </script>
@endsection