{extends file="$layouts_admin"}
{block name="content"}
<div class="container">
<div class="card">
<div class="card-body">
<h3>{__('New Subscription Plan')}</h3>
<div class="hr-line-dashed"></div>
<form id="form_main" method="post">
<div class="mb-3">
<label for="input_title">{{__('Title')}}</label>
<input class="form-control" name="title" id="input_title"
{if !empty($plan)}
value="{{$plan->title}}"
{/if}
>
</div>
<div class="mb-3">
<label for="input_slug">{{__('Slug')}}</label>
<div class="input-group">
<span class="input-group-text">{$base_url}subscriptions/subscribe/</span>
<input type="text" aria-label="Slug" name="slug" id="input_slug" class="form-control"
{if !empty($plan)}
value="{{$plan->slug}}"
{/if}
>
</div>
</div>
<div class="mb-3">
<label for="input_price">{{__('Price')}}</label>
<input class="form-control" name="price" id="input_price"
{if !empty($plan)}
value="{{formatCurrency($plan->price)}}"
{/if}
>
</div>
<div class="mb-3">
<label for="input_button_text">{{__('Button Text')}}</label>
<input class="form-control" name="button_text" id="input_button_text"
{if !empty($plan)}
value="{{$plan->button_text}}"
{/if}
>
</div>
<div class="mb-3">
<label for="input_stripe_pricing_id">{{__('Stripe Pricing Id')}}</label>
<input class="form-control" name="stripe_pricing_id" id="input_stripe_pricing_id"
{if !empty($plan)}
value="{{$plan->stripe_pricing_id}}"
{/if}
>
</div>
<div class="mb-3">
<label for="input_description">{{__('Description')}}</label>
<textarea class="form-control" rows="5" id="input_description" name="description">{if !empty($plan)}{{$plan->description}}{/if}</textarea>
</div>
<div class="hr-line-dashed"></div>
<h4>{$_L['Features']}</h4>
<div id="div_features">
{if !empty($plan) && $plan->features}
{foreach json_decode($plan->features) as $feature_line}
<div class="mb-3">
<input class="form-control" name="features[]" value="{$feature_line}">
</div>
{/foreach}
{else}
<div class="mb-3">
<input class="form-control" name="features[]">
</div>
{/if}
</div>
<div class="my-3">
<button id="btn_add_features" type="button" class="btn btn-success btn-icon waves-effect waves-themed"><i class="fal fa-plus"></i> </button>
</div>
<div class="hr-line-dashed"></div>
{if !empty($plan)}
<input type="hidden" name="id" value="{$plan->id}">
{/if}
<button id="btn_plan" type="submit" class="btn btn-primary">{{__('Save')}}</button>
</form>
</div>
</div>
</div>
{/block}
{block name=script}
<script>
$(function () {
$btn_add_features = $('#btn_add_features');
$div_features = $('#div_features');
$btn_add_features.on('click',function () {
$div_features.append('<div class="mb-3">\
<input class="form-control" name="features[]">\
</div>');
});
$('#description').redactor(
{
minHeight: 200 // pixels
}
);
let $form_main = $('#form_main');
$form_main.on('submit',function (event) {
event.preventDefault();
axios.post(base_url + 'subscriptions/plan',$form_main.serialize()).then(function (response) {
window.location = base_url + 'subscriptions/plan/' + response.data.id;
}).catch(function (error) {
$.each(error.response.data, function(key, value) {
toastr.error(value);
});
});
});
});
</script>
{/block}