first commit

This commit is contained in:
2022-04-13 13:51:55 +07:00
commit 47e209c023
3107 changed files with 238911 additions and 0 deletions

0
resources/css/app.css Normal file
View File

1
resources/js/app.js Normal file
View File

@ -0,0 +1 @@
require('./bootstrap');

28
resources/js/bootstrap.js vendored Normal file
View File

@ -0,0 +1,28 @@
window._ = require('lodash');
/**
* We'll load the axios HTTP library which allows us to easily issue requests
* to our Laravel back-end. This library automatically handles sending the
* CSRF token as a header based on the value of the "XSRF" token cookie.
*/
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/
// import Echo from 'laravel-echo';
// window.Pusher = require('pusher-js');
// window.Echo = new Echo({
// broadcaster: 'pusher',
// key: process.env.MIX_PUSHER_APP_KEY,
// cluster: process.env.MIX_PUSHER_APP_CLUSTER,
// forceTLS: true
// });

View File

@ -0,0 +1,20 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Authentication Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are used during authentication for various
| messages that we need to display to the user. You are free to modify
| these language lines according to your application's requirements.
|
*/
'failed' => 'These credentials do not match our records.',
'password' => 'The provided password is incorrect.',
'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
];

View File

@ -0,0 +1,19 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Pagination Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are used by the paginator library to build
| the simple pagination links. You are free to change them to anything
| you want to customize your views to better match your application.
|
*/
'previous' => '&laquo; Previous',
'next' => 'Next &raquo;',
];

View File

@ -0,0 +1,22 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Password Reset Language Lines
|--------------------------------------------------------------------------
|
| The following language lines are the default lines which match reasons
| that are given by the password broker for a password update attempt
| has failed, such as for an invalid token or invalid new password.
|
*/
'reset' => 'Your password has been reset!',
'sent' => 'We have emailed your password reset link!',
'throttled' => 'Please wait before retrying.',
'token' => 'This password reset token is invalid.',
'user' => "We can't find a user with that email address.",
];

View File

@ -0,0 +1,163 @@
<?php
return [
/*
|--------------------------------------------------------------------------
| Validation Language Lines
|--------------------------------------------------------------------------
|
| The following language lines contain the default error messages used by
| the validator class. Some of these rules have multiple versions such
| as the size rules. Feel free to tweak each of these messages here.
|
*/
'accepted' => 'The :attribute must be accepted.',
'accepted_if' => 'The :attribute must be accepted when :other is :value.',
'active_url' => 'The :attribute is not a valid URL.',
'after' => 'The :attribute must be a date after :date.',
'after_or_equal' => 'The :attribute must be a date after or equal to :date.',
'alpha' => 'The :attribute must only contain letters.',
'alpha_dash' => 'The :attribute must only contain letters, numbers, dashes and underscores.',
'alpha_num' => 'The :attribute must only contain letters and numbers.',
'array' => 'The :attribute must be an array.',
'before' => 'The :attribute must be a date before :date.',
'before_or_equal' => 'The :attribute must be a date before or equal to :date.',
'between' => [
'numeric' => 'The :attribute must be between :min and :max.',
'file' => 'The :attribute must be between :min and :max kilobytes.',
'string' => 'The :attribute must be between :min and :max characters.',
'array' => 'The :attribute must have between :min and :max items.',
],
'boolean' => 'The :attribute field must be true or false.',
'confirmed' => 'The :attribute confirmation does not match.',
'current_password' => 'The password is incorrect.',
'date' => 'The :attribute is not a valid date.',
'date_equals' => 'The :attribute must be a date equal to :date.',
'date_format' => 'The :attribute does not match the format :format.',
'declined' => 'The :attribute must be declined.',
'declined_if' => 'The :attribute must be declined when :other is :value.',
'different' => 'The :attribute and :other must be different.',
'digits' => 'The :attribute must be :digits digits.',
'digits_between' => 'The :attribute must be between :min and :max digits.',
'dimensions' => 'The :attribute has invalid image dimensions.',
'distinct' => 'The :attribute field has a duplicate value.',
'email' => 'The :attribute must be a valid email address.',
'ends_with' => 'The :attribute must end with one of the following: :values.',
'enum' => 'The selected :attribute is invalid.',
'exists' => 'The selected :attribute is invalid.',
'file' => 'The :attribute must be a file.',
'filled' => 'The :attribute field must have a value.',
'gt' => [
'numeric' => 'The :attribute must be greater than :value.',
'file' => 'The :attribute must be greater than :value kilobytes.',
'string' => 'The :attribute must be greater than :value characters.',
'array' => 'The :attribute must have more than :value items.',
],
'gte' => [
'numeric' => 'The :attribute must be greater than or equal to :value.',
'file' => 'The :attribute must be greater than or equal to :value kilobytes.',
'string' => 'The :attribute must be greater than or equal to :value characters.',
'array' => 'The :attribute must have :value items or more.',
],
'image' => 'The :attribute must be an image.',
'in' => 'The selected :attribute is invalid.',
'in_array' => 'The :attribute field does not exist in :other.',
'integer' => 'The :attribute must be an integer.',
'ip' => 'The :attribute must be a valid IP address.',
'ipv4' => 'The :attribute must be a valid IPv4 address.',
'ipv6' => 'The :attribute must be a valid IPv6 address.',
'json' => 'The :attribute must be a valid JSON string.',
'lt' => [
'numeric' => 'The :attribute must be less than :value.',
'file' => 'The :attribute must be less than :value kilobytes.',
'string' => 'The :attribute must be less than :value characters.',
'array' => 'The :attribute must have less than :value items.',
],
'lte' => [
'numeric' => 'The :attribute must be less than or equal to :value.',
'file' => 'The :attribute must be less than or equal to :value kilobytes.',
'string' => 'The :attribute must be less than or equal to :value characters.',
'array' => 'The :attribute must not have more than :value items.',
],
'mac_address' => 'The :attribute must be a valid MAC address.',
'max' => [
'numeric' => 'The :attribute must not be greater than :max.',
'file' => 'The :attribute must not be greater than :max kilobytes.',
'string' => 'The :attribute must not be greater than :max characters.',
'array' => 'The :attribute must not have more than :max items.',
],
'mimes' => 'The :attribute must be a file of type: :values.',
'mimetypes' => 'The :attribute must be a file of type: :values.',
'min' => [
'numeric' => 'The :attribute must be at least :min.',
'file' => 'The :attribute must be at least :min kilobytes.',
'string' => 'The :attribute must be at least :min characters.',
'array' => 'The :attribute must have at least :min items.',
],
'multiple_of' => 'The :attribute must be a multiple of :value.',
'not_in' => 'The selected :attribute is invalid.',
'not_regex' => 'The :attribute format is invalid.',
'numeric' => 'The :attribute must be a number.',
'password' => 'The password is incorrect.',
'present' => 'The :attribute field must be present.',
'prohibited' => 'The :attribute field is prohibited.',
'prohibited_if' => 'The :attribute field is prohibited when :other is :value.',
'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.',
'prohibits' => 'The :attribute field prohibits :other from being present.',
'regex' => 'The :attribute format is invalid.',
'required' => 'The :attribute field is required.',
'required_array_keys' => 'The :attribute field must contain entries for: :values.',
'required_if' => 'The :attribute field is required when :other is :value.',
'required_unless' => 'The :attribute field is required unless :other is in :values.',
'required_with' => 'The :attribute field is required when :values is present.',
'required_with_all' => 'The :attribute field is required when :values are present.',
'required_without' => 'The :attribute field is required when :values is not present.',
'required_without_all' => 'The :attribute field is required when none of :values are present.',
'same' => 'The :attribute and :other must match.',
'size' => [
'numeric' => 'The :attribute must be :size.',
'file' => 'The :attribute must be :size kilobytes.',
'string' => 'The :attribute must be :size characters.',
'array' => 'The :attribute must contain :size items.',
],
'starts_with' => 'The :attribute must start with one of the following: :values.',
'string' => 'The :attribute must be a string.',
'timezone' => 'The :attribute must be a valid timezone.',
'unique' => 'The :attribute has already been taken.',
'uploaded' => 'The :attribute failed to upload.',
'url' => 'The :attribute must be a valid URL.',
'uuid' => 'The :attribute must be a valid UUID.',
/*
|--------------------------------------------------------------------------
| Custom Validation Language Lines
|--------------------------------------------------------------------------
|
| Here you may specify custom validation messages for attributes using the
| convention "attribute.rule" to name the lines. This makes it quick to
| specify a specific custom language line for a given attribute rule.
|
*/
'custom' => [
'attribute-name' => [
'rule-name' => 'custom-message',
],
],
/*
|--------------------------------------------------------------------------
| Custom Validation Attributes
|--------------------------------------------------------------------------
|
| The following language lines are used to swap our attribute placeholder
| with something more reader friendly such as "E-Mail Address" instead
| of "email". This simply helps us make our message more expressive.
|
*/
'attributes' => [],
];

View File

@ -0,0 +1,61 @@
<!--**********************************
Scripts
***********************************-->
<!-- Required vendors -->
<script src="{{ asset('style/vendor/global/global.min.js') }}"></script>
<script src="{{ asset('style/vendor/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('style/vendor/chart.js/Chart.bundle.min.js') }}"></script>
<script src="{{ asset('style/js/custom.min.js') }}"></script>
<script src="{{ asset('style/js/deznav-init.js') }}"></script>
<script src="{{ asset('style/vendor/owl-carousel/owl.carousel.js') }}"></script>
<!-- Chart piety plugin files -->
<script src="{{ asset('style/vendor/peity/jquery.peity.min.js') }}"></script>
<!-- Apex Chart -->
<script src="{{ asset('style/vendor/apexchart/apexchart.js') }}"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!-- Dashboard 1 -->
<script src="{{ asset('style/js/dashboard/dashboard-1.js') }}"></script>
<script>
function carouselReview() {
/* testimonial one function by = owl.carousel.js */
jQuery('.testimonial-one').owlCarousel({
loop: true,
autoplay: true,
margin: 30,
nav: false,
dots: false,
left: true,
navText: ['<i class="fa fa-chevron-left" aria-hidden="true"></i>',
'<i class="fa fa-chevron-right" aria-hidden="true"></i>'
],
responsive: {
0: {
items: 1
},
484: {
items: 2
},
882: {
items: 3
},
1200: {
items: 2
},
1540: {
items: 3
},
1740: {
items: 4
}
}
})
}
jQuery(window).on('load', function() {
setTimeout(function() {
carouselReview();
}, 1000);
});
</script>

