first commit
This commit is contained in:
278
resources/views/pos/posit/create_locker.blade.php
Normal file
278
resources/views/pos/posit/create_locker.blade.php
Normal 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 & 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>
|
||||
166
resources/views/pos/posit/list_locker.blade.php
Normal file
166
resources/views/pos/posit/list_locker.blade.php
Normal 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 & 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>
|
||||
87
resources/views/pos/posit/locker_table.blade.php
Normal file
87
resources/views/pos/posit/locker_table.blade.php
Normal 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>
|
||||
Reference in New Issue
Block a user