Viewing file:  5c21ef847f1349d76e2df94b40b9f11f1f9323a0.php (18.88 KB) -rwxrwxrwx
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title'); ?> Service <?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')); ?>">
<link rel="stylesheet" href="<?php echo e(asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')); ?>">
<link href="<?php echo e(asset('css/emojionearea.css')); ?>" rel="stylesheet"/>
<style>
.custom-dialog{
max-width: 1000px !important;
}
.w-30{
width: 70%;
height: 31px;
margin-right: 10px;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title"><?php echo app('translator')->get('admin.service_list'); ?></h2>
<button class="btn btn-outline-primary float-right" type="button" data-toggle="modal" data-target="#categoryModalLong"><?php echo app('translator')->get('admin.form.button.new'); ?></button>
</div>
<!-- /.card-header -->
<div class="card-body table-body">
<table id="categories" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th><?php echo app('translator')->get('admin.table.name'); ?></th>
<th><?php echo app('translator')->get('admin.category'); ?></th>
<th><?php echo app('translator')->get('admin.mode'); ?></th>
<th><?php echo app('translator')->get('admin.service_type'); ?></th>
<th><?php echo app('translator')->get('admin.min_order'); ?></th>
<th><?php echo app('translator')->get('admin.max_order'); ?></th>
<th><?php echo app('translator')->get('admin.rate_per'); ?></th>
<th><?php echo app('translator')->get('admin.table.description'); ?></th>
<th><?php echo app('translator')->get('admin.table.status'); ?></th>
<th><?php echo app('translator')->get('admin.table.action'); ?></th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="categoryModalLong" tabindex="-1" role="dialog" aria-labelledby="serviceModalLongTitle" aria-hidden="true">
<div class="modal-dialog custom-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="serviceModalLongTitle"><?php echo app('translator')->get('admin.service_create'); ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form method="post" role="form" id="planForm" action="<?php echo e(route('admin.service.store')); ?>">
<?php echo csrf_field(); ?>
<div class="card-body">
<?php echo $__env->make('admin.service.form', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><?php echo app('translator')->get('admin.form.button.close'); ?></button>
<button type="submit" class="btn btn-primary"><?php echo app('translator')->get('admin.form.button.save'); ?></button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="serviceEditFormModal" tabindex="-1" role="dialog" aria-labelledby="serviceEditModalLongTitle" aria-hidden="true">
<div class="modal-dialog custom-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="serviceEditModalLongTitle"><?php echo app('translator')->get('admin.service_edit'); ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form method="post" role="form" id="" action="<?php echo e(route('admin.service.update')); ?>">
<?php echo csrf_field(); ?>
<input type="hidden" value="" name="id" id="edit-id">
<div class="card-body">
<div class="form-group">
<label for="title"><?php echo app('translator')->get('admin.service_name'); ?></label>
<input value="" type="text" name="name" class="form-control" id="edit-name"
placeholder="<?php echo app('translator')->get('admin.service_name_input'); ?>">
</div>
<div class="form-group">
<label for="edit_category_id"><?php echo app('translator')->get('admin.category'); ?></label>
<select class="form-control" name="category_id" id="edit_category_id">
<?php if($categories->isNotEmpty()): ?>
<option selected disabled><?php echo app('translator')->get('admin.select_a_option'); ?></option>
<?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option data-serviceType="<?php echo e(json_encode($category->service_types)); ?>" value="<?php echo e($category->id); ?>"><?php echo e($category->name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php else: ?>
<option><?php echo app('translator')->get('admin.no_data_available'); ?></option>
<?php endif; ?>
</select>
</div>
<div class="form-group">
<label for="mode"><?php echo app('translator')->get('admin.mode'); ?></label>
<select class="form-control" name="mode" id="mode">
<option value="manual"><?php echo app('translator')->get('admin.manual'); ?></option>
<option value="api"><?php echo app('translator')->get('admin.api'); ?></option>
</select>
</div>
<div class="row">
<div class="col-12">
<div class="card" id="manual_section">
<div class="form-group m-3">
<label for="edit_service_type_id"><?php echo app('translator')->get('admin.service_type'); ?></label>
<select class="form-control" name="service_type_id" id="edit_service_type_id">
<option selected disabled><?php echo app('translator')->get('admin.select_a_option'); ?></option>
</select>
</div>
</div>
<div class="card d-none" id="api_section">
<div class="form-group m-3">
<label for="provider"><?php echo app('translator')->get('admin.provider'); ?></label>
<select class="form-control" name="provider" id="provider">
<option value="test-provider">test-provider</option>
</select>
</div>
<div class="form-group m-3">
<label for="provider_service"><?php echo app('translator')->get('admin.service'); ?></label>
<select class="form-control" name="provider_service" id="provider_service">
<option value="test-provider-service">test-provider-service</option>
</select>
</div>
<div class="form-group m-3">
<label for="original_rate_per"><?php echo app('translator')->get('admin.original_rate_per'); ?></label>
<input value="" type="text" name="original_rate_per" class="form-control" id="original_rate_per"
placeholder="<?php echo app('translator')->get('admin.enter_your_rate_per'); ?>">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="min_order"><?php echo app('translator')->get('admin.min_order'); ?></label>
<input value="" type="text" name="min_order" class="form-control" id="edit-min_order"
placeholder="<?php echo app('translator')->get('admin.enter_your_min_order'); ?>">
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label for="max_order"><?php echo app('translator')->get('admin.max_order'); ?></label>
<input value="" type="text" name="max_order" class="form-control" id="edit-max_order"
placeholder="<?php echo app('translator')->get('admin.enter_your_max_order'); ?>">
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label for="rate_per"><?php echo app('translator')->get('admin.rate_per'); ?></label>
<input value="" type="text" name="rate_per" class="form-control" id="edit-rate_per"
placeholder="<?php echo app('translator')->get('admin.enter_your_rate_per'); ?>">
</div>
</div>
</div>
<div class="form-group">
<label for="description"><?php echo app('translator')->get('admin.table.description'); ?></label>
<textarea name="description" id="edit-description" class="form-control" placeholder="<?php echo app('translator')->get('admin.enter_your_description'); ?>"></textarea>
</div>
<div class="form-group">
<label for="status"><?php echo app('translator')->get('admin.form.status'); ?></label>
<select class="form-control" name="status" id="edit-status">
<option value="active"><?php echo app('translator')->get('admin.active'); ?></option>
<option value="inactive"><?php echo app('translator')->get('admin.inactive'); ?></option>
</select>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><?php echo app('translator')->get('admin.form.button.close'); ?></button>
<button type="submit" class="btn btn-primary"><?php echo app('translator')->get('admin.form.button.save'); ?></button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-scripts'); ?>
<script src="<?php echo e(asset('plugins/datatables/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')); ?>"></script>
<script src="<?php echo e(asset('js/emojionearea.js')); ?>"></script>
<script>
"use strict";
$('#categories').DataTable({
processing: true,
serverSide: true,
responsive:true,
ajax:'<?php echo e(route('admin.service.get.all')); ?>',
columns: [
{ "data": "name" },
{ "data": "category" },
{ "data": "mode" },
{ "data": "service_type" },
{ "data": "min_order" },
{ "data": "max_order" },
{ "data": "rate_per" },
{ "data": "description" },
{ "data": "status" },
{ "data": "action" },
]
});
$(document).on("click", ".serviceEditModalLong", function(e) {
e.preventDefault();
const id = $(this).attr('data-id');
const name = $(this).attr('data-name');
const category = $(this).attr('data-category-id');
const status = $(this).attr('data-status');
const mode = $(this).attr('data-mode');
const min_order = $(this).attr('data-min_order');
const max_order = $(this).attr('data-max_order');
const rate_per = $(this).attr('data-rate_per');
const description = $(this).attr('data-description');
$('#edit-name').data("emojioneArea").setText(name);
$('#edit-description').data("emojioneArea").setText(description);
$('#edit-id').val(id);
$('#edit-status').val(status);
$('#edit-mode').val(mode);
$('#edit-min_order').val(min_order);
$('#edit-max_order').val(max_order);
$('#edit-rate_per').val(rate_per);
$('#edit_category_id').val(category);
$("#serviceEditFormModal").modal('show')
});
</script>
<script>
$('#mode').change(function(){
const type = $(this).val();
if (type == 'manual'){
$('#manual_section').removeClass('d-none');
$('#api_section').addClass('d-none');
}else if (type == 'api'){
$('#manual_section').addClass('d-none');
$('#api_section').removeClass('d-none');
}
})
$("#name").emojioneArea({
pickerPosition: "bottom"
});
$("#description").emojioneArea({
pickerPosition: "bottom"
});
$("#edit-name").emojioneArea({
pickerPosition: "bottom"
});
$("#edit-description").emojioneArea({
pickerPosition: "bottom"
});
$('#provider_spinner').hide()
$('#provider').change(function(){
const id = $('option:selected', this).val();
$('#provider_spinner').show();
$.ajax({
url: '<?php echo e(route('admin.api.provider.get.data')); ?>',
method: "GET",
data: {
id: id,
},
success: function (res) {
if (res.status == 'success') {
$('#provider_spinner').hide()
if(res.data){
$('#provider_data_section').removeClass('d-none')
}
let html = '';
$.each(res.data, function (index, value) {
console.log(value,res.data)
html += `<option data-rate="${value.rate}" value="${value.service}">${value.name}</option>`;
});
$("#provider_service").append(html);
}else {
$('#provider_spinner').hide()
$("#provider_error").text(res.msg);
}
}
});
});
$('#provider_service').change(function(){
const rate = $('option:selected', this).attr('data-rate');
$("#original_rate_per").val(rate);
});
$('#category_id').change(function(){
const serviceType = $('option:selected', this).attr('data-serviceType');
const service = JSON.parse(serviceType);
let html = '';
$.each(service, function (index, value) {
html += `<option class="service_type" value="${value.id}">${value.name}</option>`;
});
$("#service_type_id").html(html);
});
$(document).on('change','#edit_category_id', function(e){
const serviceType = $('option:selected', this).attr('data-serviceType');
const service = JSON.parse(serviceType);
let html = '';
$.each(service, function (index, value) {
html += `<option class="service_type" value="${value.id}">${value.name}</option>`;
});
$("#edit_service_type_id").html(html);
$("#edit_service_type_id").trigger('change');
});
$(document).on('click', '.select_all_btn', function(e){
const activate=$('.select_all_btn').hasClass('active');
if(activate){
$('.select_all').val('no');
$('.select_all_btn').text('Select All').removeClass('active');
$('#provider_service').removeClass('disabled').removeAttr('disabled');
$('.rate_percentage').addClass('d-none');
}else{
$('.select_all').val('yes');
$('.select_all_btn').text('Selected').addClass('active');
$('#provider_service').attr('disabled', 'disabled');
$('.rate_percentage').removeClass('d-none');
}
})
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/picotech/domains/test.smm.picotech.app/public_html/resources/views/admin/service/index.blade.php ENDPATH**/ ?>
|