View File

@ -0,0 +1,18 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Gymove - Fitness Bootstrap Admin Dashboard</title>
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('style/images/favicon.png') }}">
<link rel="stylesheet" href="{{ asset('style/vendor/chartist/css/chartist.min.css') }}">
<link href="{{ asset('style/vendor/bootstrap-select/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">
<link href="{{ asset('style/vendor/owl-carousel/owl.carousel.css') }}" rel="stylesheet">
<link href="{{ asset('style/css/style.css') }}" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>

View File

@ -0,0 +1,245 @@
<div class="header">
<div class="header-content">
<nav class="navbar navbar-expand">
<div class="collapse navbar-collapse justify-content-between">
<div class="header-left">
<div class="dashboard_bar">
Dashboard
</div>
</div>
<ul class="navbar-nav header-right">
@if ($data->nama != 'user')
<li class="nav-item">
<div class="input-group search-area d-xl-inline-flex d-none">
<div class="input-group-append">
<span class="input-group-text"><a href="javascript:void(0)"><i
class="flaticon-381-search-2"></i></a></span>
</div>
<input type="text" class="form-control" placeholder="Search here...">
</div>
</li>
<li class="nav-item dropdown notification_dropdown">
<a class="nav-link ai-icon" href="javascript:void(0)" role="button" data-toggle="dropdown">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M22.75 15.8385V13.0463C22.7471 10.8855 21.9385 8.80353 20.4821 7.20735C19.0258 5.61116 17.0264 4.61555 14.875 4.41516V2.625C14.875 2.39294 14.7828 2.17038 14.6187 2.00628C14.4546 1.84219 14.2321 1.75 14 1.75C13.7679 1.75 13.5454 1.84219 13.3813 2.00628C13.2172 2.17038 13.125 2.39294 13.125 2.625V4.41534C10.9736 4.61572 8.97429 5.61131 7.51794 7.20746C6.06159 8.80361 5.25291 10.8855 5.25 13.0463V15.8383C4.26257 16.0412 3.37529 16.5784 2.73774 17.3593C2.10019 18.1401 1.75134 19.1169 1.75 20.125C1.75076 20.821 2.02757 21.4882 2.51969 21.9803C3.01181 22.4724 3.67904 22.7492 4.375 22.75H9.71346C9.91521 23.738 10.452 24.6259 11.2331 25.2636C12.0142 25.9013 12.9916 26.2497 14 26.2497C15.0084 26.2497 15.9858 25.9013 16.7669 25.2636C17.548 24.6259 18.0848 23.738 18.2865 22.75H23.625C24.321 22.7492 24.9882 22.4724 25.4803 21.9803C25.9724 21.4882 26.2492 20.821 26.25 20.125C26.2486 19.117 25.8998 18.1402 25.2622 17.3594C24.6247 16.5786 23.7374 16.0414 22.75 15.8385ZM7 13.0463C7.00232 11.2113 7.73226 9.45223 9.02974 8.15474C10.3272 6.85726 12.0863 6.12732 13.9212 6.125H14.0788C15.9137 6.12732 17.6728 6.85726 18.9703 8.15474C20.2677 9.45223 20.9977 11.2113 21 13.0463V15.75H7V13.0463ZM14 24.5C13.4589 24.4983 12.9316 24.3292 12.4905 24.0159C12.0493 23.7026 11.716 23.2604 11.5363 22.75H16.4637C16.284 23.2604 15.9507 23.7026 15.5095 24.0159C15.0684 24.3292 14.5411 24.4983 14 24.5ZM23.625 21H4.375C4.14298 20.9999 3.9205 20.9076 3.75644 20.7436C3.59237 20.5795 3.50014 20.357 3.5 20.125C3.50076 19.429 3.77757 18.7618 4.26969 18.2697C4.76181 17.7776 5.42904 17.5008 6.125 17.5H21.875C22.571 17.5008 23.2382 17.7776 23.7303 18.2697C24.2224 18.7618 24.4992 19.429 24.5 20.125C24.4999 20.357 24.4076 20.5795 24.2436 20.7436C24.0795 20.9076 23.857 20.9999 23.625 21Z"
fill="#0B2A97" />
</svg>
<div class="pulse-css"></div>
</a>
<div class="dropdown-menu rounded dropdown-menu-right">
<div id="DZ_W_Notification1" class="widget-media dz-scroll p-3 height380">
<ul class="timeline">
<li>
<div class="timeline-panel">
<div class="media mr-2">
<img alt="image" width="50" src="images/avatar/1.jpg">
</div>
<div class="media-body">
<h6 class="mb-1">Dr sultads Send you Photo
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
<li>
<div class="timeline-panel">
<div class="media mr-2 media-info">
KG
</div>
<div class="media-body">
<h6 class="mb-1">Resport created successfully
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
<li>
<div class="timeline-panel">
<div class="media mr-2 media-success">
<i class="fa fa-home"></i>
</div>
<div class="media-body">
<h6 class="mb-1">Reminder : Treatment Time!
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
<li>
<div class="timeline-panel">
<div class="media mr-2">
<img alt="image" width="50" src="images/avatar/1.jpg">
</div>
<div class="media-body">
<h6 class="mb-1">Dr sultads Send you Photo
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
<li>
<div class="timeline-panel">
<div class="media mr-2 media-danger">
KG
</div>
<div class="media-body">
<h6 class="mb-1">Resport created successfully
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
<li>
<div class="timeline-panel">
<div class="media mr-2 media-primary">
<i class="fa fa-home"></i>
</div>
<div class="media-body">
<h6 class="mb-1">Reminder : Treatment Time!
</h6>
<small class="d-block">29 July 2020 - 02:26
PM</small>
</div>
</div>
</li>
</ul>
</div>
<a class="all-notification" href="javascript:void(0)">See all notifications
<i class="ti-arrow-right"></i></a>
</div>
</li>
<li class="nav-item dropdown notification_dropdown">
<a class="nav-link" href="javascript:void(0)" data-toggle="dropdown">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.625 6.12506H22.75V2.62506C22.75 2.47268 22.7102 2.32295 22.6345 2.19068C22.5589 2.05841 22.45 1.94819 22.3186 1.87093C22.1873 1.79367 22.0381 1.75205 21.8857 1.75019C21.7333 1.74832 21.5831 1.78629 21.4499 1.86031L14 5.99915L6.55007 1.86031C6.41688 1.78629 6.26667 1.74832 6.11431 1.75019C5.96194 1.75205 5.8127 1.79367 5.68136 1.87093C5.55002 1.94819 5.44113 2.05841 5.36547 2.19068C5.28981 2.32295 5.25001 2.47268 5.25 2.62506V6.12506H4.375C3.67904 6.12582 3.01181 6.40263 2.51969 6.89475C2.02757 7.38687 1.75076 8.0541 1.75 8.75006V11.3751C1.75076 12.071 2.02757 12.7383 2.51969 13.2304C3.01181 13.7225 3.67904 13.9993 4.375 14.0001H5.25V23.6251C5.25076 24.321 5.52757 24.9882 6.01969 25.4804C6.51181 25.9725 7.17904 26.2493 7.875 26.2501H20.125C20.821 26.2493 21.4882 25.9725 21.9803 25.4804C22.4724 24.9882 22.7492 24.321 22.75 23.6251V14.0001H23.625C24.321 13.9993 24.9882 13.7225 25.4803 13.2304C25.9724 12.7383 26.2492 12.071 26.25 11.3751V8.75006C26.2492 8.0541 25.9724 7.38687 25.4803 6.89475C24.9882 6.40263 24.321 6.12582 23.625 6.12506ZM21 6.12506H17.3769L21 4.11256V6.12506ZM7 4.11256L10.6231 6.12506H7V4.11256ZM7 23.6251V14.0001H13.125V24.5001H7.875C7.64303 24.4998 7.42064 24.4075 7.25661 24.2434C7.09258 24.0794 7.0003 23.857 7 23.6251ZM21 23.6251C20.9997 23.857 20.9074 24.0794 20.7434 24.2434C20.5794 24.4075 20.357 24.4998 20.125 24.5001H14.875V14.0001H21V23.6251ZM24.5 11.3751C24.4997 11.607 24.4074 11.8294 24.2434 11.9934C24.0794 12.1575 23.857 12.2498 23.625 12.2501H4.375C4.14303 12.2498 3.92064 12.1575 3.75661 11.9934C3.59258 11.8294 3.5003 11.607 3.5 11.3751V8.75006C3.5003 8.51809 3.59258 8.2957 3.75661 8.13167C3.92064 7.96764 4.14303 7.87536 4.375 7.87506H23.625C23.857 7.87536 24.0794 7.96764 24.2434 8.13167C24.4074 8.2957 24.4997 8.51809 24.5 8.75006V11.3751Z"
fill="#0B2A97" />
</svg>
<div class="pulse-css"></div>
</a>
<div class="dropdown-menu dropdown-menu-right rounded">
<div id="DZ_W_TimeLine11Home"
class="widget-timeline dz-scroll style-1 p-3 height370 ps ps--active-y">
<ul class="timeline">
<li>
<div class="timeline-badge primary"></div>
<a class="timeline-panel text-muted" href="#">
<span>10 minutes ago</span>
<h6 class="mb-0">Youtube, a video-sharing website,
goes
live <strong class="text-primary">$500</strong>.</h6>
</a>
</li>
<li>
<div class="timeline-badge info">
</div>
<a class="timeline-panel text-muted" href="#">
<span>20 minutes ago</span>
<h6 class="mb-0">New order placed <strong
class="text-info">#XF-2356.</strong></h6>
<p class="mb-0">Quisque a consequat ante Sit amet
magna
at volutapt...
</p>
</a>
</li>
<li>
<div class="timeline-badge danger">
</div>
<a class="timeline-panel text-muted" href="#">
<span>30 minutes ago</span>
<h6 class="mb-0">john just buy your product
<strong class="text-warning">Sell $250</strong>
</h6>
</a>
</li>
<li>
<div class="timeline-badge success">
</div>
<a class="timeline-panel text-muted" href="#">
<span>15 minutes ago</span>
<h6 class="mb-0">StumbleUpon is acquired by eBay.
</h6>
</a>
</li>
<li>
<div class="timeline-badge warning">
</div>
<a class="timeline-panel text-muted" href="#">
<span>20 minutes ago</span>
<h6 class="mb-0">Mashable, a news website and
blog, goes
live.</h6>
</a>
</li>
<li>
<div class="timeline-badge dark">
</div>
<a class="timeline-panel text-muted" href="#">
<span>20 minutes ago</span>
<h6 class="mb-0">Mashable, a news website and
blog, goes
live.</h6>
</a>
</li>
</ul>
</div>
</div>
</li>
@endif
<li class="nav-item dropdown header-profile">
<a class="nav-link" href="javascript:void(0)" role="button" data-toggle="dropdown">
<img src="{{ asset('style/images/profile/prof1.png') }}" width="20" alt="" />
<div class="header-info">
<span class="text-black"><strong>{{ $data->nama }}</strong></span>
{{-- <p class="fs-12 mb-0">Super Admin</p> --}}
</div>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a href="./app-profile.html" class="dropdown-item ai-icon">
<svg id="icon-user1" xmlns="http://www.w3.org/2000/svg" class="text-primary"
width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
<span class="ml-2">Profile </span>
</a>
<a href="./email-inbox.html" class="dropdown-item ai-icon">
<svg id="icon-inbox" xmlns="http://www.w3.org/2000/svg" class="text-success"
width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z">
</path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
<span class="ml-2">Inbox </span>
</a>
<a href="{{ url('/logout') }}" class="dropdown-item ai-icon">
<svg id="icon-logout" xmlns="http://www.w3.org/2000/svg" class="text-danger"
width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
<polyline points="16 17 21 12 16 7"></polyline>
<line x1="21" y1="12" x2="9" y2="12"></line>
</svg>
<span class="ml-2">Logout </span>
</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>

