Viewing file:  create.blade.php (11.51 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title','Update Step')
@section('extra-css')
@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">{{trans('Update Step')}}</h2>
<a class="btn btn-info float-right" href="{{route('admin.step.index')}}">@lang('admin.form.button.back')</a>
</div>
<!-- /.card-header -->
<!-- form start -->
<form method="post" role="form" enctype="multipart/form-data" id="planForm" action="{{route('admin.step.update',[$step])}}">
@csrf
@method('put')
<div class="card-body">
@if(isset($step) && $step->design=='design_one')
@include('admin.step.partial.design_one')
@elseif(isset($step) && $step->design=='design_two' || $step->design=='design_eight')
@include('admin.step.partial.design_two')
@elseif(isset($step) && $step->design=='design_three')
@include('admin.step.partial.design_three')
@elseif(isset($step) && ($step->design=='design_six' || $step->design=='design_four'))
@include('admin.step.partial.design_six')
@elseif(isset($step) && $step->design=='design_five')
@include('admin.step.partial.design_five')
@elseif(isset($step) && $step->design=='design_seven')
@include('admin.step.partial.design_seven')
@elseif(isset($step) && $step->design=='design_nine')
@include('admin.step.partial.design_nine')
@endif
</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="{{asset('plugins/jquery-validation/jquery.validate.min.js')}}"></script>
<!-- JS For Checkbox !-->
<script>
"use strict";
let checkbox_counter=0;
$(document).on('click', '.add_checkbox', function(e){
let html='';
checkbox_counter++;
html=`<div class="card mt-2" id="checkbox_append_${checkbox_counter}">
<div class="card-body">
<button class="btn-danger btn-sm float-right delete_checkbox_append" data-id="${checkbox_counter}" type="button"> <i class="fa fa-trash"></i> </button>
<div class="row">
<div class="form-group col-md-6">
<label for="">{{trans('Title')}} <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="checkbox_title[]">
</div>
<div class="form-group col-md-6">
<label for="">{{trans('Value')}}</label>
<input type="text" class="form-control" name="checkbox_value[]">
</div>
<div class="form-group col-md-6">
<label for="">{{trans('Description')}}</label>
<input type="text" class="form-control" name="checkbox_des_value[]">
</div>
<div class="form-group col-md-6 ">
<label for="">{{trans('Image')}}</label>
<input type="file" class="form-control p-1" name="checkbox_image[]">
</div>
</div>
</div>
</div>`;
$('.checkbox-section').append(html);
});
$(document).on('click', '.delete_checkbox_append', function (e){
const id=$(this).attr('data-id');
$('#checkbox_append_'+id).remove();
checkbox_counter--;
})
</script>
<!-- JS For Slider !-->
<script>
"use strict";
let slider_counter=0;
$(document).on('click', '.add_slider', function(e){
let html='';
slider_counter++;
html=`<div class="card mt-2" id="slider_append_${slider_counter}">
<div class="card-body">
<button class="btn-danger btn-sm float-right delete_slider_append" data-id="${slider_counter}" type="button"> <i class="fa fa-trash"></i> </button>
<div class="row">
<div class="form-group col-md-6">
<label for="">{{trans('Title')}} <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="slider_title[]">
</div>
<div class="form-group col-md-6">
<label for="">{{trans('Value')}}</label>
<input type="text" class="form-control" name="slider_value[]">
</div>
<div class="form-group col-md-6 mt-3">
<label for="">{{trans('Text Title')}}</label>
<input type="text" class="form-control" name="text_title[]">
</div>
<div class="form-group col-md-6 mt-3">
<label for="">{{trans('Text Description')}}</label>
<input type="text" class="form-control" name="text_description[]">
</div>
<div class="form-group col-md-12 {{isset($step) && $step->design=='design_eight'?'d-none':''}}">
<label for="">{{trans('Image')}}</label>
<input type="file" class="form-control p-1" name="slider_image[]">
</div>
</div>
</div>
</div>`;
$('.slider-section').append(html);
});
$(document).on('click', '.delete_slider_append', function (e){
const id=$(this).attr('data-id');
$('#slider_append_'+id).remove();
slider_counter--;
})
</script>
<!-- JS For Inputs !-->
<script>
"use strict";
let inputs_counter=0;
$(document).on('click', '.add_inputs', function(e){
const type= $(this).attr('data-type');
let placeholder='ft/cm';
if(type && type=='weight'){
placeholder='lb/kg';
}
let html='';
inputs_counter++;
html=`<div class="card mt-2" id="slider_append_${inputs_counter}">
<div class="card-body">
<button class="btn-danger btn-sm float-right delete_slider_append" data-id="${inputs_counter}" type="button"> <i class="fa fa-trash"></i> </button>
<div class="row">
<div class="form-group col-md-12">
<label for="">{{trans('Title')}} <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="input_title[]" placeholder="{{trans('Enter title')}}">
</div>
<div class="form-group col-md-6">
<label >{{trans('Minimum')}}</label>
<input type="text" class="form-control" name="input_min[]" placeholder="{{trans('Enter minimum value')}}">
</div>
<div class="form-group col-md-6">
<label >{{trans('Maximum')}}</label>
<input type="text" class="form-control p-1" name="input_max[]" placeholder="{{trans('Enter maximum value')}}">
</div>
<div class="form-group col-md-6">
<label >{{trans('Group')}}</label>
<input type="text" class="form-control p-1" placeholder="${placeholder}" name="input_group[]">
</div>
<div class="form-group col-md-6">
<label for="">{{trans('Value')}}</label>
<input type="text" class="form-control p-1" name="input_value[]" placeholder="Enter value">
</div>
</div>
</div>
</div>`;
if(type && type=='weight'){
$('.weight-section').append(html);
}else {
$('.inputs-section').append(html);
}
});
$(document).on('click', '.delete_input_append', function (e){
const id=$(this).attr('data-id');
$('#input_append_'+id).remove();
slider_counter--;
});
</script>
<!-- JS For Radio !-->
<script>
"use strict";
let radio_counter=0;
$(document).on('click', '.add_radio', function(e){
let html='';
radio_counter++;
html=`<div class="card mt-2" id="radio_append_${radio_counter}">
<div class="card-body">
<button class="btn-danger btn-sm float-right delete_radio_append" data-id="${radio_counter}" type="button"> <i class="fa fa-trash"></i> </button>
<div class="row">
<div class="form-group col-md-6">
<label for="">{{trans('Title')}} <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="radio_title[]" placeholder="{{trans('Enter title')}}">
</div>
<div class="form-group col-md-6">
<label >{{trans('Value')}}</label>
<input type="text" class="form-control" name="radio_value[]" placeholder="{{trans('Enter value')}}">
</div>
<div class="form-group col-md-12">
<label >{{trans('Description')}}</label>
<input type="text" class="form-control p-1" placeholder="{{trans('Enter Description')}}" name="radio_description[]">
</div>
</div>
</div>
</div>`;
$('.radio-section').append(html);
});
$(document).on('click', '.delete_radio_append', function (e){
const id=$(this).attr('data-id');
$('#radio_append_'+id).remove();
radio_counter--;
});
</script>
@endsection
|