Viewing file:  create.blade.php (4.46 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title','Plans')
@section('extra-css')
@endsection
@section('content')
<!-- Content Header (Page header) -->
<div class="content-header custom-content-header">
<h5>{{trans('admin.plans.new')}}</h5>
<p class="m-0 section-heading-text">
<i class="fas fa-file-signature mr-1 op-07"></i>
<span class="panel-name op-07">
{{trans('admin.admin_panel')}}
</span>
<i class="fa fa-angle-double-right ml-1 mr-1" aria-hidden="true"></i>
<span class="header-active">{{trans('admin.plans.new')}}</span>
</p>
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12 col-sm-12 mx-auto">
<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="submit" class="btn btn-primary">@lang('admin.form.button.submit')</button>
</div>
</form>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<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('change', '#is_word_limit', function() {
const isWordLimit = $(this).val();
if (isWordLimit == 'yes'){
$('#word_limit_col').addClass('d-none');
$('#is_word_limit_col').addClass('col-sm-12');
}else {
$('#word_limit_col').removeClass('d-none');
$('#is_word_limit_col').removeClass('col-sm-12');
}
});
$(document).on('change', '#is_code_limit', function() {
const isCodeLimit = $(this).val();
if (isCodeLimit == 'yes'){
$('#code_limit_col').addClass('d-none');
$('#is_code_limit_col').addClass('col-sm-12');
}else {
$('#code_limit_col').removeClass('d-none');
$('#is_code_limit_col').removeClass('col-sm-12');
}
});
$(document).on('change', '#is_image_limit', function() {
const isImageLimit = $(this).val();
if (isImageLimit == 'yes'){
$('#image_limit_col').addClass('d-none');
$('#is_image_limit_col').addClass('col-sm-12');
}else {
$('#image_limit_col').removeClass('d-none');
$('#is_image_limit_col').removeClass('col-sm-12');
}
});
</script>
@endsection
|