View File

@ -0,0 +1,1122 @@
<!DOCTYPE html>
<html lang="en">
<?php
$data = session()->get('dataUser');
?>
@include('head')
<body>
<!--*******************
Preloader start
********************-->
<div id="preloader">
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
<!--*******************
Preloader end
********************-->
<!--**********************************
Main wrapper start
***********************************-->
<div id="main-wrapper">
<!--**********************************
Nav header start
***********************************-->
<div class="nav-header">
<a href="index.html" class="brand-logo">
<img class="brand-title" src="{{ asset('style/images/logo-text.png') }}" alt="">
<img class="logo-abbr" src="{{ asset('style/images/logo-POSit!.png') }}" alt="">
<img class="logo-compact" src="{{ asset('style/images/logo-text.png') }}" alt="">
</a>
@if ($data->nama != 'user')
<div class="nav-control">
<div class="hamburger">
<span class="line"></span><span class="line"></span><span
class="line"></span>
</div>
</div>
@endif
</div>
<!--**********************************
Nav header end
***********************************-->
<!--**********************************
Chat box start
***********************************-->
{{-- <div class="chatbox">
<div class="chatbox-close"></div>
<div class="custom-tab-1">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#notes">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#alerts">Alerts</a>
</li>
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#chat">Chat</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active show" id="chat" role="tabpanel">
<div class="card mb-sm-3 mb-md-0 contacts_card dz-chat-user-box">
<div class="card-header chat-list-header text-center">
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect fill="#000000" x="4" y="11" width="16" height="2" rx="1" />
<rect fill="#000000" opacity="0.3"
transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) "
x="4" y="11" width="16" height="2" rx="1" />
</g>
</svg></a>
<div>
<h6 class="mb-1">Chat List</h6>
<p class="mb-0">Show All</p>
</div>
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<circle fill="#000000" cx="5" cy="12" r="2" />
<circle fill="#000000" cx="12" cy="12" r="2" />
<circle fill="#000000" cx="19" cy="12" r="2" />
</g>
</svg></a>
</div>
<div class="card-body contacts_body p-0 dz-scroll " id="DZ_W_Contacts_Body">
<ul class="contacts">
<li class="name-first-letter">A</li>
<li class="active dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="{{ asset('style/images/avatar/1.jpg') }}"
class="rounded-circle user_img" alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>Archie Parker</span>
<p>Kalid is online</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/2.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Alfie Mason</span>
<p>Taherah left 7 mins ago</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/3.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>AharlieKane</span>
<p>Sami is online</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/4.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Athan Jacoby</span>
<p>Nargis left 30 mins ago</p>
</div>
</div>
</li>
<li class="name-first-letter">B</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/5.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Bashid Samim</span>
<p>Rashid left 50 mins ago</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/1.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>Breddie Ronan</span>
<p>Kalid is online</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/2.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Ceorge Carson</span>
<p>Taherah left 7 mins ago</p>
</div>
</div>
</li>
<li class="name-first-letter">D</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/3.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>Darry Parker</span>
<p>Sami is online</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/4.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Denry Hunter</span>
<p>Nargis left 30 mins ago</p>
</div>
</div>
</li>
<li class="name-first-letter">J</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/5.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Jack Ronan</span>
<p>Rashid left 50 mins ago</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/1.jpg" class="rounded-circle user_img" alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>Jacob Tucker</span>
<p>Kalid is online</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/2.jpg" class="rounded-circle user_img"
alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>James Logan</span>
<p>Taherah left 7 mins ago</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/3.jpg" class="rounded-circle user_img"
alt="" />
<span class="online_icon"></span>
</div>
<div class="user_info">
<span>Joshua Weston</span>
<p>Sami is online</p>
</div>
</div>
</li>
<li class="name-first-letter">O</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/4.jpg" class="rounded-circle user_img"
alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Oliver Acker</span>
<p>Nargis left 30 mins ago</p>
</div>
</div>
</li>
<li class="dz-chat-user">
<div class="d-flex bd-highlight">
<div class="img_cont">
<img src="images/avatar/5.jpg" class="rounded-circle user_img"
alt="" />
<span class="online_icon offline"></span>
</div>
<div class="user_info">
<span>Oscar Weston</span>
<p>Rashid left 50 mins ago</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="card chat dz-chat-history-box d-none">
<div class="card-header chat-list-header text-center">
<a href="javascript:void(0)" class="dz-chat-history-back">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="18px" height="18px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24" />
<rect fill="#000000" opacity="0.3"
transform="translate(15.000000, 12.000000) scale(-1, 1) rotate(-90.000000) translate(-15.000000, -12.000000) "
x="14" y="7" width="2" height="10" rx="1" />
<path
d="M3.7071045,15.7071045 C3.3165802,16.0976288 2.68341522,16.0976288 2.29289093,15.7071045 C1.90236664,15.3165802 1.90236664,14.6834152 2.29289093,14.2928909 L8.29289093,8.29289093 C8.67146987,7.914312 9.28105631,7.90106637 9.67572234,8.26284357 L15.6757223,13.7628436 C16.0828413,14.136036 16.1103443,14.7686034 15.7371519,15.1757223 C15.3639594,15.5828413 14.7313921,15.6103443 14.3242731,15.2371519 L9.03007346,10.3841355 L3.7071045,15.7071045 Z"
fill="#000000" fill-rule="nonzero"
transform="translate(9.000001, 11.999997) scale(-1, -1) rotate(90.000000) translate(-9.000001, -11.999997) " />
</g>
</svg>
</a>
<div>
<h6 class="mb-1">Chat with Khelesh</h6>
<p class="mb-0 text-success">Online</p>
</div>
<div class="dropdown">
<a href="javascript:void(0)" data-toggle="dropdown"><svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<circle fill="#000000" cx="5" cy="12" r="2" />
<circle fill="#000000" cx="12" cy="12" r="2" />
<circle fill="#000000" cx="19" cy="12" r="2" />
</g>
</svg></a>
<ul class="dropdown-menu dropdown-menu-right">
<li class="dropdown-item"><i class="fa fa-user-circle text-primary mr-2"></i>
View profile</li>
<li class="dropdown-item"><i class="fa fa-users text-primary mr-2"></i> Add
to close friends</li>
<li class="dropdown-item"><i class="fa fa-plus text-primary mr-2"></i> Add to
group
</li>
<li class="dropdown-item"><i class="fa fa-ban text-primary mr-2"></i> Block
</li>
</ul>
</div>
</div>
<div class="card-body msg_card_body dz-scroll" id="DZ_W_Contacts_Body3">
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
Hi, how are you samim?
<span class="msg_time">8:40 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
Hi Khalid i am good tnx how about you?
<span class="msg_time_send">8:55 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
I am good too, thank you for your chat template
<span class="msg_time">9:00 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
You are welcome
<span class="msg_time_send">9:05 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
I am looking for your next templates
<span class="msg_time">9:07 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
Ok, thank you have a good day
<span class="msg_time_send">9:10 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
Bye, see you
<span class="msg_time">9:12 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
Hi, how are you samim?
<span class="msg_time">8:40 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
Hi Khalid i am good tnx how about you?
<span class="msg_time_send">8:55 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
I am good too, thank you for your chat template
<span class="msg_time">9:00 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
You are welcome
<span class="msg_time_send">9:05 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
I am looking for your next templates
<span class="msg_time">9:07 AM, Today</span>
</div>
</div>
<div class="d-flex justify-content-end mb-4">
<div class="msg_cotainer_send">
Ok, thank you have a good day
<span class="msg_time_send">9:10 AM, Today</span>
</div>
<div class="img_cont_msg">
<img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
</div>
<div class="d-flex justify-content-start mb-4">
<div class="img_cont_msg">
<img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt="" />
</div>
<div class="msg_cotainer">
Bye, see you
<span class="msg_time">9:12 AM, Today</span>
</div>
</div>
</div>
<div class="card-footer type_msg">
<div class="input-group">
<textarea class="form-control" placeholder="Type your message..."></textarea>
<div class="input-group-append">
<button type="button" class="btn btn-primary"><i
class="fa fa-location-arrow"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="alerts" role="tabpanel">
<div class="card mb-sm-3 mb-md-0 contacts_card">
<div class="card-header chat-list-header text-center">
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<circle fill="#000000" cx="5" cy="12" r="2" />
<circle fill="#000000" cx="12" cy="12" r="2" />
<circle fill="#000000" cx="19" cy="12" r="2" />
</g>
</svg></a>
<div>
<h6 class="mb-1">Notications</h6>
<p class="mb-0">Show All</p>
</div>
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<path
d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
fill="#000000" fill-rule="nonzero" opacity="0.3" />
<path
d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
fill="#000000" fill-rule="nonzero" />
</g>
</svg></a>
</div>
<div class="card-body contacts_body p-0 dz-scroll" id="DZ_W_Contacts_Body1">
<ul class="contacts">
<li class="name-first-letter">SEVER STATUS</li>
<li class="active">
<div class="d-flex bd-highlight">
<div class="img_cont primary">KK</div>
<div class="user_info">
<span>David Nester Birthday</span>
<p class="text-primary">Today</p>
</div>
</div>
</li>
<li class="name-first-letter">SOCIAL</li>
<li>
<div class="d-flex bd-highlight">
<div class="img_cont success">RU<i class="icon fa-birthday-cake"></i>
</div>
<div class="user_info">
<span>Perfection Simplified</span>
<p>Jame Smith commented on your status</p>
</div>
</div>
</li>
<li class="name-first-letter">SEVER STATUS</li>
<li>
<div class="d-flex bd-highlight">
<div class="img_cont primary">AU<i class="icon fa fa-user-plus"></i></div>
<div class="user_info">
<span>AharlieKane</span>
<p>Sami is online</p>
</div>
</div>
</li>
<li>
<div class="d-flex bd-highlight">
<div class="img_cont info">MO<i class="icon fa fa-user-plus"></i></div>
<div class="user_info">
<span>Athan Jacoby</span>
<p>Nargis left 30 mins ago</p>
</div>
</div>
</li>
</ul>
</div>
<div class="card-footer"></div>
</div>
</div>
<div class="tab-pane fade" id="notes">
<div class="card mb-sm-3 mb-md-0 note_card">
<div class="card-header chat-list-header text-center">
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect fill="#000000" x="4" y="11" width="16" height="2" rx="1" />
<rect fill="#000000" opacity="0.3"
transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) "
x="4" y="11" width="16" height="2" rx="1" />
</g>
</svg></a>
<div>
<h6 class="mb-1">Notes</h6>
<p class="mb-0">Add New Nots</p>
</div>
<a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px"
viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<path
d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
fill="#000000" fill-rule="nonzero" opacity="0.3" />
<path
d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
fill="#000000" fill-rule="nonzero" />
</g>
</svg></a>
</div>
<div class="card-body contacts_body p-0 dz-scroll" id="DZ_W_Contacts_Body2">
<ul class="contacts">
<li class="active">
<div class="d-flex bd-highlight">
<div class="user_info">
<span>New order placed..</span>
<p>10 Aug 2020</p>
</div>
<div class="ml-auto">
<a href="javascript:void(0)"
class="btn btn-primary btn-xs sharp mr-1"><i
class="fa fa-pencil"></i></a>
<a href="javascript:void(0)" class="btn btn-danger btn-xs sharp"><i
class="fa fa-trash"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex bd-highlight">
<div class="user_info">
<span>Youtube, a video-sharing website..</span>
<p>10 Aug 2020</p>
</div>
<div class="ml-auto">
<a href="javascript:void(0)"
class="btn btn-primary btn-xs sharp mr-1"><i
class="fa fa-pencil"></i></a>
<a href="javascript:void(0)" class="btn btn-danger btn-xs sharp"><i
class="fa fa-trash"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex bd-highlight">
<div class="user_info">
<span>john just buy your product..</span>
<p>10 Aug 2020</p>
</div>
<div class="ml-auto">
<a href="javascript:void(0)"
class="btn btn-primary btn-xs sharp mr-1"><i
class="fa fa-pencil"></i></a>
<a href="javascript:void(0)" class="btn btn-danger btn-xs sharp"><i
class="fa fa-trash"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex bd-highlight">
<div class="user_info">
<span>Athan Jacoby</span>
<p>10 Aug 2020</p>
</div>
<div class="ml-auto">
<a href="javascript:void(0)"
class="btn btn-primary btn-xs sharp mr-1"><i
class="fa fa-pencil"></i></a>
<a href="javascript:void(0)" class="btn btn-danger btn-xs sharp"><i
class="fa fa-trash"></i></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> --}}
<!--**********************************
Chat box End
***********************************-->
<!--**********************************
Header start
***********************************-->
@include('header')
<!--**********************************
Header end ti-comment-alt
***********************************-->
<!--**********************************
Sidebar start
***********************************-->
@if ($data->nama != 'user')
@include('sidebar')
@endif
<!--**********************************
Sidebar end
***********************************-->
<!--**********************************
Content body start
***********************************-->
@if ($data->nama != 'user')
<div class="content-body">
<!-- row -->
<div class="container-fluid">
<div class="row">
<div class="col-xl-6 col-xxl-12">
<div class="row">
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="widget-stat card">
<div class="card-body p-4">
<div class="media ai-icon">
<span class="mr-3 bgl-danger text-danger">
<svg id="icon-revenue" xmlns="http://www.w3.org/2000/svg" width="30"
height="30" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-dollar-sign">
<line x1="12" y1="1" x2="12" y2="23"></line>
<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6">
</path>
</svg>
</span>
<div class="media-body">
<p class="mb-1">Saldo PosPay</p>
<h4 class="mb-0"><?= $data->saldo ?></h4>
<span class="badge badge-danger">Top Up</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="card avtivity-card">
<div class="card-body">
<div class="media align-items-center">
<span class="activity-icon bgl-success mr-md-4 mr-3">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip2)">
<path
d="M14.6406 24.384C14.4639 24.1871 14.421 23.904 14.5305 23.6633C15.9635 20.513 14.4092 18.7501 14.564 11.6323C14.5713 11.2944 14.8346 10.9721 15.2564 10.9801C15.6201 10.987 15.905 11.2962 15.8971 11.6598C15.8902 11.9762 15.8871 12.2939 15.8875 12.6123C15.888 12.9813 16.1893 13.2826 16.5583 13.2776C17.6426 13.2628 19.752 12.9057 20.5684 10.4567L20.9744 9.23876C21.7257 6.9847 20.4421 4.55115 18.1335 3.91572L13.9816 2.77294C12.3274 2.31768 10.5363 2.94145 9.52387 4.32498C4.66826 10.9599 1.44452 18.5903 0.0754914 26.6727C-0.300767 28.8937 0.754757 31.1346 2.70222 32.2488C13.6368 38.5051 26.6023 39.1113 38.35 33.6379C39.3524 33.1709 40.0002 32.1534 40.0002 31.0457V19.1321C40.0002 18.182 39.5322 17.2976 38.7484 16.7664C34.5339 13.91 29.1672 14.2521 25.5723 18.0448C25.2519 18.3828 25.3733 18.937 25.8031 19.1166C27.4271 19.7957 28.9625 20.7823 30.2439 21.9475C30.5225 22.2008 30.542 22.6396 30.2654 22.9155C30.0143 23.1658 29.6117 23.1752 29.3485 22.9376C25.9907 19.9053 21.4511 18.5257 16.935 19.9686C16.658 20.0571 16.4725 20.3193 16.477 20.61C16.496 21.8194 16.294 22.9905 15.7421 24.2172C15.5453 24.6544 14.9607 24.7409 14.6406 24.384Z"
fill="#27BC48" />
</g>
<defs>
<clipPath id="clip2">
<rect width="40" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<div class="media-body">
<p class="fs-14 mb-2">Available Locker</p>
<span class="title text-black font-w600">16</span>
</div>
</div>
<div class="progress" style="height:5px;">
<div class="progress-bar bg-success" style="width: 42%; height:5px;"
role="progressbar">
<span class="sr-only">42% Complete</span>
</div>
</div>
</div>
<div class="effect bg-success"></div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="card avtivity-card">
<div class="card-body">
<div class="media align-items-center">
<span class="activity-icon bgl-secondary mr-md-4 mr-3">
<svg width="40" height="37" viewBox="0 0 40 37" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.64826 26.5285C0.547125 26.7394 -0.174308 27.8026 0.0366371 28.9038C0.222269 29.8741 1.07449 30.5491 2.02796 30.5491C2.15453 30.5491 2.28531 30.5364 2.41188 30.5112L10.7653 28.908C11.242 28.8152 11.6682 28.5578 11.9719 28.1781L15.558 23.6554L14.3599 23.0437C13.4739 22.5965 12.8579 21.7865 12.6469 20.8035L9.26338 25.0688L1.64826 26.5285Z"
fill="#A02CFA" />
<path
d="M31.3999 8.89345C33.8558 8.89345 35.8467 6.90258 35.8467 4.44673C35.8467 1.99087 33.8558 0 31.3999 0C28.9441 0 26.9532 1.99087 26.9532 4.44673C26.9532 6.90258 28.9441 8.89345 31.3999 8.89345Z"
fill="#A02CFA" />
<path
d="M21.6965 3.33297C21.2282 2.85202 20.7937 2.66217 20.3169 2.66217C20.1439 2.66217 19.971 2.68748 19.7853 2.72967L12.1534 4.53958C11.0986 4.78849 10.4489 5.84744 10.6979 6.89795C10.913 7.80079 11.7146 8.40831 12.6048 8.40831C12.7567 8.40831 12.9086 8.39144 13.0605 8.35347L19.5618 6.81357C19.9837 7.28187 22.0974 9.57273 22.4813 9.97775C19.7938 12.855 17.1064 15.7281 14.4189 18.6054C14.3767 18.6519 14.3388 18.6982 14.3008 18.7446C13.5161 19.7445 13.7566 21.3139 14.9379 21.9088L23.1774 26.1151L18.8994 33.0467C18.313 34.0002 18.6083 35.249 19.5618 35.8396C19.8951 36.0464 20.2621 36.1434 20.6249 36.1434C21.3042 36.1434 21.9707 35.8017 22.3547 35.1815L27.7886 26.3766C28.0882 25.8915 28.1683 25.305 28.0122 24.7608C27.8561 24.2123 27.4806 23.7567 26.9702 23.4993L21.3885 20.66L27.2571 14.3823L31.6869 18.1371C32.0539 18.4493 32.5054 18.6012 32.9526 18.6012C33.4335 18.6012 33.9145 18.424 34.2899 18.078L39.3737 13.3402C40.1669 12.6019 40.2133 11.3615 39.475 10.5684C39.0868 10.1549 38.5637 9.944 38.0406 9.944C37.5638 9.944 37.0829 10.117 36.7074 10.4671L32.9019 14.0068C32.8977 14.011 23.363 5.04163 21.6965 3.33297Z"
fill="#A02CFA" />
</svg>
</span>
<div class="media-body">
<p class="fs-14 mb-2">Reserved Locker</p>
<span class="title text-black font-w600">2</span>
</div>
</div>
<div class="progress" style="height:5px;">
<div class="progress-bar bg-secondary" style="width: 82%; height:5px;"
role="progressbar">
<span class="sr-only">42% Complete</span>
</div>
</div>
</div>
<div class="effect bg-secondary"></div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="card avtivity-card">
<div class="card-body">
<div class="media align-items-center">
<span class="activity-icon bgl-danger mr-md-4 mr-3">
<svg width="40" height="39" viewBox="0 0 40 39" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M18.0977 7.90402L9.78535 16.7845C9.17929 17.6683 9.40656 18.872 10.2862 19.4738L18.6574 25.2104V30.787C18.6574 31.8476 19.4992 32.7357 20.5598 32.7568C21.6456 32.7735 22.5295 31.9023 22.5295 30.8207V24.1961C22.5295 23.5564 22.2138 22.9588 21.6877 22.601L16.3174 18.9184L20.8376 14.1246L23.1524 19.3982C23.4596 20.101 24.1582 20.5556 24.9243 20.5556H31.974C33.0346 20.5556 33.9226 19.7139 33.9437 18.6532C33.9605 17.5674 33.0893 16.6835 32.0076 16.6835H26.1953C25.4293 14.9411 24.6128 13.2155 23.9015 11.4478C23.5395 10.5556 23.3376 10.1684 22.6726 9.55389C22.5379 9.42763 21.5993 8.56904 20.7618 7.80305C19.9916 7.10435 18.8047 7.15065 18.0977 7.90402Z"
fill="#FF3282" />
<path
d="M26.0269 8.87206C28.4769 8.87206 30.463 6.88598 30.463 4.43603C30.463 1.98608 28.4769 0 26.0269 0C23.577 0 21.5909 1.98608 21.5909 4.43603C21.5909 6.88598 23.577 8.87206 26.0269 8.87206Z"
fill="#FF3282" />
<path
d="M8.16498 38.388C12.6744 38.388 16.33 34.7325 16.33 30.2231C16.33 25.7137 12.6744 22.0581 8.16498 22.0581C3.65559 22.0581 0 25.7137 0 30.2231C0 34.7325 3.65559 38.388 8.16498 38.388Z"
fill="#FF3282" />
<path
d="M31.835 38.388C36.3444 38.388 40 34.7325 40 30.2231C40 25.7137 36.3444 22.0581 31.835 22.0581C27.3256 22.0581 23.67 25.7137 23.67 30.2231C23.67 34.7325 27.3256 38.388 31.835 38.388Z"
fill="#FF3282" />
</svg>
</span>
<div class="media-body">
<p class="fs-14 mb-2">Active Locker</p>
<span class="title text-black font-w600">1</span>
</div>
</div>
<div class="progress" style="height:5px;">
<div class="progress-bar bg-danger" style="width: 90%; height:5px;"
role="progressbar">
<span class="sr-only">42% Complete</span>
</div>
</div>
</div>
<div class="effect bg-danger"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-xxl-12">
<div class="card">
<div class="card-header d-sm-flex d-block pb-0 border-0">
<div class="mr-auto pr-3 mb-sm-0 mb-3">
<h4 class="text-black fs-20">Daily Usage</h4>
<p class="fs-13 mb-0 text-black">Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<div class="card-body pt-0 pb-0">
<div id="chartBar"></div>
</div>
</div>
</div>
<div class="col-xl-9 col-xxl-8">
<div class="row">
<div class="col-xl-12">
<div class="card">
<div class="card-header d-sm-flex d-block pb-0 border-0">
<div class="mr-auto pr-3">
<h4 class="text-black font-w600 fs-20">Recomended for You</h4>
<p class="fs-13 mb-0 text-black">Lorem ipsum dolor sit amet, consectetur
</p>
</div>
<a href="food-menu.html"
class="btn btn-primary rounded d-none d-md-block">View
More</a>
</div>
<div class="card-body pt-2">
<div class="testimonial-one owl-carousel">
<div class="items">
<div class="card text-center">
<div class="card-body">
<img src="{{ asset('style/images/testimonial/1.jpg') }} "
alt="">
<h5 class="fs-16 font-w500 mb-1"><a href="app-profile.html"
class="text-black">POSit! PVJ</a></h5>
<p class="fs-14">Jl. Sukajadi BANDUNG</p>
<div
class="d-flex align-items-center justify-content-center">
<svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.09569 20C4.80437 19.9988 4.51677 19.9344 4.25273 19.8113C3.98868 19.6881 3.75447 19.5091 3.56624 19.2866C3.37801 19.0641 3.24024 18.8034 3.16243 18.5225C3.08462 18.2415 3.06862 17.9471 3.11554 17.6593L3.88905 12.8902L0.569441 9.45986C0.312024 9.19466 0.132451 8.86374 0.0503661 8.50328C-0.0317185 8.14282 -0.0131526 7.76671 0.104033 7.4161C0.221219 7.06549 0.43251 6.75388 0.714792 6.51537C0.997074 6.27685 1.33947 6.12062 1.70453 6.06376L6.20048 5.37325L8.18158 1.13817C8.34755 0.796915 8.60606 0.509234 8.92762 0.307978C9.24917 0.106721 9.6208 0 10.0001 0C10.3793 0 10.751 0.106721 11.0725 0.307978C11.3941 0.509234 11.6526 0.796915 11.8186 1.13817L13.7931 5.36719L18.2955 6.06376C18.6606 6.12062 19.003 6.27685 19.2852 6.51537C19.5675 6.75388 19.7788 7.06549 19.896 7.4161C20.0132 7.76671 20.0318 8.14282 19.9497 8.50328C19.8676 8.86374 19.688 9.19466 19.4306 9.45986L16.1144 12.8765L16.885 17.66C16.9463 18.0327 16.9014 18.4152 16.7556 18.7635C16.6097 19.1119 16.3687 19.4121 16.0602 19.6297C15.7517 19.8473 15.3882 19.9735 15.0113 19.994C14.6344 20.0144 14.2593 19.9281 13.9292 19.7451L10.0026 17.5635L6.07117 19.7451C5.77302 19.9118 5.43724 19.9996 5.09569 20Z"
fill="#FFAA29" />
</svg>
<span
class="fs-14 d-block ml-2 pr-2 mr-2 border-right text-black font-w500">4.4</span>
<a href="app-profile.html" class="btn-link fs-14">Order
Locker</a>
</div>
</div>
</div>
</div>
<div class="items">
<div class="card text-center">
<div class="card-body">
<img src="{{ asset('style/images/testimonial/2.jpg') }}"
alt="">
<h5 class="fs-16 font-w500 mb-1"><a href="app-profile.html"
class="text-black">POSit! Gedung Sate</a></h5>
<p class="fs-14">Jl. Banda BANDUNG</p>
<div
class="d-flex align-items-center justify-content-center">
<svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.09569 20C4.80437 19.9988 4.51677 19.9344 4.25273 19.8113C3.98868 19.6881 3.75447 19.5091 3.56624 19.2866C3.37801 19.0641 3.24024 18.8034 3.16243 18.5225C3.08462 18.2415 3.06862 17.9471 3.11554 17.6593L3.88905 12.8902L0.569441 9.45986C0.312024 9.19466 0.132451 8.86374 0.0503661 8.50328C-0.0317185 8.14282 -0.0131526 7.76671 0.104033 7.4161C0.221219 7.06549 0.43251 6.75388 0.714792 6.51537C0.997074 6.27685 1.33947 6.12062 1.70453 6.06376L6.20048 5.37325L8.18158 1.13817C8.34755 0.796915 8.60606 0.509234 8.92762 0.307978C9.24917 0.106721 9.6208 0 10.0001 0C10.3793 0 10.751 0.106721 11.0725 0.307978C11.3941 0.509234 11.6526 0.796915 11.8186 1.13817L13.7931 5.36719L18.2955 6.06376C18.6606 6.12062 19.003 6.27685 19.2852 6.51537C19.5675 6.75388 19.7788 7.06549 19.896 7.4161C20.0132 7.76671 20.0318 8.14282 19.9497 8.50328C19.8676 8.86374 19.688 9.19466 19.4306 9.45986L16.1144 12.8765L16.885 17.66C16.9463 18.0327 16.9014 18.4152 16.7556 18.7635C16.6097 19.1119 16.3687 19.4121 16.0602 19.6297C15.7517 19.8473 15.3882 19.9735 15.0113 19.994C14.6344 20.0144 14.2593 19.9281 13.9292 19.7451L10.0026 17.5635L6.07117 19.7451C5.77302 19.9118 5.43724 19.9996 5.09569 20Z"
fill="#FFAA29" />
</svg>
<span
class="fs-14 d-block ml-2 pr-2 mr-2 border-right text-black font-w500">4.4</span>
<a href="app-profile.html" class="btn-link fs-14">Order
Locker</a>
</div>
</div>
</div>
</div>
<div class="items">
<div class="card text-center">
<div class="card-body">
<img src="{{ asset('style/images/testimonial/3.jpg') }}"
alt="">
<h5 class="fs-16 font-w500 mb-1"><a href="app-profile.html"
class="text-black">POSit! Paskal</a></h5>
<p class="fs-14">Jl. Pasir Kaliki BANDUNG</p>
<div
class="d-flex align-items-center justify-content-center">
<svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.09569 20C4.80437 19.9988 4.51677 19.9344 4.25273 19.8113C3.98868 19.6881 3.75447 19.5091 3.56624 19.2866C3.37801 19.0641 3.24024 18.8034 3.16243 18.5225C3.08462 18.2415 3.06862 17.9471 3.11554 17.6593L3.88905 12.8902L0.569441 9.45986C0.312024 9.19466 0.132451 8.86374 0.0503661 8.50328C-0.0317185 8.14282 -0.0131526 7.76671 0.104033 7.4161C0.221219 7.06549 0.43251 6.75388 0.714792 6.51537C0.997074 6.27685 1.33947 6.12062 1.70453 6.06376L6.20048 5.37325L8.18158 1.13817C8.34755 0.796915 8.60606 0.509234 8.92762 0.307978C9.24917 0.106721 9.6208 0 10.0001 0C10.3793 0 10.751 0.106721 11.0725 0.307978C11.3941 0.509234 11.6526 0.796915 11.8186 1.13817L13.7931 5.36719L18.2955 6.06376C18.6606 6.12062 19.003 6.27685 19.2852 6.51537C19.5675 6.75388 19.7788 7.06549 19.896 7.4161C20.0132 7.76671 20.0318 8.14282 19.9497 8.50328C19.8676 8.86374 19.688 9.19466 19.4306 9.45986L16.1144 12.8765L16.885 17.66C16.9463 18.0327 16.9014 18.4152 16.7556 18.7635C16.6097 19.1119 16.3687 19.4121 16.0602 19.6297C15.7517 19.8473 15.3882 19.9735 15.0113 19.994C14.6344 20.0144 14.2593 19.9281 13.9292 19.7451L10.0026 17.5635L6.07117 19.7451C5.77302 19.9118 5.43724 19.9996 5.09569 20Z"
fill="#FFAA29" />
</svg>
<span
class="fs-14 d-block ml-2 pr-2 mr-2 border-right text-black font-w500">4.4</span>
<a href="javascript:void(0)"
class="btn-link fs-14">Order
Locker</a>
</div>
</div>
</div>
</div>
<div class="items">
<div class="card text-center">
<div class="card-body">
<img src="{{ asset('style/images/testimonial/4.jpg') }}"
alt="">
<h5 class="fs-16 font-w500 mb-1"><a href="app-profile.html"
class="text-black">POSit! Setia Budi</a></h5>
<p class="fs-14">Jl. Setia Budi BANDUNG</p>
<div
class="d-flex align-items-center justify-content-center">
<svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.09569 20C4.80437 19.9988 4.51677 19.9344 4.25273 19.8113C3.98868 19.6881 3.75447 19.5091 3.56624 19.2866C3.37801 19.0641 3.24024 18.8034 3.16243 18.5225C3.08462 18.2415 3.06862 17.9471 3.11554 17.6593L3.88905 12.8902L0.569441 9.45986C0.312024 9.19466 0.132451 8.86374 0.0503661 8.50328C-0.0317185 8.14282 -0.0131526 7.76671 0.104033 7.4161C0.221219 7.06549 0.43251 6.75388 0.714792 6.51537C0.997074 6.27685 1.33947 6.12062 1.70453 6.06376L6.20048 5.37325L8.18158 1.13817C8.34755 0.796915 8.60606 0.509234 8.92762 0.307978C9.24917 0.106721 9.6208 0 10.0001 0C10.3793 0 10.751 0.106721 11.0725 0.307978C11.3941 0.509234 11.6526 0.796915 11.8186 1.13817L13.7931 5.36719L18.2955 6.06376C18.6606 6.12062 19.003 6.27685 19.2852 6.51537C19.5675 6.75388 19.7788 7.06549 19.896 7.4161C20.0132 7.76671 20.0318 8.14282 19.9497 8.50328C19.8676 8.86374 19.688 9.19466 19.4306 9.45986L16.1144 12.8765L16.885 17.66C16.9463 18.0327 16.9014 18.4152 16.7556 18.7635C16.6097 19.1119 16.3687 19.4121 16.0602 19.6297C15.7517 19.8473 15.3882 19.9735 15.0113 19.994C14.6344 20.0144 14.2593 19.9281 13.9292 19.7451L10.0026 17.5635L6.07117 19.7451C5.77302 19.9118 5.43724 19.9996 5.09569 20Z"
fill="#FFAA29" />
</svg>
<span
class="fs-14 d-block ml-2 pr-2 mr-2 border-right text-black font-w500">4.4</span>
<a href="app-profile.html" class="btn-link fs-14">Order
Locker</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-xl-12">
<div class="card">
<div class="card-header d-sm-flex d-block pb-0 border-0">
<div class="mr-auto pr-3">
<h4 class="text-black fs-20 font-w600">Calories Chart</h4>
<p class="fs-13 mb-0 text-black">Lorem ipsum dolor sit amet, consectetur</p>
</div>
<div class="dropdown mt-sm-0 mt-3">
<button type="button" class="btn rounded btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Weekly
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript:void(0);">Link 1</a>
<a class="dropdown-item" href="javascript:void(0);">Link 2</a>
<a class="dropdown-item" href="javascript:void(0);">Link 3</a>
</div>
</div>
</div>
<div class="card-body">
<div id="chartTimeline"></div>
</div>
</div>
</div> -->
</div>
</div>
<div class="col-xl-3 col-xxl-4">
<div class="row">
<div class="col-xl-12">
<div class="card featuredMenu">
<div class="card-header border-0">
<h4 class="text-black font-w600 fs-20 mb-0">POSit! Nearby You</h4>
</div>
<div class="card-body loadmore-content height750 dz-scroll pt-0"
id="FeaturedMenusContent">
<div class="media mb-4">
<img src="{{ asset('style/images/menus/1.png') }}" width="85" alt=""
class="rounded mr-3">
<div class="media-body">
<h5><a href="food-menu.html" class="text-black fs-16">SPBU
Banda</a>
</h5>
<span class="fs-14 text-primary font-w500">Jl Banda BANDUNG</span>
</div>
</div>
<ul
class="d-flex flex-wrap pb-2 border-bottom mb-3 justify-content-between">
<li class="mr-3 mb-2"><i
class="las la-clock scale5 mr-3"></i><span
class="fs-14 text-black">4-6 mins </span></li>
<li class="mb-2"><i
class="fa fa-star-o mr-3 scale5 text-warning"
aria-hidden="true"></i><span
class="fs-14 text-black font-w500">176
Reviews</span></li>
</ul>
<div class="media mb-4">
<img src="{{ asset('style/images/menus/2.png') }}" width="85" alt=""
class="rounded mr-3">
<div class="media-body">
<h5><a href="#" class="text-black fs-16">Gedung Sate</a>
</h5>
<span class="fs-14 text-primary font-w500">Jl Banda BANDUNG</span>
</div>
</div>
<ul
class="d-flex flex-wrap pb-2 border-bottom mb-3 justify-content-between">
<li class="mr-3 mb-2"><i
class="las la-clock scale5 mr-3"></i><span
class="fs-14 text-black">4-6 mins </span></li>
<li class="mb-2"><i
class="fa fa-star-o mr-3 scale5 text-warning"
aria-hidden="true"></i><span
class="fs-14 text-black font-w500">176
Reviews</span></li>
</ul>
<div class="media mb-4">
<img src="{{ asset('style/images/menus/3.png') }}" width="85" alt=""
class="rounded mr-3">
<div class="media-body">
<h5><a href="food-menu.html" class="text-black fs-16">Saparua</a>
</h5>
<span class="fs-14 text-primary font-w500">Jl Banda BANDUNG</span>
</div>
</div>
<ul
class="d-flex flex-wrap pb-2 border-bottom mb-3 justify-content-between">
<li class="mr-3 mb-2"><i
class="las la-clock scale5 mr-3"></i><span
class="fs-14 text-black">4-6 mins </span></li>
<li class="mb-2"><i
class="fa fa-star-o mr-3 scale5 text-warning"
aria-hidden="true"></i><span
class="fs-14 text-black font-w500">176
Reviews</span></li>
</ul>
<div class="media mb-4">
<img src="{{ asset('style/images/menus/4.png') }}" width="85" alt=""
class="rounded mr-3">
<div class="media-body">
<h5><a href="food-menu.html" class="text-black fs-16">BIP
Bandung</a>
</h5>
<span class="fs-14 text-primary font-w500">Jl Merdeka
BANDUNG</span>
</div>
</div>
<ul
class="d-flex flex-wrap pb-2 border-bottom mb-3 justify-content-between">
<li class="mr-3 mb-2"><i
class="las la-clock scale5 mr-3"></i><span
class="fs-14 text-black">4-6 mins </span></li>
<li class="mb-2"><i
class="fa fa-star-o mr-3 scale5 text-warning"
aria-hidden="true"></i><span
class="fs-14 text-black font-w500">176
Reviews</span></li>
</ul>
</div>
<div class="card-footer style-1 text-center border-0 pt-0 pb-4">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@else
@include('wizard/wizard_page')
@endif
<!--**********************************
Content body end
***********************************-->
<!--**********************************
Footer start
***********************************-->
<div class="footer">
<div class="copyright">
<p>Copyright © Designed &amp; Developed by <a href="http://dexignzone.com/"
target="_blank">DexignZone</a> 2020</p>
</div>
</div>
<!--**********************************
Footer end
***********************************-->
<!--**********************************
Support ticket button start
***********************************-->
<!--**********************************
Support ticket button end
***********************************-->
</div>
<!--**********************************
Main wrapper end
***********************************-->
@include('footer')
@if (session('status'))
<script>
swal("{{ session('status') }}");
</script>
@endif
</body>
</html>

