Viewing file:  827c873a52551238cd887a0208a438f9.php (10.72 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title','Edit Workout Plan'); ?>
<?php $__env->startSection('extra-css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('plugins/daterangepicker/daterangepicker.css')); ?>">
<script src="<?php echo e(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: 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>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12 mx-auto col-sm-12">
<!-- Custom Tabs -->
<div class="card">
<div class="card-header">
<h2 class="card-title"><?php echo app('translator')->get('Edit Workout Plan'); ?></h2>
<button type="button" class="btn btn-info float-right add_sections">Add Section</button>
</div>
<div class="card-body">
<form method="post" role="form" enctype="multipart/form-data" id="planUpdateForm"
action="<?php echo e(route('admin.workout-plan.update',[$workout_plan])); ?>">
<?php echo csrf_field(); ?>
<?php echo method_field('put'); ?>
<?php echo $__env->make('admin.workout_plan.form', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<div class="card-footer text-right justify-content-end">
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
<!-- /.tab-content -->
</div><!-- /.card-body -->
</div>
<!-- ./card -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-scripts'); ?>
<script src="<?php echo e(asset('plugins/jquery-validation/jquery.validate.min.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/daterangepicker/moment.min.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/daterangepicker/daterangepicker.js')); ?>"></script>
<script src="<?php echo e(asset('plugins/toastr/toastr.min.js')); ?>"></script>
<script !src="">
"use strict";
let section_counter = 0;
let task_counter = 76457;
$(document).on('click', '.add_sections', function (e) {
section_counter++;
let html = '';
html = `<div class="card mt-3" id="added_section_${section_counter}">
<div class="card-body">
<div class="row mb-4">
<div class="col-md-12">
<label for="">
<?php echo e(trans('Title')); ?>
</label>
<button type="button" class="btn btn-sm btn-danger float-right delete_sections mb-2" data-id="${section_counter}">
<i class="fa fa-trash"></i>
</button>
<input type="text" name="section_title[${section_counter}]"
placeholder="<?php echo e(trans('Enter title')); ?>" class="form-control">
</div>
</div>
<div class="row" id="task_sections_${section_counter}">
<div class="col-md-12 mb-3 text-right">
<button type="button" data-id="${section_counter}" class="btn-sm btn btn-success add_task float-left"><i
class="fa fa-plus">Add Task</i></button>
</div>
</div>
</div>
</div>`;
$('#show_lists').append(html);
});
$(document).on('click', '.add_task', function (e) {
const id = $(this).attr('data-id');
task_counter++;
let html = '';
html = ` <div class="col-md-5 mt-2 task_row_${task_counter}">
<label for="">Task</label>
<input type="hidden" name="ids[${id}][]" id="work_out_plan_${task_counter}" value="">
<input type="text" name="tasks[${id}][]" data-id="${task_counter}" id="task_name_${task_counter}" placeholder="<?php echo e(trans('Enter task name')); ?>" class="form-control search-work-out-task">
<ul class="workout-plan-sec d-none" id="work_out_${task_counter}">
</ul>
</div>
<div class="col-md-5 mt-2 task_row_${task_counter}">
<label for="">Repetation & Set</label>
<input type="text" name="repetation_and_set[${id}][]" data-id="${task_counter}" id="repetation_and_set_${task_counter}" placeholder="<?php echo e(trans('Enter Repetation & Set')); ?>" class="form-control ">
</div>
<div class="col-md-5 mt-2 task_row_${task_counter}">
<label for="">Rest Time</label>
<input type="text" name="rest_time[${id}][]" data-id="${task_counter}" id="rest_time_${task_counter}" placeholder="<?php echo e(trans('Enter Rest Time')); ?>" class="form-control ">
</div>
<div class="col-md-5 mt-2 task_row_${task_counter}">
<label for="">Note</label>
<textarea class="form-control" name="note[${id}][]" data-id="${task_counter}" id="note_${task_counter}" placeholder="<?php echo e(trans('Enter Note')); ?>"> </textarea>
</div>
<div class="col-md-2 mt-4 task_row_${task_counter}">
<button type="button" class="btn btn-sm btn-danger delete_task mt-3" data-id="${task_counter}"> <i class="fa fa-trash"></i> </button>
</div>`;
$('#task_sections_' + id).append(html);
})
$(document).on('click', '.delete_task', function (e) {
const id = $(this).attr('data-id');
task_counter--;
$('.task_row_' + id).remove();
})
$(document).on('click', '.delete_sections', function (e) {
const id = $(this).attr('data-id');
section_counter--;
$('#added_section_' + id).remove();
})
</script>
<script>
let delayTimer;
function makeAjaxRequest(id, input_text) {
clearTimeout(delayTimer);
var delay = 500; // Adjust the delay as needed
delayTimer = setTimeout(function () {
$.ajax({
type: 'GET',
url: '<?php echo e(route('admin.search.workout.plans')); ?>',
data: {
input_text: input_text
},
success: function (res) {
if (res.status == 'success') {
let html = '';
$.each(res.data, function (index, value) {
html += `<li data-id="${id}" data-task-id=${value.id} class="work-out-plan-list">${value.name}</li>`;
});
$('#work_out_' + id).removeClass('d-none');
$('#work_out_' + id).html(html);
if (res.data.length <= 0) {
$('#work_out_' + id).addClass('d-none');
}
}
}
})
}, delay)
}
$(document).on('keyup', '.search-work-out-task', function (e) {
const id = $(this).attr('data-id');
const input_text = $(this).val();
makeAjaxRequest(id, input_text);
})
$(document).mouseup(function (e) {
var container = $(".workout-plan-sec");
if (!container.is(e.target) && container.has(e.target).length === 0) {
$(".workout-plan-sec").addClass('d-none');
}
});
$(document).on('click', '.work-out-plan-list', function (e) {
const name = $(this).html();
const id = $(this).attr('data-id');
const data_task_id = $(this).attr('data-task-id');
$('#work_out_plan_' + id).val(data_task_id);
$('#task_name_' + id).val(name);
$('#work_out_' + id).addClass('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/fitness.picotech.app/public_html/resources/views/admin/workout_plan/edit.blade.php ENDPATH**/ ?>
|