Viewing file:  workout_plan.blade.php (8.34 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title') Assign Workout Plan @endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<style>
.w-100{
width: 100%;
}
.list-style-none{
list-style: none;
background: whitesmoke;
padding: 7px 20px;
border-radius: 5px;
}
input[type=checkbox]{
display: block !important;
}
.task-preview-section{
width: 100%;
}
#previewImage{
width: 100%;
}
video{
width: 100%;
}
</style>
@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">@lang('Assign Workout Plan')</h2>
</div>
<!-- /.card-header -->
<div class="card-body table-body">
<div class="row">
<div class="col-md-8">
@if(isset($customer_workout_plan) && $customer_workout_plan)
<p>Workout Plan Information</p>
<div class="mt-3">
<h5>{{$customer_workout_plan->meal_plan->title}}</h5>
</div>
@if($customer_workout_plan->customer_workout_sections)
<div class="mt-3">
@foreach($customer_workout_plan->customer_workout_sections as $s_key=>$section)
<div class="card mt-3">
<div class="card-header text-center">
<h6>{{isset($section->title)?$section->title:''}}</h6>
</div>
<div class="card-body">
@foreach($section->customer_workout_tasks as $key=>$task)
<ul class="list-style-none">
<li>
<strong>Task: </strong> {{isset($task->workout_task->name)?$task->workout_task->name:''}}
</li>
<li><strong>Repetation and set: </strong> {{isset($task->repetation_and_set)?$task->repetation_and_set:''}}</li>
<li>
<strong>Rest Time: </strong> {{isset($task->rest_time)?$task->rest_time:''}}
</li>
</ul>
@endforeach
</div>
</div>
@endforeach
</div>
@endif
@else
<div class="card">
<div class="card-body text-center">
<h5>{{trans('No plan assigned')}}</h5>
</div>
</div>
@endif
</div>
<div class="col-md-4">
<div class="meal-plan-section">
<table class="w-100 table">
<thead>
<th>{{trans('Name')}}</th>
<th>{{trans('Action')}}</th>
</thead>
<tbody>
@foreach($workout_plans as $workout_plan)
<tr>
<td>{{$workout_plan->title}}</td>
<td>
@if(isset($customer_workout_plan) && $customer_workout_plan && $customer_workout_plan->plan_id==$workout_plan->id)
<button class="btn btn-primary disabled btn-sm"
disabled>{{trans('Change')}}</button>
@else
<button
data-message="{{trans('Are you sure you want to change workout plan')}}"
data-action="{{route('admin.change.workout.plan')}}"
data-input={"plan_id":"{{$workout_plan->id}}","customer_id":"{{$customer->id}}"}
data-toggle="modal" data-target="#modal-confirm"
class="btn btn-primary btn-sm"
type="button">@lang('admin.form.button.change')
</button>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<!-- Modal -->
<div class="modal fade" id="previewModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header bg-white">
<button type="button" class="close pause_video" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="task-preview-section">
<div class="section-video">
</div>
<img id="previewImage" alt="">
</div>
</div>
</div>
</div>
</div>
@endsection
@section('extra-scripts')
<script>
"use strict";
$(document).on('click', '.preview_task', function(e){
const type=$(this).attr('data-type');
const file=$(this).attr('data-path');
if(type && type=='mp4'){
$('#videoTag').removeClass('d-none');
$('.section-video').html(`<video id="videoTag" controls autoplay> <source src="${file}" type="video/mp4"></video>`)
}else{
$('#videoTag').addClass('d-none');
$('#previewImage').attr('src', file);
}
$('#previewModal').modal('show');
});
$(document).on('click', '.pause_video', function(e){
$('#videoTag').get(0).pause();
});
</script>
@endsection
|