View File

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
@include('head')
<body class="h-100">
<div class="authincation h-100">
<div class="container h-100">
<div class="row justify-content-center h-100 align-items-center">
<div class="col-md-6">
<div class="authincation-content">
<div class="row no-gutters">
<div class="col-xl-12">
<div class="auth-form">
<div class="text-center mb-3">
<a href="{{ url('/beranda') }}"><img
src="{{ asset('style/images/logo-full-POSit!.png') }}" alt=""></a>
</div>
<h4 class="text-center mb-4 text-white">Sign in your account</h4>
<form method="POST" enctype="multipart/form-data"
action="{{ url('/proseslogin') }}">
@csrf
<div class="form-group">
<label class="mb-1 text-white"><strong>No Hp</strong></label>
<input type="text" class="form-control" name="nohp"
placeholder="Ex:081212345678" pattern="[0-9]+" minlength="10"
maxlength="13" required>
</div>
<div class="form-group">
<label class="mb-1 text-white"><strong>PIN</strong></label>
<input type="password" class="form-control" pattern="[0-9]*"
inputmode="numeric" minlength="6" maxlength="6" name="pin"
placeholder="******" required>
</div>
<div class="form-row d-flex justify-content-between mt-4 mb-2">
<div class="form-group">
<div class="custom-control custom-checkbox ml-1 text-white">
<input type="checkbox" class="custom-control-input"
id="basic_checkbox_1">
<label class="custom-control-label" for="basic_checkbox_1">Remember
my preference</label>
</div>
</div>
<div class="form-group">
<a class="text-white" href="page-forgot-password.html">Forgot
Password?</a>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn bg-white text-primary btn-block">Sign Me
In</button>
</div>
</form>
<div class="new-account mt-3">
<p class="text-white">Don't have an account? <a class="text-white"
href="{{ url('/register') }}">Sign up</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('footer')
@if (session('status'))
<script>
swal("{{ session('status') }}");
</script>
@endif
</body>
</html>

