Viewing file:  create.blade.php (8.5 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title', trans('admin.customers.plan'))
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/daterangepicker/daterangepicker.css')}}">
<script src="{{asset('plugins/toastr/toastr.min.css')}}"></script>
<style>
/* Basic Rules */
.switch input {
display:none;
}
.switch {
display: inline-block;
width: 48px;
height: 18px;
margin: 4px;
transform: translateY(50%);
position: relative;
}
/* Style Wired */
.slider {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border-radius:30px;
box-shadow: 0 0 0 2px #e0dddd, 0 0 4px #fffefe;
cursor:pointer;
border:2px solid transparent;
overflow:hidden;
transition:.4s;
}
.slider:before {
position:absolute;
content:"";
width:100%;
height:100%;
background: #b6b5b5;
border-radius:30px;
transform:translateX(-30px);
transition:.4s;
}
input:checked + .slider:before {
transform:translateX(30px);
background:limeGreen;
}
input:checked + .slider {
box-shadow:0 0 0 2px limeGreen,0 0 2px limeGreen;
}
/* Style Flat */
.switch.flat .slider {
box-shadow:none;
}
.switch.flat .slider:before {
background:#FFF;
}
.switch.flat input:checked + .slider:before {
background:white;
}
.switch.flat input:checked + .slider {
background:limeGreen;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">@lang('admin.plans.new')</h2>
<a class="btn btn-info float-right" href="{{route('admin.plans.index')}}">@lang('admin.form.button.back')</a>
</div>
<!-- /.card-header -->
<!-- form start -->
<form method="post" role="form" id="planForm" action="{{route('admin.plans.store')}}">
@csrf
<div class="card-body">
@include('admin.plans.form')
</div>
<!-- /.card-body -->
<div class="card-footer">
<button type="btn" class="btn btn-primary submitBtn w-100">@lang('admin.form.button.submit')</button>
</div>
</form>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/moment.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
<script src="{{asset('plugins/toastr/toastr.min.js')}}"></script>
<script !src="">
"use strict";
$('#planForm').validate({
rules: {
title: {
required: true
},
limit: {
required: true
},
price: {
required: true
},
status: {
required: true
},
},
messages: {
title: { required:"Please provide plan title"},
limit: { required:"Please provide sms limit"},
price: { required:"Please provide plan price"},
status: { required:"Please select a status"}
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
$(document).on('click', '.maskingLabel', function (e){
$('#masking').trigger('click')
const value = $('#masking:checked').val();
if(value=='on') {
$('#maskingRate').removeClass('d-none');
}else{
$('#maskingRate').addClass('d-none');
}
});
$(document).on('click', '.nonMaskingLabel', function (e){
$('#nonMasking').trigger('click')
const value = $('#nonMasking:checked').val();
if(value=='on') {
$('#nonMaskingRate').removeClass('d-none');
}else{
$('#nonMaskingRate').addClass('d-none');
}
});
$(document).on('click', '.whatsappLabel', function (e){
$('#whatsappStatus').trigger('click')
const value = $('#whatsappStatus:checked').val();
if(value=='on') {
$('#whatsappRate').removeClass('d-none');
}else{
$('#whatsappRate').addClass('d-none');
}
});
$('#reservation').daterangepicker();
$(document).on('change', "select[name=recurring_type]", function (e){
const type =$(this).val();
if(type=='custom'){
$('#customRecurring').removeClass('d-none')
}else{
$('#customRecurring').addClass('d-none')
}
});
$('.select2').select2({
multiple:true,
placeholder:'{{trans('admin.select_module')}}',
});
</script>
<script>
$(document).on('change', 'select[name=plan_type]', function (e){
const type = $(this).val();
if(type !='normal'){
$('#landingPageSection').removeClass('d-none');
$('#modules').trigger('change');
}else{
$('#landingPageSection').addClass('d-none');
}
});
$(document).on('click', '.collapse_btn', function(e){
const type=$(this).attr('data-type');
if(!$('.'+type).val() || $('.'+type).val()=='no'){
$('.'+type).val('yes')
}else{
$('.'+type).val('no')
}
});
$(document).on('click', '.submitBtn', function(e){
e.preventDefault();
const masking =$('.masking').val();
const non_masking =$('.non_masking').val();
const whatsapp_status =$('.whatsapp_status').val();
if(masking && masking=='yes'){
if(!$('input[name=masking_credit]').val()){
toastr.error('Please enter senderId credit', 'failed', {timeOut: 5000});
return;
}
if(!$('input[name=masking_rate]').val()){
toastr.error('Please enter senderId rate', 'failed', {timeOut: 5000});
return;
}
}
if(non_masking && non_masking=='yes'){
if(!$('input[name=non_masking_credit]').val()){
toastr.error('Please enter non-senderId credit', 'failed', {timeOut: 5000});
return;
}
if(!$('input[name=non_masking_rate]').val()){
toastr.error('Please enter non-senderId rate', 'failed', {timeOut: 5000});
return;
}
}
if(whatsapp_status && whatsapp_status=='yes'){
if(!$('input[name=whatsapp_credit]').val()){
toastr.error('Please enter whatsapp credit', 'failed', {timeOut: 5000});
return;
}
if(!$('input[name=whatsapp_rate]').val()){
toastr.error('Please enter whatsapp rate', 'failed', {timeOut: 5000});
return;
}
}
$('#planForm').submit();
})
</script>
@endsection
|