{include file="sections/header.tpl"}
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12 col-md-12">
                        <div class="card card-primary card-hovered card-stacked mb30">
                            <div class="card-header">{Lang::T('Edit Service Plan')} || {$d['name_plan']}</div>
                            <div class="card-body">
                                <form class="form-horizontal" method="post" role="form" action="{$_url}services/edit-post">
                                    <input type="hidden" name="id" value="{$d['id']}">
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Status')}</label>
                                        <div class="col-md-10">
                                            <input type="radio" name="enabled" value="1" {if $d['enabled'] == 1}checked{/if}> Enable
                                            <input type="radio" name="enabled" value="0" {if $d['enabled'] == 0}checked{/if}> Disable
                                        </div>
                                    </div>
                 
                
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Type')}</label>
                                        <div class="col-md-10">
                                            <input type="radio" name="prepaid" onclick="prePaid()" value="yes"
                                                {if $d['prepaid'] == yes}checked{/if}>
                                            Prepaid
                                            <input type="radio" name="prepaid" onclick="postPaid()" value="no"
                                                {if $d['prepaid'] == no}checked{/if}> Postpaid
                                        </div>
                                    </div>
                
                                     <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Plan Type')}</label>
                                        <div class="col-md-10">
                                            <input type="radio" name="plan_type"   value="Personal"
                                                {if $d['plan_type'] == 'Personal'}checked{/if}>
                                            Personal
                                            <input type="radio" name="plan_type"   value="Business"
                                                {if $d['plan_type'] == 'Business'}checked{/if}> Business
                                        </div>
                                    </div>
                
                
                                    {if $_c['radius_enable'] and $d['is_radius']}
                                        <div class="form-group row">
                                            <label class="col-md-2 control-label">Radius</label>
                                            <div class="col-md-10">
                                                <label class="label label-primary">RADIUS</label>
                                            </div>
                                        </div>
                                    {/if}
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Plan Name')}</label>
                                        <div class="col-md-6">
                                            <input type="text" class="form-control" id="name" name="name" maxlength="40"
                                                value="{$d['name_plan']}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Plan Type')}</label>
                                        <div class="col-md-10">
                                            <input type="radio" id="Unlimited" name="typebp" value="Unlimited"
                                                {if $d['typebp'] eq 'Unlimited'} checked {/if}> {Lang::T('Unlimited')}
                                            <input type="radio" id="Limited" {if $_c['radius_enable'] and $d['is_radius']}disabled{/if}
                                                name="typebp" value="Limited" {if $d['typebp'] eq 'Limited'} checked {/if}>
                                            {Lang::T('Limited')}
                                        </div>
                                    </div>
                                    <div {if $d['typebp'] eq 'Unlimited'} style="display:none;" {/if} id="Type">
                                        <div class="form-group row">
                                            <label class="col-md-2 control-label">{Lang::T('Limit Type')}</label>
                                            <div class="col-md-10">
                                                <input type="radio" id="Time_Limit" name="limit_type" value="Time_Limit"
                                                    {if $d['limit_type'] eq 'Time_Limit'} checked {/if}> {Lang::T('Time Limit')}
                                                <input type="radio" id="Data_Limit" name="limit_type" value="Data_Limit"
                                                    {if $d['limit_type'] eq 'Data_Limit'} checked {/if}> {Lang::T('Data Limit')}
                                                <input type="radio" id="Both_Limit" name="limit_type" value="Both_Limit"
                                                    {if $d['limit_type'] eq 'Both_Limit'} checked {/if}> {Lang::T('Both Limit')}
                                            </div>
                                        </div>
                                    </div>
                                    <div {if $d['typebp'] eq 'Unlimited'} style="display:none;"
                                    {elseif ($d['time_limit']) eq '0'}
                                        style="display:none;" {/if} id="TimeLimit">
                                        <div class="form-group row">
                                            <label class="col-md-2 control-label">{Lang::T('Time Limit')}</label>
                                            <div class="col-md-4">
                                                <input type="text" class="form-control" id="time_limit" name="time_limit"
                                                    value="{$d['time_limit']}">
                                            </div>
                                            <div class="col-md-2">
                                                <select class="form-select" style="height: 52px; background-color: white;" id="time_unit" name="time_unit">
                                                    <option value="Hrs" {if $d['time_unit'] eq 'Hrs'} selected {/if}>{Lang::T('Hrs')}
                                                    </option>
                                                    <option value="Mins" {if $d['time_unit'] eq 'Mins'} selected {/if}>{Lang::T('Mins')}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div {if $d['typebp'] eq 'Unlimited'} style="display:none;"
                                    {elseif ($d['data_limit']) eq '0'}
                                        style="display:none;" {/if} id="DataLimit">
                                        <div class="form-group row">
                                            <label class="col-md-2 control-label">{Lang::T('Data Limit')}</label>
                                            <div class="col-md-4">
                                                <input type="text" class="form-control" id="data_limit" name="data_limit"
                                                    value="{$d['data_limit']}">
                                            </div>
                                            <div class="col-md-2">
                                                <select class="form-select" style="height: 52px; background-color: white;" id="data_unit" name="data_unit">
                                                    <option value="MB" {if $d['data_unit'] eq 'MB'} selected {/if}>MBs</option>
                                                    <option value="GB" {if $d['data_unit'] eq 'GB'} selected {/if}>GBs</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label"><a
                                                href="{$_url}bandwidth/add">{Lang::T('Bandwidth Name')}</a></label>
                                        <div class="col-md-6">
                                            <select id="id_bw" name="id_bw" class="form-select" style="height: 52px; background-color: white;">
                                                {foreach $b as $bs}
                                                    <option value="{$bs['id']}" {if $d['id_bw'] eq $bs['id']} selected {/if}>
                                                        {$bs['name_bw']}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Plan Price')}</label>
                                        <div class="col-md-6">
                                            <div class="input-group">
                                                <span class="input-group-text" id="basic-addon1">{$_c['currency_code']}</span>
                                                <input type="number" class="form-control" name="price" value="{$d['price']}" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Shared Users')}</label>
                                        <div class="col-md-6">
                                            <input type="text" class="form-control" id="sharedusers" name="sharedusers"
                                                value="{$d['shared_users']}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label">{Lang::T('Plan Validity')}</label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="validity" name="validity"
                                                value="{$d['validity']}">
                                        </div>
                                        <div class="col-md-2">
                                            <select class="form-select" style="height: 52px; background-color: white;" id="validity_unit" name="validity_unit">
                                                {if $d['prepaid'] == yes}
                                                    <option value="Mins" {if $d['validity_unit'] eq 'Mins'} selected {/if}>{Lang::T('Mins')}
                                                    </option>
                                                    <option value="Hrs" {if $d['validity_unit'] eq 'Hrs'} selected {/if}>{Lang::T('Hrs')}
                                                    </option>
                                                    <option value="Days" {if $d['validity_unit'] eq 'Days'} selected {/if}>{Lang::T('Days')}
                                                    </option>
                                                    <option value="Months" {if $d['validity_unit'] eq 'Months'} selected {/if}>
                                                        {Lang::T('Months')}</option>
                                                {else}
                                                    <option value="Period" {if $d['validity_unit'] eq 'Period'} selected {/if}>
                                                        {Lang::T('Period')}</option>
                                                {/if}
                                            </select>
                                        </div>
                                        <p class="help-block col-md-4">{Lang::T('1 Period = 1 Month, Expires the 20th of each month')}
                                        </p>
                                    </div>
                                    <span id="routerChoose" class="{if $d['is_radius']}hidden{/if}">
                                        <div class="form-group row">
                                            <label class="col-md-2 control-label"><a
                                                    href="{$_url}routers/add">{Lang::T('Router Name')}</a></label>
                                            <div class="col-md-6">
                                                <input type="text" class="form-control" id="routers" name="routers"
                                                    value="{$d['routers']}" readonly>
                                            </div>
                                        </div>
                                    </span>
                                    <legend>{Lang::T('Expired Action')} <sub>{Lang::T('Optional')}</sub></legend>
                                    <div class="form-group row">
                                        <label class="col-md-2 control-label"><a
                                                href="{$_url}pool/add">{Lang::T('Expired IP Pool')}</a></label>
                                        <div class="col-md-6">
                                            <select id="pool_expired" name="pool_expired" class="form-select" style="height: 52px; background-color: white;">
                                                <option value=''>{Lang::T('Select Pool')}</option>
                                                {foreach $p as $ps}
                                                    <option value="{$ps['pool_name']}" {if $d['pool_expired'] eq $ps['pool_name']} selected
                                                        {/if}>{$ps['pool_name']}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>
                                    {* <div class="form-group row" id="AddressList">
                                        <label class="col-md-2 control-label">{Lang::T('Address List')}</label>
                                        <div class="col-md-6">
                                            <input type="text" class="form-control" name="list_expired" id="list_expired" value="{$d['list_expired']}">
                                        </div>
                                    </div> *}
                                    <center>
                                    <div class="form-group row">
                                        <div class="col-md-offset-2 col-md-10">
                                            <button class="btn btn-success" type="submit">{Lang::T('Save Changes')}</button>
                                            Or <a href="{$_url}services/hotspot">{Lang::T('Cancel')}</a>
                                        </div>
                                    </div>
                                    </center>
                                </form>
                
                            </div>
                        </div>
                    </div>
                </div>
                
                <script>
                    var preOpt = `<option value="Mins">{Lang::T('Mins')}</option>
                    <option value="Hrs">{Lang::T('Hrs')}</option>
                    <option value="Days">{Lang::T('Days')}</option>
                    <option value="Months">{Lang::T('Months')}</option>`;
                    var postOpt = `<option value="Period">{Lang::T('Period')}</option>`;
                    function prePaid() {
                        $("#validity_unit").html(preOpt);
                    }
                
                    function postPaid() {
                        $("#validity_unit").html(postOpt);
                    }
                </script>
                
                {if $_c['radius_enable'] && $d['is_radius']}
                    {literal}
                        <script>
                            function isRadius(cek) {
                                if (cek.checked) {
                                    $("#routerChoose").addClass('hidden');
                                    document.getElementById("routers").required = false;
                                    document.getElementById("Limited").disabled = true;
                                } else {
                                    document.getElementById("Limited").disabled = false;
                                    document.getElementById("routers").required = true;
                                    $("#routerChoose").removeClass('hidden');
                                }
                            }
                            setTimeout(() => {
                                $.ajax({
                                    url: "index.php?_route=autoload/pool",
                                    data: "routers=radius",
                                    cache: false,
                                    success: function(msg) {
                                        $("#pool_expired").html(msg);
                                    }
                                });
                            }, 2000);
                        </script>
                    {/literal}
                {/if}
            </div>
{include file="sections/footer.tpl"}