View File

@ -0,0 +1,278 @@
<!DOCTYPE html>
<html lang="en">
<?php $data = session('dataUser'); ?>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Gymove - Fitness Bootstrap Admin Dashboard</title>
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('style/images/favicon.png') }}">
<!-- Form step -->
<link href="{{ asset('style/vendor/jquery-smartwizard/dist/css/smart_wizard.min.css') }}" rel="stylesheet">
<!-- Custom Stylesheet -->
<link href="{{ asset('style/vendor/bootstrap-select/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">
<link href="{{ asset('style/css/style.css') }}" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet">
</head>
<body>
<!--*******************
Preloader start
********************-->
<div id="preloader">
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
<!--*******************
Preloader end
********************-->
<!--**********************************
Main wrapper start
***********************************-->
<div id="main-wrapper">
<!--**********************************
Nav header start
***********************************-->
<div class="nav-header">
<a href="index.html" class="brand-logo">
<img class="logo-compact" src="{{ asset('style/images/pos-text.png') }}" alt="">
<img class="brand-title" src="{{ asset('style/images/pos-text.png') }}" alt="">
<img class="logo-abbr" src="{{ asset('style/images/logo-POSit!.png') }}" alt="">
</a>
<div class="nav-control">
<div class="hamburger">
<span class="line"></span><span class="line"></span><span
class="line"></span>
</div>
</div>
</div>
<!--**********************************
Nav header end
***********************************-->
<!--**********************************
Chat box start
***********************************-->
<!-- ! delete -->
<!--**********************************
Chat box End
***********************************-->
<!--**********************************
Header start
***********************************-->
@include('header')
<!--**********************************
Header end ti-comment-alt
***********************************-->
<!--**********************************
Sidebar start
***********************************-->
@include('../sidebar')
<!--**********************************
Sidebar end
***********************************-->
<!--**********************************
Content body start
***********************************-->
<div class="content-body">
<div class="container-fluid">
<div class="page-titles">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">My Account</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">Wizard</a></li>
</ol>
</div>
<!-- row -->
<div class="row">
<div class="col-xl-12 col-xxl-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Form step</h4>
</div>
<div class="card-body">
<div id="smartwizard" class="form-wizard order-create">
<ul class="nav nav-wizard">
<li>
<a class="nav-link" href="#wizard_Service">
<span>1</span>
</a>
</li>
<li>
<a class="nav-link" href="#wizard_Time">
<span>2</span>
</a>
</li>
<li>
<a class="nav-link" href="#wizard_Details">
<span>3</span>
</a>
</li>
</ul>
<div class="tab-content">
<div id="wizard_Service" class="tab-pane" role="tabpanel">
<div class="row">
@include('pos/posit/locker_table')
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">Locker:</label>
<input type="text" id="locker" name="locker"
class="form-control border border-primary"
placeholder="Locker" readonly>
</div>
</div>
</div>
</div>
<div id="wizard_Time" class="tab-pane" role="tabpanel">
<div class="row">
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">Company Name*</label>
<input type="text" name="firstName" class="form-control"
placeholder="Cellophane Square" required>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">Company Email Address*</label>
<input type="email" class="form-control" id="emial1"
placeholder="example@example.com.com" required>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">Company Phone Number*</label>
<input type="text" name="phoneNumber" class="form-control"
placeholder="(+1)408-657-9007" required>
</div>
</div>
<div class="col-lg-6 mb-2">
<div class="form-group">
<label class="text-label">Your position in
Company*</label>
<input type="text" name="place" class="form-control" required>
</div>
</div>
</div>
</div>
<div id="wizard_Details" class="tab-pane" role="tabpanel">
<div class="col-xl-4 col-lg-6 col-sm-6 d-flex justify-content-center">
<div class="card" style="width: 18rem;">
{{ QrCode::size(280)->generate(json_encode($data)) }}
{{-- <img src="data:image/png;base64, {{ base64_encode(QrCode::format('png')->generate()) }}"
class="card-img-top" alt="..."> --}}
<div class="card-body">
<h5 class="card-title">Locker : B5</h5>
<p class="card-text">Scan this QR Code to use your
locker, have a nice day :)</p>
<!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**********************************
Content body end
***********************************-->
<!--**********************************
Footer start
***********************************-->
<div class="footer">
<div class="copyright">
<p>Copyright © Designed &amp; Developed by <a href="http://dexignzone.com/"
target="_blank">DexignZone</a> 2020</p>
</div>
</div>
<!--**********************************
Footer end
***********************************-->
<!--**********************************
Support ticket button start
***********************************-->
<!--**********************************
Support ticket button end
***********************************-->
</div>
<!--**********************************
Main wrapper end
***********************************-->
<!-- Required vendors -->
<script src="{{ asset('style/vendor/global/global.min.js') }}"></script>
<script src="{{ asset('style/vendor/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('style/js/custom.min.js') }}"></script>
<script src="{{ asset('style/js/deznav-init.js') }}"></script>
<script src="{{ asset('style/vendor/jquery-steps/build/jquery.steps.min.js') }}"></script>
<script src="{{ asset('style/vendor/jquery-validation/jquery.validate.min.js') }}"></script>
<!-- Form validate init -->
<script src="{{ asset('style/js/plugins-init/jquery.validate-init.js') }}"></script>
<!-- Form Steps -->
<script src="{{ asset('style/vendor/jquery-smartwizard/dist/js/jquery.smartWizard.js') }}">
</script>
<script>
$(document).ready(function() {
// SmartWizard initialize
$('#smartwizard').smartWizard();
$("#smartwizard").on("leaveStep", function(e, anchorObject, currentStepIndex, nextStepIndex,
stepDirection) {
console.log(nextStepIndex);
if (nextStepIndex == 2) {
$(".sw-btn-next").hide();
$(".sw-btn-prev").hide();
}
});
});
function addtext(isi) {
$("#locker").val(isi);
}
</script>
</body>
</html>

