Viewing file:  c44b643aecf23b87426b74f3fdfe94fd.php (10.49 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title','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">
<div class="card">
<div class="card-header">
<h2 class="card-title"><?php echo app('translator')->get('admin.plans.new'); ?></h2>
<button type="button" class="btn btn-info float-right add_sections" >Add Section</button>
</div>
<form method="post" role="form" id="planForm" enctype="multipart/form-data" action="<?php echo e(route('admin.workout-plan.store')); ?>">
<?php echo csrf_field(); ?>
<div class="card-body" id="added_section">
<?php echo $__env->make('admin.workout_plan.form', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<div class="card-footer text-right justify-content-end">
<button class="btn btn-success btn-sm" type="submit">Submit</button>
</div>
</form>
</div>
</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('Day Name')); ?>
</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 Day Name, Ex: Day-one')); ?>" 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}" autocomplete="off" placeholder="<?php echo e(trans('Select task')); ?>" 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>
"use strict";
let delayTimer;
function makeAjaxRequest(id,input_text) {
clearTimeout(delayTimer);
var delay = 1; // 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/create.blade.php ENDPATH**/ ?>
|