@foreach($scripts as $script)
    <script type="text/javascript" src="{{ $script }}"></script>
@endforeach
@foreach($styles as $style)
    <link href="{{ $style }}" rel="stylesheet" type="text/css"/>
@endforeach

<div class="moduleSettingsWrapper">
    <h3><img src="{{ $imagePath }}/referralLink.png"> {{ _mt($moduleId,'ReferralLink.ReferralLink_Config') }}
    </h3>
    <form action="" method="post" autocomplete="off">
        <input type="hidden" value="{{ $moduleId }}" name="module_id">
        <div class="panel-body">
            <div class="eachField row">
                <div class="col-md-3">
                    <label>{{ _mt($moduleId,'ReferralLink.Enable_custom_name') }}</label>
                </div>
                <div class="col-md-9">
                    <div class="toggleSwitchWrapper">
                        <label>{{ _mt($moduleId,'ReferralLink.off') }}</label>
                        <div class="switch" data-target="replication">
                            <span class="trigger @if($config->get('custom_name') == '0') left @else  right @endif"></span>
                        </div>
                        <label>{{ _mt($moduleId,'ReferralLink.on') }}</label>
                        <input type="hidden" class="replication" name="module_data[custom_name]">
                    </div>
                </div>
            </div>
        </div>
        <div class="errorWrapper" style="display: none"></div>
    </form>
</div>

<script>
    $(function () {
        $('.toggleSwitchWrapper .switch').click(function () {
            let trigger = $(this).find('.trigger');
            switch ($(this).data('target')) {
                case 'replication':
                    if (trigger.hasClass('right')) {
                        trigger.removeClass('right');
                        $('.replication').val(0);
                    } else {
                        trigger.addClass('right');
                        $('.replication').val(1);
                    }
                    break;
            }
        });
    });
</script>