View File

@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<?php
$data = session()->get('dataUser');
?>
@include('head')
<body>
<!--*******************
Preloader start
********************-->
<div id="preloader">
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
<!--*******************
Preloader end
********************-->
<!--**********************************
Main wrapper start
***********************************-->
<div id="main-wrapper">
<!--**********************************
Nav header start
***********************************-->
<div class="nav-header">
<a href="index.html" class="brand-logo">
<img class="brand-title" src="{{ asset('style/images/logo-text.png') }}" alt="">
<img class="logo-abbr" src="{{ asset('style/images/logo-POSit!.png') }}" alt="">
<img class="logo-compact" src="{{ asset('style/images/logo-text.png') }}" alt="">
</a>
<div class="nav-control">
<div class="hamburger">
<span class="line"></span><span class="line"></span><span
class="line"></span>
</div>
</div>
</div>
<!--**********************************
Nav header end
***********************************-->
<!--**********************************
Chat box start
***********************************-->
<!--**********************************
Chat box End
***********************************-->
<!--**********************************
Header start
***********************************-->
@include('header')
<!--**********************************
Header end ti-comment-alt
***********************************-->
<!--**********************************
Sidebar start
***********************************-->
@include('sidebar')
<!--**********************************
Sidebar end
***********************************-->
<!--**********************************
Content body start
***********************************-->
<div class="content-body">
<div class="container-fluid">
<div class="page-titles">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Layout</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">Blank</a></li>
</ol>
</div>
<div class="row">
@foreach ($list as $row)
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
<div class="card">
<div class="card-body">
<div class="new-arrival-product">
<div class="new-arrivals-img-contnent">
<img class="img-fluid"
src="{{ asset('style/images/product/1.jpg') }}" alt="">
</div>
<div class="new-arrival-content text-center mt-3">
<h4><a href="ecom-product-detail.html">{{ $row->lokasi }}</a></h4>
<ul class="star-rating">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star-half-empty"></i></li>
<li><i class="fa fa-star-half-empty"></i></li>
</ul>
<a type="button" href="{{ url('pos/locker/' . $row->id_lokasi_loker) }}"
class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
<!--**********************************
Content body end
***********************************-->
<!--**********************************
Footer start
***********************************-->
<div class="footer">
<div class="copyright">
<p>Copyright © Designed &amp; Developed by <a href="http://dexignzone.com/"
target="_blank">DexignZone</a> 2020</p>
</div>
</div>
<!--**********************************
Footer end
***********************************-->
<!--**********************************
Support ticket button start
***********************************-->
<!--**********************************
Support ticket button end
***********************************-->
</div>
<!--**********************************
Main wrapper end
***********************************-->
@include('footer')
@if (session('status'))
<script>
swal("Empty", "{{ session('status') }}", "error");
</script>
@endif
</body>
</html>

