145 lines
7.7 KiB
PHP
145 lines
7.7 KiB
PHP
@extends('layouts.master')
|
|
|
|
@section('styles')
|
|
<style>
|
|
.no-spinner::-webkit-inner-spin-button,
|
|
.no-spinner::-webkit-outer-spin-button,
|
|
.no-spinner-time::-webkit-inner-spin-button,
|
|
.no-spinner-time::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.card-body label {
|
|
font-size: 13px;
|
|
color: #6c757d;
|
|
}
|
|
|
|
input {
|
|
border: 2px solid #2251c7;
|
|
}
|
|
|
|
.card-body .form-control,
|
|
.card-body .form-select {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#search-button {
|
|
font-weight: 600;
|
|
letter-spacing: .3px;
|
|
}
|
|
.table-garis, .garis {
|
|
border: 0.1px solid black; /* Sets a 1px solid black border */
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.text-label {
|
|
color: #000000;
|
|
}
|
|
|
|
.tes {
|
|
width: 100px;
|
|
}
|
|
</style>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<!-- partial -->
|
|
<div class="container-fluid page-body-wrapper">
|
|
<div class="main-panel">
|
|
<div class="content-wrapper">
|
|
<div class="row">
|
|
<div class="col-2">
|
|
</div>
|
|
<div class="col-12 col-md-8 grid-margin justify-content-center stretch-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Master Kendaraan dan Tarif Parkir</h4>
|
|
<div class="table-responsive mb-2">
|
|
<table class="table table-bordered table-selectable" id="example" data-url="{{ route('getMember') }}">
|
|
<thead>
|
|
<tr>
|
|
<th class="p-3" width="5%">No.</th>
|
|
<th style="text-align: center;">Nama Pintu - <span class="fw-bold">(Shortcut)</span></th>
|
|
{{-- <th style="text-align: center;">Mode Pintu</th> --}}
|
|
{{-- <th style="text-align: center;">Grace Periode</th> --}}
|
|
{{-- <th style="text-align: center;">Manless?</th> --}}
|
|
<th style="text-align: center;">Pengaturan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($vehicle as $kendaraan)
|
|
<tr>
|
|
{{-- {{ dd($kendaraan) }} --}}
|
|
|
|
<td class="text-center">{{ $loop->iteration }}</td>
|
|
<label for="" type="hidden" value="{{ $kendaraan->id }}" ></label>
|
|
{{-- <td class="text-center" width="7%">{{ $pintu->id }}</td> --}}
|
|
<td>{{ $kendaraan->nama }} <strong> - ({{ $kendaraan->short_cut }})</strong></td>
|
|
{{-- <td width="10%">
|
|
</td> --}}
|
|
{{-- <td class="text-center" width="7%"><span class="d-inline-block rounded-circle
|
|
{{ $pintu->grace_period === 1 ? 'bg-success' : 'bg-danger' }}"
|
|
style="width:12px;height:12px;">
|
|
</span></td>
|
|
<td class="text-center" width="7%"><span class="d-inline-block rounded-circle
|
|
{{ $pintu->manless === 1 ? 'bg-success' : 'bg-danger' }}"
|
|
style="width:12px;height:12px;">
|
|
</span>
|
|
</td> --}}
|
|
<td class="text-center" width="12%">
|
|
<a class="btn btn-warning btn-sm vehicle-price" id="vehicle-price" data-bs-toggle="modal" data-id="{{ $kendaraan->id}}" data-nama="{{ $kendaraan->nama}}" data-bs-target=".bd-price-modal-lg">Tarif</a>
|
|
{{-- <button class="btn btn-primary btn-sm hardware-button" data-id="{{ $pintu->id }}" data-nama="{{ $pintu->nama }}">Hardware</button> --}}
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="d-flex justify-content-center align-items-center mt-2">
|
|
<div>
|
|
<button class="btn btn-primary btn-sm add-button" data-bs-toggle="modal" data-bs-target=".bd-example-modal-lg">Tambah</button>
|
|
{{-- </div>
|
|
<div id="rowActions" class="d-none"> --}}
|
|
<button class="btn btn-warning btn-sm edit-button" id="btnEdit" data-bs-toggle="modal" data-bs-target=".bd-ubah-modal-lg">Tambah</button>
|
|
<button class="btn btn-danger btn-sm" id="btnDelete">Hapus</button>
|
|
<button class="btn btn-info btn-sm" id="btnDetail">Detail</button>
|
|
</div>
|
|
</div>
|
|
<!-- ADD MEMMBER MODAL -->
|
|
{{-- @include('stiker.tambah-stiker')
|
|
@include('stiker.ubah-stiker') --}}
|
|
<!-- END MEMMBER MODAL -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<!-- ADD MEMMBER MODAL -->
|
|
@include('setup.vehicle.vehicleprice')
|
|
{{-- @include('stiker.ubah-stiker') --}}
|
|
<!-- END MEMMBER MODAL -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('javascript')
|
|
<!--********* Scripts *********-->
|
|
<!-- Datatable -->
|
|
<!--********* Scripts *********-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/3.0.7/metisMenu.min.js"></script>
|
|
<script src="{{asset ('vendor/moment/moment.min.js') }}"></script>
|
|
<script src="{{asset ('vendor/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
|
|
<script src="{{asset ('vendor/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
|
|
<script src="{{asset ('vendor/sweetalert2/dist/sweetalert2.min.js') }}"></script>
|
|
<script src="{{asset ('js/custom.min.js') }}"></script>
|
|
<script src="{{asset ('js/dlabnav-init.js') }}"></script>
|
|
<script src="{{asset ('js/member/index.js') }}"></script>
|
|
{{-- <script src="{{asset ('js/setup/vehicle-price.js') }}"></script> --}}
|
|
<script src="{{asset ('js/setup/vehicle.js') }}"></script>
|
|
|
|
@endsection |