@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 }}/refferal.png"> {{ _mt($moduleId,'ReferralCommission.Referral_Commission_Config') }}
    </h3>
    <form action="" method="post" autocomplete="off">
        <input type="hidden" value="{{ $moduleId }}" name="module_id">
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'ReferralCommission.Commission_Criteria') }}
                <span class="required"> * </span></div>
            <div class="col-md-8">
                <select class="form-control input-medium" name="module_data[criteria]" id="criteria">
                    <option value="entrolle"
                            @if($config->get('criteria') == 'entrolle') selected @endif>{{ _mt($moduleId,'ReferralCommission.Based_on_Entrolle_Package') }}
                    </option>
                    <option value="member"
                            @if($config->get('criteria') == 'member') selected @endif>{{ _mt($moduleId,'ReferralCommission.Based_on_Member_Package') }}
                    </option>
                    <option value="fixed"
                            @if($config->get('criteria') == 'fixed') selected @endif>{{ _mt($moduleId,'ReferralCommission.Fixed') }}
                    </option>
                </select>
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">
                <span class="type">@if($config->get('criteria') == 'fixed'){{ _mt($moduleId,'ReferralCommission.Amount') }}  @else {{ _mt($moduleId,'ReferralCommission.Rate') }}
                    (%) @endif</span><span class="required"> * </span>
            </div>
            <div class="col-md-8">
                <div class="inputHolder flex">
                    <i class="fa fa-money"></i>
                    <input type="number" name="module_data[rate]" value="{{ $config->get('rate') }}"
                           min="0" onkeypress="return event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57">
                </div>
            </div>
        </div>
        <div class="formField row">
            <div class="col-md-4">{{ _mt($moduleId,'ReferralCommission.To_Wallet') }}
                <span class="required"> * </span></div>
            <div class="col-md-8">
                <select class="walletSelect form-control input-medium" name="module_data[wallet]">
                    @foreach($wallets as $wallet)
                        <option value="{{ $wallet->moduleId }}"
                                @if($wallet->moduleId == $config->get('wallet')) selected @endif>{{ $wallet->registry['name'] }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="errorWrapper" style="display: none"></div>
    </form>
</div>

<script type="text/javascript">
    //to remove distribution type if fixed
    $("#criteria").change(function () {
        if ($(this).val() == 'fixed') {
            $('.type').html("{{ _mt($moduleId,'ReferralCommission.Amount') }}");
        } else {
            $('.type').html("{{ _mt($moduleId,'ReferralCommission.Rate') }} (%)");
        }
    });

    //select2
    $('select').select2({
        width: '100%'
    });
</script>