View File

@ -0,0 +1,87 @@
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">{{ $lokasi[0]->lokasi }}</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered verticle-middle table-responsive-sm">
<thead>
<tr>
<th scope="col" colspan="6">
<center>LOCKER</center>
</th>
</tr>
</thead>
<tbody>
<tr>
@foreach ($listlokerS as $item)
@if ($item->status == 'Tersedia')
<td>
<input type="button" onclick="addtext('<?php echo $item->kode_loker; ?>')"
value="{{ str_replace('-', ' ', $item->kode_loker) }}"
class="btn btn-success btn-sm"></input>
</td>
@else
<td>
<button type="button" class="btn btn-danger btn-sm"
disabled>{{ str_replace('-', ' ', $item->kode_loker) }}</button>
</td>
@endif
@endforeach
<td colspan="2"></td>
</tr>
<tr>
@foreach ($listlokerM as $item)
@if ($item->status == 'Tersedia')
<td>
<a type="button" onclick="addtext('<?php echo $item->kode_loker; ?>')"
class="btn btn-success btn-sm">{{ str_replace('-', ' ', $item->kode_loker) }}</a>
</td>
@else
<td>
<button type="button" class="btn btn-danger btn-sm"
disabled>{{ str_replace('-', ' ', $item->kode_loker) }}</button>
</td>
@endif
@endforeach
</tr>
<tr>
@for ($i = 0; $i <= 4; $i++)
@if ($listlokerL[$i]->status == 'Tersedia')
<td>
<a type="button" onclick="addtext('<?php echo $listlokerL[$i]->kode_loker; ?>')"
class="btn btn-success">{{ str_replace('-', ' ', $listlokerL[$i]->kode_loker) }}</a>
</td>
@else
<td>
<button type="button" class="btn btn-danger"
disabled>{{ str_replace('-', ' ', $listlokerL[$i]->kode_loker) }}</button>
</td>
@endif
@endfor
<td colspan="1"></td>
</tr>
<tr>
@for ($i = 5; $i <= 9; $i++)
@if ($listlokerL[$i]->status == 'Tersedia')
<td>
<a type="button" onclick="addtext('<?php echo $listlokerL[$i]->kode_loker; ?>')"
class="btn btn-success">{{ str_replace('-', ' ', $listlokerL[$i]->kode_loker) }}</a>
</td>
@else
<td>
<button type="button" class="btn btn-danger"
disabled>{{ str_replace('-', ' ', $listlokerL[$i]->kode_loker) }}</button>
</td>
@endif
@endfor
<td colspan="1"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
@include('head')
<body class="h-100">
<div class="authincation h-100">
<div class="container h-100">
<div class="row justify-content-center h-100 align-items-center">
<div class="col-md-6">
<div class="authincation-content">
<div class="row no-gutters">
<div class="col-xl-12">
<div class="auth-form">
<div class="text-center mb-3">
<a href="index.html"><img src="images/logo-full-POSit!.png" alt=""></a>
</div>
<h4 class="text-center mb-4 text-white">Sign up your account</h4>
<form method="POST" enctype="multipart/form-data" action="{{ url('/regis') }}">
@csrf
<div class="form-group">
<label class="mb-1 text-white"><strong>Phone Number</strong></label>
<input type="text" pattern="[0-9]+" class="form-control" name="nohp"
placeholder="Ex:081212345678" minlength="10" maxlength="13" required>
</div>
<!-- <div class="form-group">
<label class="mb-1 text-white"><strong>Email</strong></label>
<input type="email" class="form-control" placeholder="hello@example.com">
</div> -->
<!-- <div class="form-group">
<label class="mb-1 text-white"><strong>Password</strong></label>
<input type="password" class="form-control" value="Password">
</div> -->
<div class="text-center mt-4">
<button type="submit" class="btn bg-white text-primary btn-block">Sign me
up</button>
</div>
</form>
<div class="new-account mt-3">
<p class="text-white">Already have an account? <a class="text-white"
href="{{ url('/login') }}">Sign in</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('footer')
@if (session('status'))
<script>
swal("{{ session('status') }}");
</script>
@endif
</body>
</html>

