Viewing file:  7dd84a2ad07f2f4057d0a5587b76d5d6.php (6.3 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('title','Meal 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_more">Add More</button>
</div>
<!-- /.card-header -->
<!-- form start -->
<form method="post" role="form" id="planForm" action="<?php echo e(route('admin.meal-plan.store')); ?>">
<?php echo csrf_field(); ?>
<div class="card-body">
<?php echo $__env->make('admin.meal_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>
"use strict";
$('.select-meal-item').select2({
placeholder: "Select any item",
tags: true,
allowClear: true,
width: '100%',
multiple:true
});
function mealTasks(counter,name){
let meal_tasks='';
const data='<?php echo $meal_tasks; ?>';
$.each(JSON.parse(data), function(index, value){
meal_tasks +=`<option value="${value.id}">${value.name}</option>`;
});
return `<select class="form-control dynamic_select_${counter}" name="${name}[${counter}][]" multiple="multiple" data-placeholder="Select Tasks""> ${meal_tasks} </select>`;
}
</script>
<script !src="">
"use strict";
let counter=0;
$(document).on('click', '.add_more', function (e){
counter++;
let html='';
html=`<div class="row mt-4" id="added_row_${counter}">
<div class="col-md-12 text-right">
<button class="btn btn-danger mb-2 btn-sm delete_row" data-id="${counter}" type="button"><i class="fa fa-trash"></i></button>
</div>
<div class="col-md form-group">
<input type="text" name="day[${counter}]" placeholder="Enter Day" class="select-meal-item form-control">
</div>
<div class="col-md form-group">
${mealTasks(counter,'breakfast')}
</div>
<div class="col-md form-group">
${mealTasks(counter,'launch')}
</div>
<div class="col-md form-group">
${mealTasks(counter,'snack')}
</div>
<div class="col-md form-group">
${mealTasks(counter,'dinner')}
</div>
<div class="col-md form-group">
${mealTasks(counter,'dinner_snack')}
</div>
</div>`;
$('#show_lists').append(html);
$('.dynamic_select_'+counter).select2({
placeholder: "Select any item",
tags: true,
allowClear: true,
width: '100%',
multiple:true
}).trigger('change');
})
$(document).on('click', '.delete_row', function(e){
const id = $(this).attr('data-id');
counter--;
$('#added_row_'+id).remove();
})
</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/meal_plan/create.blade.php ENDPATH**/ ?>
|