add more seeder product and product category and fix daterangepicker
This commit is contained in:
@@ -26,7 +26,7 @@
|
||||
|
||||
<div class="kt-portlet__body">
|
||||
<!-- Filter Section -->
|
||||
<div class="row mb-3">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tanggal Awal</label>
|
||||
@@ -39,7 +39,7 @@
|
||||
<input type="text" class="form-control datepicker" id="date_to" name="date_to" placeholder="Tanggal akhir" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Filter Dealer</label>
|
||||
<select class="form-control select2" id="dealer_filter" name="dealer_filter">
|
||||
@@ -50,18 +50,15 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label"> </label>
|
||||
<div class="filter-buttons">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="kt_search">
|
||||
Filter
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary btn-sm" id="kt_reset">
|
||||
Reset
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-12 filter-buttons">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="kt_search">
|
||||
Filter
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary btn-sm" id="kt_reset">
|
||||
Reset
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,57 +1,56 @@
|
||||
@extends('layouts.backapp')
|
||||
|
||||
@section('content')
|
||||
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
|
||||
<div class="kt-portlet__head kt-portlet__head--lg">
|
||||
<div class="kt-portlet__head-label">
|
||||
<span class="kt-portlet__head-icon">
|
||||
<i class="kt-font-brand flaticon2-list-1"></i>
|
||||
</span>
|
||||
<h3 class="kt-portlet__head-title">
|
||||
Tabel Opname
|
||||
</h3>
|
||||
</div>
|
||||
@can('create', $menus['opnames.index'])
|
||||
<div class="kt-portlet__head-toolbar">
|
||||
<div class="kt-portlet__head-wrapper">
|
||||
<div class="kt-portlet__head-actions">
|
||||
<a href="{{ route('opnames.create') }}" class="btn btn-bold btn-label-brand btn--sm">Tambah</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcan
|
||||
</div>
|
||||
<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
|
||||
<div class="kt-portlet__head kt-portlet__head--lg">
|
||||
<div class="kt-portlet__head-label">
|
||||
<span class="kt-portlet__head-icon">
|
||||
<i class="kt-font-brand flaticon2-list-1"></i>
|
||||
</span>
|
||||
<h3 class="kt-portlet__head-title">
|
||||
Tabel Opname
|
||||
</h3>
|
||||
</div>
|
||||
@can('create', $menus['opnames.index'])
|
||||
<div class="kt-portlet__head-toolbar">
|
||||
<div class="kt-portlet__head-wrapper">
|
||||
<div class="kt-portlet__head-actions">
|
||||
<a href="{{ route('opnames.create') }}" class="btn btn-bold btn-label-brand btn--sm">Tambah</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcan
|
||||
</div>
|
||||
|
||||
<div class="kt-portlet__body">
|
||||
<!-- Filter Section -->
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tanggal Awal</label>
|
||||
<input type="text" class="form-control datepicker" id="date_from" name="date_from" placeholder="Tanggal awal" readonly>
|
||||
<div class="kt-portlet__body">
|
||||
<!-- Filter Section -->
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tanggal Awal</label>
|
||||
<input type="text" class="form-control datepicker" id="date_from" name="date_from" placeholder="Tanggal awal" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tanggal Akhir</label>
|
||||
<input type="text" class="form-control datepicker" id="date_to" name="date_to" placeholder="Tanggal akhir" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Filter Dealer</label>
|
||||
<select class="form-control select2" id="dealer_filter" name="dealer_filter">
|
||||
<option value="">Semua Dealer</option>
|
||||
@foreach($dealers as $dealer)
|
||||
<option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tanggal Akhir</label>
|
||||
<input type="text" class="form-control datepicker" id="date_to" name="date_to" placeholder="Tanggal akhir" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Filter Dealer</label>
|
||||
<select class="form-control select2" id="dealer_filter" name="dealer_filter">
|
||||
<option value="">Semua Dealer</option>
|
||||
@foreach($dealers as $dealer)
|
||||
<option value="{{ $dealer->id }}">{{ $dealer->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="form-group">
|
||||
<label class="form-label"> </label>
|
||||
<div class="filter-buttons">
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-12 filter-buttons">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="kt_search">
|
||||
Filter
|
||||
</button>
|
||||
@@ -60,68 +59,66 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<!--begin: Datatable -->
|
||||
<table class="table table-striped table-bordered table-hover" id="opnames-table" data-url="{{ route('opnames.index') }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Waktu Dibuat</th>
|
||||
<th>Tanggal Opname</th>
|
||||
<th>Dealer</th>
|
||||
<th>Pengguna</th>
|
||||
<th>Status</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<!--end: Datatable -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<!--begin: Datatable -->
|
||||
<table class="table table-striped table-bordered table-hover" id="opnames-table" data-url="{{ route('opnames.index') }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Waktu Dibuat</th>
|
||||
<th>Tanggal Opname</th>
|
||||
<th>Dealer</th>
|
||||
<th>Pengguna</th>
|
||||
<th>Status</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<!--end: Datatable -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('styles')
|
||||
<style>
|
||||
.filter-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.filter-buttons .btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.datepicker {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
width: auto !important;
|
||||
min-width: 250px;
|
||||
max-width: 300px;
|
||||
}
|
||||
/* Ensure input field follows parent width */
|
||||
input.datepicker {
|
||||
width: 100% !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
font-weight: 600;
|
||||
color: #595d6e;
|
||||
margin-bottom: 8px;
|
||||
font-size: 13px;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Select2 styling - same as stock audit (minimal) */
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.filter-buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.filter-buttons .btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Datepicker styling */
|
||||
.datepicker {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
width: auto !important;
|
||||
min-width: 250px;
|
||||
max-width: 300px;
|
||||
}
|
||||
/* Ensure input field follows parent width */
|
||||
input.datepicker {
|
||||
width: 100% !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
font-weight: 600;
|
||||
color: #595d6e;
|
||||
margin-bottom: 8px;
|
||||
font-size: 13px;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Select2 styling - same as stock audit (minimal) */
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@ input.datepicker {
|
||||
|
||||
<div class="kt-portlet__body">
|
||||
<!-- Filter Section -->
|
||||
<div class="ke-form row mb-3">
|
||||
<div class="ke-form row">
|
||||
<div class="form-group col-md-3">
|
||||
<label class="form-label">Filter Dealer</label>
|
||||
<select class="form-control select2" id="filter-dealer">
|
||||
@@ -105,103 +105,103 @@ input.datepicker {
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Detail Modal -->
|
||||
<div class="modal fade" id="auditDetailModal" tabindex="-1" role="dialog" aria-labelledby="auditDetailModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="auditDetailModalLabel">Detail Audit Stock</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" id="modal-close-btn">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body" id="auditDetailContent">
|
||||
<!-- Loading State -->
|
||||
<div id="modal-loading" class="text-center">
|
||||
<div class="spinner-border" role="status">
|
||||
<span class="sr-only">Memuat...</span>
|
||||
<!-- Detail Modal -->
|
||||
<div class="modal fade" id="auditDetailModal" tabindex="-1" role="dialog" aria-labelledby="auditDetailModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="auditDetailModalLabel">Detail Audit Stock</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" id="modal-close-btn">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<p class="mt-2">Memuat data audit...</p>
|
||||
</div>
|
||||
|
||||
<!-- Error State -->
|
||||
<div id="modal-error" class="alert alert-danger" style="display: none;">
|
||||
<strong>Error:</strong> <span id="error-message">Gagal memuat detail audit</span>
|
||||
</div>
|
||||
|
||||
<!-- Content Area -->
|
||||
<div id="modal-content" style="display: none;">
|
||||
<!-- Stock Information -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h6 class="font-weight-bold">Informasi Stock</h6>
|
||||
<table class="table table-sm">
|
||||
<tr>
|
||||
<td><strong>Produk:</strong></td>
|
||||
<td id="product-name">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Dealer:</strong></td>
|
||||
<td id="dealer-name">-</td>
|
||||
</tr>
|
||||
<tr></tr>
|
||||
<td><strong>Stock Sebelum:</strong></td>
|
||||
<td id="previous-quantity">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Stock Sesudah:</strong></td>
|
||||
<td id="new-quantity">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Perubahan:</strong></td>
|
||||
<td id="quantity-change">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Jenis Perubahan:</strong></td>
|
||||
<td id="change-type">-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h6 class="font-weight-bold">Informasi Sistem</h6>
|
||||
<table class="table table-sm">
|
||||
<tr>
|
||||
<td><strong>User:</strong></td>
|
||||
<td id="user-name">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Tanggal:</strong></td>
|
||||
<td id="created-at">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Deskripsi:</strong></td>
|
||||
<td id="description">-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Source Detail (will be shown/hidden based on data) -->
|
||||
<div id="source-detail" style="display: none;">
|
||||
<hr>
|
||||
<h6 class="font-weight-bold">Detail Sumber Perubahan</h6>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="mb-0" id="source-title">-</h6>
|
||||
<div class="modal-body" id="auditDetailContent">
|
||||
<!-- Loading State -->
|
||||
<div id="modal-loading" class="text-center">
|
||||
<div class="spinner-border" role="status">
|
||||
<span class="sr-only">Memuat...</span>
|
||||
</div>
|
||||
<div class="card-body" id="source-content">
|
||||
<!-- Content will be populated by JavaScript -->
|
||||
<p class="mt-2">Memuat data audit...</p>
|
||||
</div>
|
||||
|
||||
<!-- Error State -->
|
||||
<div id="modal-error" class="alert alert-danger" style="display: none;">
|
||||
<strong>Error:</strong> <span id="error-message">Gagal memuat detail audit</span>
|
||||
</div>
|
||||
|
||||
<!-- Content Area -->
|
||||
<div id="modal-content" style="display: none;">
|
||||
<!-- Stock Information -->
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h6 class="font-weight-bold">Informasi Stock</h6>
|
||||
<table class="table table-sm">
|
||||
<tr>
|
||||
<td><strong>Produk:</strong></td>
|
||||
<td id="product-name">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Dealer:</strong></td>
|
||||
<td id="dealer-name">-</td>
|
||||
</tr>
|
||||
<tr></tr>
|
||||
<td><strong>Stock Sebelum:</strong></td>
|
||||
<td id="previous-quantity">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Stock Sesudah:</strong></td>
|
||||
<td id="new-quantity">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Perubahan:</strong></td>
|
||||
<td id="quantity-change">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Jenis Perubahan:</strong></td>
|
||||
<td id="change-type">-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h6 class="font-weight-bold">Informasi Sistem</h6>
|
||||
<table class="table table-sm">
|
||||
<tr>
|
||||
<td><strong>User:</strong></td>
|
||||
<td id="user-name">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Tanggal:</strong></td>
|
||||
<td id="created-at">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Deskripsi:</strong></td>
|
||||
<td id="description">-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Source Detail (will be shown/hidden based on data) -->
|
||||
<div id="source-detail" style="display: none;">
|
||||
<hr>
|
||||
<h6 class="font-weight-bold">Detail Sumber Perubahan</h6>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h6 class="mb-0" id="source-title">-</h6>
|
||||
</div>
|
||||
<div class="card-body" id="source-content">
|
||||
<!-- Content will be populated by JavaScript -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="modal-close-footer-btn">Tutup</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="modal-close-footer-btn">Tutup</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user