Files
gsf/resources/views/Admin/Pages/manage_direct_users/users-profile-two.blade.php
vedant-chavan 20f55281ef save to codehub
2024-08-09 17:11:41 +05:30

834 lines
50 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('Admin.layouts.master')
@section('content')
@php
$currentPage = 'manage_direct_users';
@endphp
<!--begin::Wrapper-->
<!--<div class="app-wrapper flex-column flex-row-fluid users-profile-page" id="kt_app_wrapper">-->
<div id="kt_app_content_container users-profile-page" class="app-container container-xxl">
<!--begin::Main-->
<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
<!--begin::Content wrapper-->
<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 main-header">
<!--begin::Title-->
<h1
class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
Users Profile</h1>
</div>
<div class="d-flex flex-column flex-column-fluid">
<div class="users-profile">
<ul id="myTabs" class="nav nav-pills nav-justified" role="tablist" data-tabs="tabs">
<li class="active"><a href="#Personal" data-toggle="tab" class="active">Personal Information</a></li>
<!--<li><a href="#Factors" data-toggle="tab">Quiz Score</a></li>-->
<li><a href="#Diet" data-toggle="tab">My Diet Plan</a></li>
<li><a href="#Subscription" data-toggle="tab">Subscription Plan</a></li>
<!--<li><a href="#Leaderboard" data-toggle="tab">Leaderboard Positions</a></li>-->
</ul>
@if(!empty($get_single_user_data['user_detail']['gender']))
<div class="tab-content bg-color-card p-5">
<div role="tabpanel" class="tab-pane fade in active show" id="Personal">
<form id = "update_age_height" >
@csrf
<input type="hidden" name="user_id" value="{{$get_single_user_data['user_detail']['user_id']}}">
<div class="profile-detail">
<div class="profile-images">
<img src="{{$get_single_user_data['user_detail']['profile_picture']}}" alt="user">
<p class="text-white">Profile Photo</p>
</div>
<div class="details">
<div class="name">
<lable>Name : {{$get_single_user_data['full_name']}}</lable>
</div>
<div class="name">
<lable>Email : {{$get_single_user_data['email_id']}}</lable>
</div>
<div class="name">
<lable>Phone : {{$get_single_user_data['contact_number']}}</lable>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="bio">
<lable>Bio : @if(!is_null($get_single_user_data['user_detail']))
{{$get_single_user_data['user_detail']['user_bio']}}
@endif
</lable>
</div>
<div class="bio">
<lable>City : @if(!is_null($get_single_user_data['user_detail']))
{{$get_single_user_data['user_detail']['city']}}
@endif
</lable>
</div>
<div class="bio">
<lable>Full Address : @if(!is_null($get_single_user_data['user_detail']))
{{$get_single_user_data['user_detail']['full_address']}}
@endif
</lable>
</div>
</div>
<div class="col-md-4">
<div class="bio">
<lable>D.O.B : @if(!is_null($get_single_user_data['user_detail']))
{{$get_single_user_data['user_detail']['birth_date']}}
@endif
</lable>
</div>
<div class="bio">
<lable>Age : <input type="text" name="age" value="{{$get_single_user_data['user_detail']['age']}}">
</lable>
</div>
<div class="bio">
<lable>Height : <input type="text" name="height" value="{{$get_single_user_data['user_detail']['height']}}">
</lable>
</div>
<div class="bio">
<lable>Last Updated Date : @if(!is_null($get_single_user_data['user_detail']))
{{ date('d-m-y', strtotime($get_single_user_data['user_detail']['updated_at']))}}
@endif
</lable>
</div>
</div>
<div class="col-md-4 ">
<div class="bio">
<lable>Current Rank : 1</lable>
</div>
<div class="bio">
<lable>Previous Rank : 1</lable>
</div>
<!--<div class="bio lastrow-two" >-->
<!-- <lable>Mood-M-Meter : <img src="assets/media/images/emozy.png" alt="user"></lable>-->
<!--</div>-->
</div>
<button type="submit" id="update_age_height_btn">Update</button>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane fade scores-tabs" id="Factors">
<div class="mb-5 mb-xl-8">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table
class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bold text-muted">
<th class="min-w-150px ">Sr. No.</th>
<th class="min-w-200px ">Quiz Date</th>
<th class="min-w-200px ">Quiz Score</th>
<th class="min-w-200px ">View Questions</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
<tr>
<td class="fs-6 ">1
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">2
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">3
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">4
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">5
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
<td class="fs-6 ">6
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
<tr>
</td>
<td class="fs-6 ">7
</td>
<td class="fs-6 ">
22-08-2022
</td>
<td class="fs-6 ">8/10
</td>
<td class=" fs-6 ">
<a data-toggle="modal" data-target="#score_popup">
<span class="view-modal">
View
</span>
</a>
</td>
</tr>
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane box-pg fade" id="Diet">
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<tbody>
<tr>
<td class="fs-6 w-200px">
Primary Goals :</td>
<td class="fs-6">
Weight Loss</td>
</tr>
<tr>
<td class="fs-6 w-200px">
Secondary Goals :</td>
<td class="fs-6">
Detox</td>
</tr>
<tr>
<td class="fs-6 w-200px">
Activity Level :</td>
<td class="fs-6">
Lightly Action <span class="profile-font"> (1-3 Days a week)</span></td>
</tr>
<tr>
<td class="fs-6 w-200px">
Desired Body Type :</td>
<td class="fs-6">
Basic-Fit</td>
</tr>
<tr>
<td class="fs-6 w-200px">
Food Type :</td>
<td class="fs-6">
Vegetarian</td>
</tr>
<tr>
<td class="fs-6 w-200px">
Allergies :</td>
<td class="fs-6">
Nuts</td>
</tr>
<tr>
<td class="fs-6 w-200px">
Health Condition :</td>
<td class="fs-6">
Diabetes</td>
</tr>
<tr>
<td class="fs-6 w-200px">
BMR Calculation :</td>
<td class="fs-6">
1000 - 1500 <a data-toggle="modal" data-target="#">
<span class="view-modal">
View
</span>
</a></td>
</tr>
<tr>
<td class="fs-6 w-200px">
Suggested Diet :</td>
<td class="fs-6">
Keto Diet
<a data-toggle="modal" data-target="#change">
<span class="view-modal">
Change Diet
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Subscription">
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<tbody>
<tr>
<td class="fs-6 w-200px">
Subscription Type :</td>
<td class="fs-6">
<div class="select-options select-option-four">
<select class="form-select form-select-solid w-75" name="subscription_id" id= "subscription_name" data-control="select2" data-placeholder="Beginner" data-hide-search="true">
@foreach($subcriptions as $subcription)
<option value="{{$subcription['utm_plan']}}"{{ $get_single_user_data['utm_source'] == $subcription['utm_plan'] ? 'selected' : '' }} >{{$subcription['plan_name']}}</option>
@endforeach
</select>
</div>
</td>
</tr>
<!--<tr>-->
<!-- <td class="fs-6 w-200px">-->
<!-- Last Payment Made :</td>-->
<!-- <td class="fs-6">-->
<!-- Paid</td>-->
<!--</tr> -->
<!--<tr>-->
<!-- <td class="fs-6 w-200px">-->
<!-- Last Payment Date :</td>-->
<!-- <td class="fs-6">-->
<!-- June 1, 2022</td>-->
<!--</tr> -->
<!--<tr>-->
<!-- <td class="fs-6 w-200px">-->
<!-- Transaction ID :</td>-->
<!-- <td class="fs-6">-->
<!-- #123412451</td>-->
<!--</tr> -->
<!--<tr>-->
<!-- <td class="fs-6 w-200px">-->
<!-- Mode of Payment :</td>-->
<!-- <td class="fs-6">-->
<!-- Master Card</td>-->
<!--</tr> -->
</tbody>
</table>
<div class="down-btn top-btn">
<button id="updatePlan"> Update Plan</button>
</div>
</div>
</div>
<!--<div class="card mb-xl-8">-->
<!--begin::Body-->
<!-- <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 index-head">-->
<!--begin::Title-->
<!-- <h1-->
<!-- class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">-->
<!-- Previous Payments :-</h1> -->
<!-- </div>-->
<!-- <div class="card-body py-3 user-profile-pagi">-->
<!--begin::Table container-->
<!-- <div class="table-responsive">-->
<!--begin::Table-->
<!-- <table id="mng-sings"-->
<!-- class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">-->
<!--begin::Table head-->
<!-- <thead>-->
<!-- <tr class="fw-bold text-muted">-->
<!-- <th class=" w-75px min-w-75px">Sr. No.</th>-->
<!-- <th class="w-100px min-w-100px">Subscription Type</th>-->
<!-- <th class="w-100px min-w-100px ">Last Payment Made</th>-->
<!-- <th class="w-100px min-w-100px">Last Payment Date</th>-->
<!-- <th class="w-100px min-w-100px ">Transaction ID</th>-->
<!-- <th class="w-100px min-w-100px">Mode of Payment</th>-->
<!-- <th class="w-150px min-w-150px">Actions</th>-->
<!-- </tr>-->
<!-- </thead>-->
<!--end::Table head-->
<!--begin::Table body-->
<!-- <tbody>-->
<!-- <tr>-->
<!-- <td class="fs-6 ">1 -->
<!-- </td>-->
<!-- <td class="fs-6 ">-->
<!-- 1 Month-->
<!-- </td>-->
<!-- <td class="fs-6 ">Paid-->
<!-- </td>-->
<!-- <td class=" fs-6 ">June 1, 2022-->
<!-- </td>-->
<!-- <td class="fs-6 ">#123412451-->
<!-- </td>-->
<!-- <td class="fs-6 ">Master Card-->
<!-- </td>-->
<!-- <td class="">-->
<!-- <div class="down-btn">-->
<!-- <button><i class="fa fa-download" aria-hidden="true"></i> Download Invoice</button>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td class="fs-6 ">2 -->
<!-- </td>-->
<!-- <td class="fs-6 ">-->
<!-- 1 Month-->
<!-- </td>-->
<!-- <td class="fs-6 ">Paid-->
<!-- </td>-->
<!-- <td class=" fs-6 ">June 1, 2022-->
<!-- </td>-->
<!-- <td class="fs-6 ">#123412451-->
<!-- </td>-->
<!-- <td class="fs-6 ">Master Card-->
<!-- </td>-->
<!-- <td class="">-->
<!-- <div class="down-btn">-->
<!-- <button><i class="fa fa-download" aria-hidden="true"></i> Download Invoice</button>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr> -->
<!-- <td class="fs-6 ">3 -->
<!-- </td>-->
<!-- <td class="fs-6 ">-->
<!-- 1 Month-->
<!-- </td>-->
<!-- <td class="fs-6 ">Paid-->
<!-- </td>-->
<!-- <td class=" fs-6 ">June 1, 2022-->
<!-- </td>-->
<!-- <td class="fs-6 ">#123412451-->
<!-- </td>-->
<!-- <td class="fs-6 ">Master Card-->
<!-- </td>-->
<!-- <td class="">-->
<!-- <div class="down-btn">-->
<!-- <button><i class="fa fa-download" aria-hidden="true"></i> Download Invoice</button>-->
<!-- </div>-->
<!-- </td>-->
<!-- </tr>-->
<!-- </tbody>-->
<!--end::Table body-->
<!-- </table>-->
<!--end::Table-->
<!-- </div>-->
<!--end::Table container-->
<!-- </div>-->
<!--begin::Body-->
<!--</div>-->
</div>
<div role="tabpanel" class="tab-pane fade" id="Leaderboard">
<div class="card-body py-3">
<!--begin::Table container-->
<div class="leader-board">
<div class="row">
<div class="col-md-12">
<div class="active-edit act-edit2">
<label>Current Leaderboard Position : </label>
<div class="container-fluid">
<div class="form-group">
<div id="myMultiselect" class="multiselect myMultiselect">
<div id="mySelectLabel" class="selectBox mySelectLabel" onclick="toggleCheckboxArea()">
<select class="form-select">
<option>somevalue</option>
</select>
<div class="overSelect"></div>
</div>
<div id="mySelectOptions" class="mySelectOptions">
<label for="one"><input type="checkbox" id="one" onchange="checkboxStatusChange()" value="1" />1</label>
<label for="two"><input type="checkbox" id="two" onchange="checkboxStatusChange()" value="2" disabled />2<i class="fa fa-times" aria-hidden="true"></i></label>
<label for="three"><input type="checkbox" id="three" onchange="checkboxStatusChange()" value="3" disabled />3<i class="fa fa-times" aria-hidden="true"></i></label>
<label for="four"><input type="checkbox" id="four" onchange="checkboxStatusChange()" value="4" />4</label>
<label for="five"><input type="checkbox" id="five" onchange="checkboxStatusChange()" value="5" /> 5</label>
</div>
</div>
</div>
</div>
</div>
<div class="active-edit">
<label>Current Points :</label>
<input type="number" name="" class="" value="240">
</div>
<div class="active-edit act-edit2">
<label>Current Badge :</label>
<div class="container-fluid">
<div class="form-group">
<div id="myMultiselect1" class="multiselect myMultiselect">
<div id="mySelectLabel1" class="selectBox mySelectLabel" onclick="toggleCheckboxAreas()">
<select class="form-select">
<option>somevalue</option>
</select>
<div class="overSelect"></div>
</div>
<div id="mySelectOptions1" class="mySelectOptions">
<label for="one1"><input type="checkbox" id="one1" onchange="checkboxStatusChanges()" value="Badge Name 1" />Badge Name 1</label>
<label for="two1"><input type="checkbox" id="two1" onchange="checkboxStatusChanges()" value="Badge Name 2" />Badge Name 2</label>
<label for="three1"><input type="checkbox" id="three1" onchange="checkboxStatusChanges()" value="Badge Name 3" />Badge Name 3</label>
<label for="four1"><input type="checkbox" id="four1" onchange="checkboxStatusChanges()" value="Badge Name 4" />Badge Name 4</label>
<label for="five1"><input type="checkbox" id="five1" onchange="checkboxStatusChanges()" value="Badge Name 5" />Badge Name 5</label>
</div>
</div>
</div>
</div>
</div>
<div class="question-btn">
<a href="users-profile-two.php" class="btn btn-sm fw-bold btn-primary explore">Save
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@else
<div class="tab-content bg-color-card p-5">
<h3>No Data Found</h3>
</div>
@endif
</div>
</div>
<!--end::Content wrapper-->
</div>
</div>
<!--end:::Main-->
<!--</div>-->
<div class="modal fade score_popup" id="score_popup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="modal-body">
<div class="quiz-popup">
<div class="row">
<div class="col-md-6">
<div class="question">
<div class="num">
1)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="cross">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
2)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
3)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
4)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
5)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
6)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-md-6">
<div class="question">
<div class="num">
7)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
8)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="cross">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
9)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
10)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
11)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="question">
<div class="num">
12)
</div>
<div class="answer">
<p><label>Question :</label>What Is Your Weight ?</p>
<p><label>Answer:</label>Lorem Ipsum Lorem</p>
</div>
<div class="check">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade edit-changes" id="change" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="cheks-box">
<form>
<div class="form-group">
<input type="checkbox" id="html">
<label for="html">Keto Diet</label>
</div>
<div class="form-group">
<input type="checkbox" id="css">
<label for="css">Super Diet</label>
</div>
<div class="form-group">
<input type="checkbox" id="javascript">
<label for="javascript">Natural Diet</label>
</div>
</form>
</div>
<div class="modal-footer">
<a href=""><button type="button" class="btn btn-primary">Save</button></a>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="updateSubModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content Delete_pop">
<div class="modal-body">
<svg style="color: red;margin-bottom: 20px;" xmlns="http://www.w3.org/2000/svg" width="50"
height="50" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" fill="red">
</path>
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
fill="red"></path>
</svg>
<input type="hidden" id="userId" value="{{$get_single_user_data['id']}}">
<input type="hidden" id="SubPlanValue">
<h2>Are you sure you want to update {{$get_single_user_data['full_name']}}'s subscription plan ?</h2>
<div class="modal-footer logout_footer">
<button class="log-close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">Cancel</span>
</button>
<a href=""><button type="button" class="btn btn-primary UpdateSubBtn">Update</button></a>
</div>
</div>
</div>
</div>
</div>
@endsection