View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
@include('head')
<body class="h-100">
<div class="authincation h-100">
<div class="container h-100">
<div class="row justify-content-center h-100 align-items-center">
<div class="col-md-6">
<div class="authincation-content">
<div class="row no-gutters">
<div class="col-xl-12">
<div class="auth-form">
<div class="text-center mb-3">
<a href="index.html"><img src="images/logo-full-POSit!.png" alt=""></a>
</div>
<h4 class="text-center mb-4 text-white">Sign up your account</h4>
<form method="POST" enctype="multipart/form-data"
action="{{ url('/prosesregis') }}">
@csrf
<!-- <div class="form-group">
<label class="mb-1 text-white"><strong>Phone Number</strong></label>
<input type="number" class="form-control" placeholder="Ex:081212345678">
</div> -->
<!-- <div class="form-group">
<label class="mb-1 text-white"><strong>Email</strong></label>
<input type="email" class="form-control" placeholder="hello@example.com">
</div> -->
<div class="form-group">
<label class="mb-1 text-white"><strong>PIN</strong></label>
<input type="nohp" class="form-control" pattern="[0-9]*"
inputmode="numeric" name="nohp" placeholder="******"
value="<?php echo $nohp; ?>" hidden>
<input type="password" class="form-control" pattern="[0-9]*"
inputmode="numeric" maxlength="6" name="pin" placeholder="******"
required>
</div>
<div class="text-center mt-4">
<button type="submit" class="btn bg-white text-primary btn-block">Sign me
up</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('footer')
</body>
</html>

View File

@ -0,0 +1,37 @@
<div class="deznav">
<div class="deznav-scroll">
<ul class="metismenu" id="menu">
<li>
<a href="{{ url('pos/beranda') }}">
<i class="flaticon-381-networking"></i>
<span class="nav-text">My POSit!</span>
</a>
</li>
<li>
<a class="has-arrow ai-icon" href="javascript:void()" aria-expanded="false">
<i class="flaticon-381-television"></i>
<span class="nav-text">My Account</span>
</a>
<ul aria-expanded="false">
<li><a href="{{ url('pos/booking_locker') }}">Booking Locker</a></li>
<li><a href="{{ url('pos/history') }}">History</a></li>
<!-- <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">My Account</a>
<ul aria-expanded="false">
<li><a href="./email-compose.html">Compose</a></li>
<li><a href="./email-inbox.html">Inbox</a></li>
<li><a href="./email-read.html">Read</a></li>
</ul>
</li> -->
</ul>
</li>
</ul>
<!-- <div class="add-menu-sidebar">
<img src="images/calendar.png" alt="" class="mr-3">
<p class=" font-w500 mb-0">Create Workout Plan Now</p>
</div> -->
<!-- <div class="copyright">
<p><strong>Gymove Fitness Admin Dashboard</strong> © 2020 All Rights Reserved</p>
<p>Made with <span class="heart"></span> by DexignZone</p>
</div> -->
</div>
</div>

View File

@ -0,0 +1,132 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Styles -->
<style>
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--tw-text-opacity))}}
</style>
<style>
body {
font-family: 'Nunito', sans-serif;
}
</style>
</head>
<body class="antialiased">
<div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center py-4 sm:pt-0">
@if (Route::has('login'))
<div class="hidden fixed top-0 right-0 px-6 py-4 sm:block">
@auth
<a href="{{ url('/home') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Home</a>
@else
<a href="{{ route('login') }}" class="text-sm text-gray-700 dark:text-gray-500 underline">Log in</a>
@if (Route::has('register'))
<a href="{{ route('register') }}" class="ml-4 text-sm text-gray-700 dark:text-gray-500 underline">Register</a>
@endif
@endauth
</div>
@endif
<div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
<div class="flex justify-center pt-8 sm:justify-start sm:pt-0">
<svg viewBox="0 0 651 192" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-16 w-auto text-gray-700 sm:h-20">
<g clip-path="url(#clip0)" fill="#EF3B2D">
<path d="M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68.329-76.259v33.841l-12.475-7.182-17.231-9.92V49.806l12.475 7.182 17.231 9.92zm2.97-39.335l29.693 17.095-29.693 17.095-29.693-17.095 29.693-17.095zM54.06 114.089l-12.475 7.182V46.733l17.231-9.92 12.475-7.182v74.537l-17.231 9.921zM38.614 7.398l29.693 17.095-29.693 17.095L8.921 24.493 38.614 7.398zM5.938 29.632l12.475 7.182 17.231 9.92v79.676l.001.005-.001.006c0 .114.032.221.045.333.017.146.021.294.059.434l.002.007c.032.117.094.222.14.334.051.124.088.255.156.371a.036.036 0 00.004.009c.061.105.149.191.222.288.081.105.149.22.244.314l.008.01c.084.083.19.142.284.215.106.083.202.178.32.247l.013.005.011.008 34.139 19.321v34.175L5.939 144.867V29.632h-.001zm136.646 115.235l-65.352 37.625V148.31l48.399-27.628 16.953-9.677v33.862zm35.646-61.22l-29.706 17.102V66.908l17.231-9.92 12.475-7.182v33.841z"/>
</g>
</svg>
</div>
<div class="mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg">
<div class="grid grid-cols-1 md:grid-cols-2">
<div class="p-6">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel.com/docs" class="underline text-gray-900 dark:text-white">Documentation</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laracasts.com" class="underline text-gray-900 dark:text-white">Laracasts</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold"><a href="https://laravel-news.com/" class="underline text-gray-900 dark:text-white">Laravel News</a></div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials.
</div>
</div>
</div>
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
<div class="flex items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="w-8 h-8 text-gray-500"><path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div class="ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white">Vibrant Ecosystem</div>
</div>
<div class="ml-12">
<div class="mt-2 text-gray-600 dark:text-gray-400 text-sm">
Laravel's robust library of first-party tools and libraries, such as <a href="https://forge.laravel.com" class="underline">Forge</a>, <a href="https://vapor.laravel.com" class="underline">Vapor</a>, <a href="https://nova.laravel.com" class="underline">Nova</a>, and <a href="https://envoyer.io" class="underline">Envoyer</a> help you take your projects to the next level. Pair them with powerful open source libraries like <a href="https://laravel.com/docs/billing" class="underline">Cashier</a>, <a href="https://laravel.com/docs/dusk" class="underline">Dusk</a>, <a href="https://laravel.com/docs/broadcasting" class="underline">Echo</a>, <a href="https://laravel.com/docs/horizon" class="underline">Horizon</a>, <a href="https://laravel.com/docs/sanctum" class="underline">Sanctum</a>, <a href="https://laravel.com/docs/telescope" class="underline">Telescope</a>, and more.
</div>
</div>
</div>
</div>
</div>
<div class="flex justify-center mt-4 sm:items-center sm:justify-between">
<div class="text-center text-sm text-gray-500 sm:text-left">
<div class="flex items-center">
<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor" class="-mt-px w-5 h-5 text-gray-400">
<path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
<a href="https://laravel.bigcartel.com" class="ml-1 underline">
Shop
</a>
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="ml-4 -mt-px w-5 h-5 text-gray-400">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
</svg>
<a href="https://github.com/sponsors/taylorotwell" class="ml-1 underline">
Sponsor
</a>
</div>
</div>
<div class="ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0">
Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,69 @@
<!--**********************************
Content body start
***********************************-->
<div class="content-body">
<div class="container-fluid">
<!-- row -->
<div class="row">
<div class="col-xl-6 col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Data Diri</h4>
</div>
<div class="card-body">
<div class="basic-form">
<form method="POST" action="{{ url('pos/savename') }}" enctype="multipart/form-data">
@csrf
<div class="form-group row">
<label class="col-sm-3 col-form-label">Nama</label>
<div class="col-sm-9">
<input type="text" name="nama" class="form-control"
placeholder="Nama Sesuai KTP" required>
<input type="text" name="id" class="form-control" value="{{ $data->Id }}"
hidden>
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">NIK</label>
<div class="col-sm-9">
<input type="text" name="nik" pattern="[0-9]+" class="form-control"
placeholder="NIK" minlength="16" maxlength="16" required>
</div>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">Foto KTP</span>
</div>
<div class="custom-file">
<input type="file" name="ktp" class="custom-file-input"
accept="image/png, image/jpeg">
<label class="custom-file-label">Choose file</label>
</div>
</div>
<div class="form-group row">
<div class="col-sm-10">
<button type="submit" class="btn btn-primary">Save</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**********************************
Content body end
***********************************-->
<!--**********************************
Footer start
***********************************-->
<!--**********************************
Footer end
***********************************-->