Viewing file:  edit.blade.php (6.36 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title','Edit Plan')
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/daterangepicker/daterangepicker.css')}}">
<script src="{{asset('plugins/toastr/toastr.min.css')}}"></script>
<style>
input[type=checkbox]{
display: inline !important;
}
</style>
<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: var(--success);
}
input:checked + .slider {
box-shadow:0 0 0 2px var(--success),0 0 2px var(--success);
}
/* 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: var(--success);
}
#vert-tabs-tab .active{
background: var(--primary) !important;
color: white !important;
}
#previous_btn,#next_btn{
font-weight: 400 !important;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12 mx-auto col-sm-10">
<!-- Custom Tabs -->
<div class="card">
<div class="card-header d-flex p-0">
<h2 class="card-title p-3"><a href="{{route('admin.plans.index')}}">@lang('admin.plans.plan')</a></h2>
</div><!-- /.card-header -->
<div class="card-body">
<form method="post" role="form" id="planUpdateForm"
action="{{route('admin.plans.update',[$plan])}}">
@csrf
@method('put')
@include('admin.plans.form')
<div class="form-group mt-3">
<button class="btn btn-success btn-sm float-right">{{trans('Submit')}}</button>
</div>
</form>
<!-- /.tab-content -->
</div><!-- /.card-body -->
</div>
<!-- ./card -->
</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
},
status: {
required: true
},
},
messages: {
title: { required:"Please provide plan title"},
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');
}
});
let field_counter=0;
$(document).on('click', '.add_field', function(e){
e.preventDefault();
field_counter++;
let html=`<div class="row form-group" id="delete_field_row_${field_counter}">
<div class="col-md-11">
<input type="text" name="fields[]" class="form-control" placeholder="Enter field data">
</div>
<div class="col-md-1 col-1">
<button class="btn btn-sm btn-danger del_row" data-id="${field_counter}" type="button"><i class="fa fa-times"></i></button>
</div>
</div>`;
$('#add_fields').append(html);
});
$(document).on('click', '.del_row', function(e){
const id=$(this).attr('data-id');
$('#delete_field_row_'+id).remove();
field_counter--;
});
$(function () {
$(".plan_price").keydown(function (event) {
if (event.shiftKey == true) {
event.preventDefault();
}
if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190) {
} else {
event.preventDefault();
}
if($(this).val().indexOf('.') !== -1 && event.keyCode == 190)
event.preventDefault();
});
});
</script>
@endsection
|