This commit is contained in:
meusinfirmary
2025-05-29 17:52:19 +07:00
parent 6c07cdeb08
commit 470e132ff5
10 changed files with 267 additions and 637 deletions

View File

@ -11,7 +11,7 @@
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Detail Pesanan
<p class="card-title text-bold mb-0">Job Detail
@foreach ($orders as $iOrd => $order)
#{{ $order->code }}
@if (count($orders) !== ((int) $iOrd) + 1)
@ -21,7 +21,7 @@
</p>
</div>
<div class="col text-end">
<button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_transactions') }}'">Kembali</button>
<button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_transactions') }}'">Back</button>
</div>
</div>
</div>
@ -39,13 +39,74 @@
<div class="col-12">
<div class="row">
<div class="col-12 mb-3">
<p class="text-danger text-bold mb-0">Penjemputan dan Pengantaran ({{ $iOrd + 1 }})</p>
{{-- <p class="text-danger text-bold mb-0">Penjemputan dan Pengantaran ({{ $iOrd + 1 }})</p> --}}
</div>
</div>
<div class="row">
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Vehicle</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">B 1192 XY</p> --}}
@if ($order->vhc_nopol1)
<p class="mb-0">
{{ $order->vhc_nopol1 . ' ' . $order->vhc_nopol2 . ' ' . $order->vhc_nopol3 }}
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Driver Name</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">Archibald Borislav Aldric</p> --}}
@if ($order->drv_name)
<p class="mb-0">
{{ $order->drv_name }}
</p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i> {{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
@if ($order->drv_name2)
<label for="" class="form-label mt-3">Nama Pengemudi 2</label>
<div class="card bg-light border mb-0">
<div class="card-body">
@if ($order->drv_name2)
<p class="mb-0"> {{ $order->drv_name2 }} </p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone2_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone2_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">belum ditugaskan</p>
@endif
</div>
</div>
@endif
</div>
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Tanggal Penjemputan</label>
<label for="" class="form-label">Date</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0">{{ $_order['pck_date'] }}</p>
@ -54,7 +115,7 @@
</div>
<div class="col-sm-2"></div>
<div class="col-sm-5 mb-3">
<label for="" class="form-label">Waktu Penjemputan</label>
<label for="" class="form-label">Time</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="mb-0">{{ $_order['pck_time'] }}</p>
@ -66,7 +127,7 @@
</div>
<div class="row d-flex mb-3">
<div class="col-5">
<label for="" class="form-label">Lokasi Penjemputan</label>
<label for="" class="form-label">Orgin</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $_order['pck_name'] }}</p>
@ -79,7 +140,7 @@
<span class="ion-arrow-right-c text-danger" style="font-size: 15px"></span>
</div>
<div class="col-5">
<label for="" class="form-label">Lokasi Pengantaran</label>
<label for="" class="form-label">Destination</label>
<div class="card bg-light border mb-0">
<div class="card-body">
<p class="text-bold mb-2">{{ $_order['drop_name'] }}</p>
@ -118,7 +179,7 @@
</div>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-6 d-none">
<div class="card">
<div class="card-body">
<div class="row">
@ -141,67 +202,6 @@
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Kendaraan</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">B 1192 XY</p> --}}
@if ($order->vhc_nopol1)
<p class="mb-0">
{{ $order->vhc_nopol1 . ' ' . $order->vhc_nopol2 . ' ' . $order->vhc_nopol3 }}
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
</div>
<div class="col-sm-12 mb-3">
<label for="" class="form-label">Nama Pengemudi</label>
<div class="card bg-light border mb-0">
<div class="card-body">
{{-- <p class="mb-0">Archibald Borislav Aldric</p> --}}
@if ($order->drv_name)
<p class="mb-0">
{{ $order->drv_name }}
</p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i> {{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">not yet assigned</p>
@endif
</div>
</div>
@if ($order->drv_name2)
<label for="" class="form-label mt-3">Nama Pengemudi 2</label>
<div class="card bg-light border mb-0">
<div class="card-body">
@if ($order->drv_name2)
<p class="mb-0"> {{ $order->drv_name2 }} </p>
<p class="mb-0">
<a href="tel:0{{ $order->drv_phone2_val }}">
<i class="text-dark ion-ios-telephone"></i>&nbsp;
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}
</a>
</p>
<p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone2_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->drv_phone2_val, 4)) }}</a>
</p>
@else
<p class="mb-0 text-primary">belum ditugaskan</p>
@endif
</div>
</div>
@endif
</div>
</div>
</div>
<div class="col-sm-2"></div>

View File

@ -11,8 +11,8 @@
}
/* .select2-container {
z-index: 99999;
} */
z-index: 99999;
} */
</style>
@endsection
@ -25,15 +25,7 @@
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Client (<span id="count_clients">0</span>)</p>
</div>
<div class="col text-end">
{{-- <a href="#" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#addNewClientModal">Add New Client</a> --}}
{{-- <a href="#" class="btn btn-sm btn-danger" id="btnAddNewClientModal">Tambah Client</a> --}}
</div>
<div class="col-auto text-end ps-0">
{{-- <button class="btn btn-sm btn-danger">Upload</button> --}}
{{-- <button class="btn btn-sm btn-danger">Download</button> --}}
<p class="card-title text-bold mb-0">Company</p>
</div>
</div>
</div>
@ -43,16 +35,16 @@
<thead>
<tr class="">
<th class="">#</th>
<th class="text-center">Tindakan</th>
<th class="text-nowrap">Nama Client</th>
<th class="text-nowrap">Alamat Perusahaan</th>
<th class="text-nowrap">Telepon Client</th>
<th class="text-nowrap">Alamat Email</th>
<th class="text-nowrap">Tanggal Bergabung</th>
<th class="text-nowrap">Total Transaksi</th>
<th class="text-nowrap">Nama PIC</th>
<th class="text-nowrap">Telepon PIC</th>
<th class="text-nowrap">Alamat Email PIC</th>
<th class="text-center">Action</th>
<th class="text-nowrap">Company Name</th>
<th class="text-nowrap">Company Address</th>
<th class="text-nowrap">Phone Number</th>
<th class="text-nowrap">Email Addres</th>
{{-- <th class="text-nowrap">Tanggal Bergabung</th> --}}
<th class="text-nowrap">Total Job</th>
<th class="text-nowrap">PIC Name</th>
<th class="text-nowrap">PIC Phone NUmber</th>
<th class="text-nowrap">PIC Email Address</th>
<th class="text-center">Status</th>
</tr>
</thead>
@ -64,7 +56,7 @@
Kramat jati, Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta 13630</td>
<td class="text-nowrap">021 83782235</td>
<td class="text-nowrap">mail.us@jne.co.id</td>
<td class="text-nowrap">Jan 22, 2022 14:02</td>
{{-- <td class="text-nowrap">Jan 22, 2022 14:02</td> --}}
<td class="text-end">13</td>
<td class="text-nowrap">Jerrard Izaak</td>
<td class="text-nowrap">+62 812 8920 6762</td>
@ -310,7 +302,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnDelClient_updt" class="btn btn-sm btn-warning">Delete ?</button>
{{-- <button type="button" id="btnDelClient_updt" class="btn btn-sm btn-warning">Delete ?</button> --}}
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" id="btnSubmitUpdtClient" class="btn btn-sm btn-danger">Update data</button>
<div id="edt-btnSubmitUpdtClient" class="d-none">
@ -517,16 +509,6 @@
orderable: true,
searchable: true,
},
{
data: 'join_date',
className: 'text-start text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
return moment.unix(data).format('DD MMM YYYY HH:mm')
},
},
{
data: 'count_trx',
className: 'text-end text-nowrap',

View File

@ -7,8 +7,8 @@
@section('customcss')
<style>
/* .select2-container {
z-index: 99999;
} */
z-index: 99999;
} */
</style>
@endsection
@ -22,7 +22,7 @@
<p class="card-title text-bold mb-0">Device (<span id="count_devices">0</span>)</p>
</div>
<div class="col text-end">
<button id="btnMdlNewDevice" class="btn btn-sm btn-danger">Tambah Device Baru</button>
<button id="btnMdlNewDevice" class="btn btn-sm btn-danger">Add New Device</button>
</div>
<div class="col-auto text-end ps-0">
{{-- <button class="btn btn-sm btn-danger">Upload</button> --}}
@ -39,11 +39,11 @@
<th class="text-center">Action</th>
<th class="">Device ID</th>
<th class="">Name</th>
<th class="text-end">Simcard</th>
<th class="text-end">SIM Card</th>
<th class="text-end">Type</th>
<th class="text-center">Status</th>
<th class="text-center">Pemasangan</th>
<th class="text-center">Ketersediaan</th>
<th class="text-center">Installation</th>
<th class="text-center">Availability</th>
</tr>
</thead>
<tbody>
@ -478,9 +478,9 @@
searchable: true,
render: function(data, type, row, meta) {
if (data == State.stts_assigned.assigned) {
return '<span class="badge rounded-pill bg-success">Terpasang</span>'
return '<span class="badge rounded-pill bg-success">Installed</span>'
} else {
return '<span class="badge rounded-pill bg-danger">Dilepas</span>'
return '<span class="badge rounded-pill bg-danger">Removed</span>'
}
}
},
@ -492,9 +492,9 @@
searchable: true,
render: function(data, type, row, meta) {
if (data == State.stts_available.available) {
return '<span class="badge rounded-pill bg-success">Tersedia</span>'
return '<span class="badge rounded-pill bg-success">Available</span>'
} else {
return '<span class="badge rounded-pill bg-danger">Tidak Tersedia</span>'
return '<span class="badge rounded-pill bg-danger">Not Available</span>'
}
}
},

View File

@ -1,7 +1,7 @@
@extends('app.app')
@section('title')
Conf Truck Types
Conf Vehicle Types
@endsection
@section('customcss')
@ -17,10 +17,11 @@
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col-3">
<p class="card-title text-bold mb-0">Truck Types (<span id="count_trucktypes">0</span>)</p>
{{-- <p class="card-title text-bold mb-0">Vehicle Types (<span id="count_trucktypes">0</span>)</p> --}}
<p class="card-title text-bold mb-0">Vehicle Types</p>
</div>
<div class="col text-end">
<button id="btnMdlNewTruckType" class="btn btn-sm btn-danger">Add New Truck Types</button>
<button id="btnMdlNewTruckType" class="btn btn-sm btn-danger">Add New Vehicle Type</button>
</div>
<div class="col-auto text-end ps-0">
{{-- <button class="btn btn-sm btn-danger">Upload</button> --}}
@ -35,10 +36,7 @@
<tr class="">
<th class="">#</th>
<th class="text-center">Action</th>
<th class="">Name</th>
<th class="text-end text-nowrap">Max KG</th>
<th class="text-end text-nowrap">Max CBM</th>
<th class="text-end text-nowrap">Max Koli</th>
<th class="w-100">Vehicle Type Name</th>
<th class="text-center">Status</th>
<th class="text-center">Publish</th>
</tr>
@ -57,7 +55,7 @@
<div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mdlNewTruckTypeLabel">Add New Truck Type</h5>
<h5 class="modal-title" id="mdlNewTruckTypeLabel">Add New Vehicle</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@ -65,7 +63,7 @@
{{-- Truck Type --}}
<div class="mb-3">
<div class="border-bottom">
<h6>Truck Type</h6>
<h6>Vehicle Type</h6>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
@ -75,7 +73,7 @@
</div>
</div>
{{-- Weight --}}
<div class="mb-3">
<div class="mb-3 d-none">
<div class="border-bottom">
<h6>Weight</h6>
</div>
@ -130,7 +128,7 @@
<div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mdlEdtTruckTypeLabel">Edit TruckType</h5>
<h5 class="modal-title" id="mdlEdtTruckTypeLabel">Edit Vehicle Type</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@ -138,7 +136,7 @@
{{-- Truck Type --}}
<div class="mb-3">
<div class="border-bottom">
<h6>Truck Type</h6>
<h6>Vehicle Type</h6>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
@ -148,7 +146,7 @@
</div>
</div>
{{-- Weight --}}
<div class="mb-3">
<div class="mb-3 d-none">
<div class="border-bottom">
<h6>Weight</h6>
</div>
@ -210,7 +208,7 @@
<div class="modal-body">
<div class="d-flex justify-content-center">
<p class="mb-0">
Are you sure want to delete this truck type
Are you sure want to delete this vehicle type
<a href="#" class="text-danger">
<span id="del-type_name"></span>
</a>
@ -340,36 +338,6 @@
$(td).attr('data-type_name', rowData.type_name);
},
},
{
data: 'max_kg',
className: 'text-end text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
return data || '-';
}
},
{
data: 'max_cbm',
className: 'text-end text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
return data || '-';
}
},
{
data: 'max_koli',
className: 'text-end text-nowrap',
visible: true,
orderable: true,
searchable: true,
render: function(data, type, row, meta) {
return data || '-';
}
},
{
data: 'is_active',
className: 'text-center',
@ -725,7 +693,7 @@
Helper.toast('Warning', 'just now', data.meta.message);
return false;
}
Helper.toast('Success', 'just now', 'success delete trucktype');
Helper.toast('Success', 'just now', 'success delete vehicle type');
$('#mdlDelTruckType').modal('hide');
$('#mdlEdtTruckType').modal('hide');
DTable.reload();

View File

@ -11,8 +11,8 @@
@section('customcss')
<style>
/* .select2-container {
z-index: 99999;
} */
z-index: 99999;
} */
</style>
@endsection
@ -47,15 +47,14 @@
<span id="mileageSumMonth" class="text-capitalize">jan-2022</span>
</th> --}}
<th class="">Identification Number</th>
{{-- <th class="">NPWP Number</th> --}}
<th class="">License Number</th>
<th class="">License Expiry</th>
<th class="">D<span class="text-lowercase">o</span>B</th>
<th class="">D<span class="text-lowercase">o</span>B</th> <!-- Date of Birth -->
<th class="">Age</th>
<th class="">Blood Type</th>
<th class="">Phone Number</th>
<th class="">Email Address</th>
<th class="">Perusahaan</th>
<th class="">Company</th>
{{-- <th class="text-nowrap">Home Address</th> --}}
{{-- <th class="">Emergency <span class="text-nowrap">Contact Name</span></th> --}}
{{-- <th class="">Emergency <span class="text-nowrap">Contact Number</span> --}}
@ -117,10 +116,10 @@
<h6>Personal Data</h6>
</div>
<div class="row mb-3">
<div class="col-6">
<label for="add-ktp-img" class="col-form-label">KTP Photo</label>
<div class="col-5">
<label for="add-ktp-img" class="col-form-label">National ID Photo</label>
<br>
<img id="add-ktp-img" class="img-fluid landscape-photo" src="https://picture-origin.rumah123.com/news-content/img/2020/09/21080044/cara-mengurus-ktp-1.jpg" alt="add-ktp-img">
<img id="add-ktp-img" class="img-fluid landscape-photo" src="https://media.istockphoto.com/id/2181547993/video/id-card-verification-animation-accepted-and-decline-options.jpg?s=640x640&k=20&c=SI_5swuzBG578HTCL888NPLxpXMI0qM3kI1Br58vIG4=" alt="add-ktp-img">
<div id="add-group_rotate_ktp" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-left"></i></button>
<button type="button" class="btnRotateRight btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-right"></i></button>
@ -137,91 +136,47 @@
<span id="add-ktp-filesize"></span>
</div>
</div>
<div class="col-6">
<div class="mb-3">
<label for="add-nik" class="col-form-label">NIK</label>
<input type="number" id="add-nik" class="form-control">
</div>
<div class="mb-3">
<label for="add-fullname" class="col-form-label">Fullname<span class="text-danger">*</span></label>
<input type="text" id="add-fullname" class="form-control">
</div>
<div class="mb-3">
<label for="add-email" class="col-form-label">Email</label>
<input type="email" id="add-email" class="form-control">
</div>
<div class="mb-3">
<label for="add-fullname2" class="col-form-label">Nama Driver 2</label>
<input type="text" id="add-fullname2" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="mb-3">
<label for="add-phone" class="col-form-label">Phone Number 1<span class="text-danger">*</span></label>
<input type="number" id="add-phone" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-6">
<div class="mb-3">
<label for="add-phone2" class="col-form-label">Phone Number 2</label>
<input type="number" id="add-phone2" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-6">
<label for="add-dob" class="col-form-label">Date of Birth</label>
<input type="text" id="add-dob" class="form-control" readonly>
</div>
{{-- <div class="col-6">
<label for="add-age" class="col-form-label">Age</label>
<input type="number" id="add-age" class="form-control">
</div> --}}
<div class="col-6">
<label for="add-blood" class="col-form-label">Blood Type</label>
<select id="add-blood" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($bloods as $blood)
<option value="{{ $blood['id'] }}">{{ $blood['name'] }}</option>
@endforeach
</select>
</div>
<div class="col-6">
<label for="add-fulladdress" class="col-form-label">Home Address</label>
<textarea id="add-fulladdress" class="form-control"></textarea>
</div>
</div>
</div>
{{-- NPWP Data --}}
<div class="mb-3">
<div class="border-bottom">
<h6>NPWP Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="add-npwp-img" class="col-form-label">NPWP Photo</label>
<br>
<img id="add-npwp-img" class="img-fluid landscape-photo" src="https://cdn1-production-images-kly.akamaized.net/0ZeW453dXGjgdnfMr4f92Fh3VrE=/640x360/smart/filters:quality(75):strip_icc():format(jpeg)/kly-media-production/medias/3599214/original/071688600_1633968266-NPWP.jpg" alt="add-npwp-img">
<div id="add-group_npwp_spinner" class="d-none">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
<div class="col-7">
<div class="row">
<div class="col-6">
<div class="mb-0">
<label for="add-nik" class="col-form-label">ID Number</label>
<input type="number" id="add-nik" class="form-control">
</div>
<div class="mb-0">
<label for="add-dob" class="col-form-label">Date of Birth</label>
<input type="text" id="add-dob" class="form-control" readonly>
</div>
<div class="mb-0">
<label for="add-email" class="col-form-label">Email</label>
<input type="email" id="add-email" class="form-control">
</div>
</div>
<div class="col-6">
<div class="mb-0">
<label for="add-fullname" class="col-form-label">Fullname<span class="text-danger">*</span></label>
<input type="text" id="add-fullname" class="form-control">
</div>
<div class="mb-0">
<label for="add-blood" class="col-form-label">Blood Type</label>
<select id="add-blood" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($bloods as $blood)
<option value="{{ $blood['id'] }}">{{ $blood['name'] }}</option>
@endforeach
</select>
</div>
<div class="mb-0">
<label for="add-phone" class="col-form-label">Phone Number<span class="text-danger">*</span></label>
<input type="number" id="add-phone" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-12">
<label for="add-fulladdress" class="col-form-label w-100">Home Address</label>
<textarea id="add-fulladdress" class="form-control"></textarea>
</div>
</div>
<div id="add-group_rotate_npwp" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-left"></i></button>
<button type="button" class="btnRotateRight btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-right"></i></button>
</div>
<input type="file" id="add-npwp-file" class="form-control mt-3">
<input type="text" id="add-npwp-base64" class="form-control" hidden>
<div>
<span id="add-npwp-status"></span>
<span id="add-npwp-filesize"></span>
</div>
</div>
<div class="col-6">
<label for="add-npwp-no" class="col-form-label">NPWP
Number</label>
<input type="text" id="add-npwp-no" class="form-control">
</div>
</div>
</div>
@ -231,7 +186,7 @@
<h6>License Data</h6>
</div>
<div class="row">
<div class="col-6">
<div class="col-5">
<label for="add-license-img" class="col-form-label">License Photo</label>
<br>
<img id="add-license-img" class="img-fluid landscape-photo" src="https://s2.bukalapak.com/bukalapak-kontenz-production/content_attachments/50232/w-740/SIM_C1.jpg" alt="add-license-img">
@ -251,15 +206,15 @@
<span id="add-license-filesize"></span>
</div>
</div>
<div class="col-6">
<label for="add-license-no" class="col-form-label">License
Number</label>
<input type="number" id="add-license-no" class="form-control">
</div>
<div class="col-6">
<label for="add-license-exp" class="col-form-label">License
Expired</label>
<input type="text" id="add-license-exp" class="form-control" readonly>
<div class="col-7">
<div class="mb-0">
<label for="add-license-no" class="col-form-label">License Number</label>
<input type="number" id="add-license-no" class="form-control">
</div>
<div class="mb-0">
<label for="add-license-exp" class="col-form-label">License Expired</label>
<input type="text" id="add-license-exp" class="form-control" readonly>
</div>
</div>
</div>
</div>
@ -269,78 +224,30 @@
<h6>Emergency Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="add-em-fullname" class="col-form-label">Emergency
Contact Fullname</label>
<input type="text" id="add-em-fullname" class="form-control">
</div>
<div class="col-6">
<label for="add-em-relationship" class="col-form-label">Emergency
Contact Relationship</label>
<select id="add-em-relationship" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($relationships as $relation)
<option value="{{ $relation['id'] }}">{{ $relation['name'] }}</option>
@endforeach
</select>
</div>
<div class="col-6">
<label for="add-em-phone" class="col-form-label">Emergency
Contact Number</label>
<input type="number" id="add-em-phone" class="form-control" placeholder="without zero">
</div>
</div>
</div>
{{-- Bank Data --}}
<div class="mb-3">
<div class="border-bottom">
<h6>Bank Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="add-bank" class="form-label">Bank<span class="text-danger">*</span></label>
<select id="add-bank" name="add-bank" class="form-control" style="width:100%;">
<option value="" selected disabled>Choose</option>
@foreach ($banks as $bank)
<option value="{{ $bank->bank_code }}" data-id="{{ $bank->id }}" data-code="{{ $bank->bank_code }}" data-short="{{ $bank->bank_short_name }}" data-name="{{ $bank->bank_name }}">{{ $bank->bank_short_name }}</option>
@endforeach
</select>
</div>
<div class="col-6">
<label for="add-kcp" class="form-label">KCP</label>
<input type="text" class="form-control form-control-sm" name="add-kcp" id="add-kcp" placeholder="KCP Rempoa">
</div>
<div class="col-6">
<label for="add-acc_number" class="form-label">Nomor Rekening<span class="text-danger">*</span></label>
<input type="number" class="form-control form-control-sm" name="add-acc_number" id="add-acc_number">
</div>
<div class="col-6">
<label for="add-acc_name" class="form-label">Pemilik Rekening<span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" name="add-acc_name" id="add-acc_name">
</div>
</div>
</div>
{{-- Other Data --}}
@if ($user_role != \App\Models\Users::ROLE_VENDOR)
<div class="mb-3">
<div class="border-bottom">
<h6>Other Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="add-vendor_id" class="col-form-label">Vendor Name<span class="text-danger">*</span></label>
<select id="add-vendor_id" class="form-control" style="width:100%;">
<div class="col-12">
<div class="mb-0">
<label for="add-em-fullname" class="col-form-label">Emergency
Contact Fullname</label>
<input type="text" id="add-em-fullname" class="form-control">
</div>
<div class="mb-0">
<label for="add-em-relationship" class="col-form-label">Emergency
Contact Relationship</label>
<select id="add-em-relationship" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($vendors as $vendor)
<option value="{{ $vendor->id }}">
{{ $vendor->first_name . ' (+' . $vendor->phone_code . implode(' ', str_split($vendor->phone, 4)) . ')' }}
</option>
@foreach ($relationships as $relation)
<option value="{{ $relation['id'] }}">{{ $relation['name'] }}</option>
@endforeach
</select>
</div>
<div class="mb-0">
<label for="add-em-phone" class="col-form-label">Emergency
Contact Number</label>
<input type="number" id="add-em-phone" class="form-control" placeholder="without zero">
</div>
</div>
</div>
@endif
</div>
</form>
</div>
<div class="modal-footer">
@ -366,8 +273,8 @@
<h6>Personal Data</h6>
</div>
<div class="row mb-3">
<div class="col-6">
<label for="edt-ktp-img" class="col-form-label">KTP Photo</label>
<div class="col-5">
<label for="edt-ktp-img" class="col-form-label">National ID Photo</label>
<br>
<img id="edt-ktp-img" class="img-fluid landscape-photo" src="https://picture-origin.rumah123.com/news-content/img/2020/09/21080044/cara-mengurus-ktp-1.jpg" alt="edt-ktp-img">
<div id="edt-group_ktp_spinner" class="d-none">
@ -386,91 +293,46 @@
<span id="edt-ktp-filesize"></span>
</div>
</div>
<div class="col-6">
<div class="mb-3">
<label for="edt-nik" class="col-form-label">NIK</label>
<input type="number" id="edt-nik" class="form-control">
</div>
<div class="mb-3">
<label for="edt-fullname" class="col-form-label">Fullname<span class="text-danger">*</span></label>
<input type="text" id="edt-fullname" class="form-control">
</div>
<div class="mb-3">
<label for="edt-email" class="col-form-label">Email</label>
<input type="email" id="edt-email" class="form-control">
</div>
<div class="mb-3">
<label for="edt-fullname2" class="col-form-label">Nama Driver 2</label>
<input type="text" id="edt-fullname2" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="mb-3">
<label for="edt-phone" class="col-form-label">Phone Number 1<span class="text-danger">*</span></label>
<input type="number" id="edt-phone" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-6">
<div class="mb-3">
<label for="edt-phone2" class="col-form-label">Phone Number 2</label>
<input type="number" id="edt-phone2" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-6">
<label for="edt-dob" class="col-form-label">Date of Birth</label>
<input type="text" id="edt-dob" class="form-control" readonly>
</div>
{{-- <div class="col-6">
<label for="edt-age" class="col-form-label">Age</label>
<input type="number" id="edt-age" class="form-control">
</div> --}}
<div class="col-6">
<label for="edt-blood" class="col-form-label">Blood Type</label>
<select id="edt-blood" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($bloods as $blood)
<option value="{{ $blood['id'] }}">{{ $blood['name'] }}</option>
@endforeach
</select>
</div>
<div class="col-6">
<label for="edt-fulladdress" class="col-form-label">Home Address</label>
<textarea id="edt-fulladdress" class="form-control"></textarea>
</div>
</div>
</div>
{{-- NPWP Data --}}
<div class="mb-3">
<div class="border-bottom">
<h6>NPWP Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="edt-npwp-img" class="col-form-label">NPWP Photo</label>
<br>
<img id="edt-npwp-img" class="img-fluid landscape-photo" src="https://cdn1-production-images-kly.akamaized.net/0ZeW453dXGjgdnfMr4f92Fh3VrE=/640x360/smart/filters:quality(75):strip_icc():format(jpeg)/kly-media-production/medias/3599214/original/071688600_1633968266-NPWP.jpg" alt="edt-npwp-img">
<div id="edt-group_npwp_spinner" class="d-none">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
<div class="col-7">
<div class="row">
<div class="col-6">
<div class="mb-0">
<label for="edt-nik" class="col-form-label">ID Number</label>
<input type="number" id="edt-nik" class="form-control">
</div>
<div class="mb-0">
<label for="edt-dob" class="col-form-label">Date of Birth</label>
<input type="text" id="edt-dob" class="form-control" readonly>
</div>
<div class="mb-0">
<label for="edt-email" class="col-form-label">Email</label>
<input type="email" id="edt-email" class="form-control">
</div>
</div>
<div class="col-6">
<div class="mb-0">
<label for="edt-fullname" class="col-form-label">Fullname<span class="text-danger">*</span></label>
<input type="text" id="edt-fullname" class="form-control">
</div>
<div class="col-6">
<label for="edt-blood" class="col-form-label">Blood Type</label>
<select id="edt-blood" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($bloods as $blood)
<option value="{{ $blood['id'] }}">{{ $blood['name'] }}</option>
@endforeach
</select>
</div>
<div class="mb-0">
<label for="edt-phone" class="col-form-label">Phone Number<span class="text-danger">*</span></label>
<input type="number" id="edt-phone" class="form-control" placeholder="without zero">
</div>
</div>
<div class="col-12">
<label for="edt-fulladdress" class="col-form-label">Home Address</label>
<textarea id="edt-fulladdress" class="form-control"></textarea>
</div>
</div>
<div id="edt-group_rotate_npwp" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-left"></i></button>
<button type="button" class="btnRotateRight btn btn-sm btn-outline-primary ml-1" style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i class="icon ion-arrow-return-right"></i></button>
</div>
<input type="file" id="edt-npwp-file" class="form-control mt-3">
<input type="text" id="edt-npwp-base64" class="form-control" hidden>
<div>
<span id="edt-npwp-status"></span>
<span id="edt-npwp-filesize"></span>
</div>
</div>
<div class="col-6">
<label for="edt-npwp-no" class="col-form-label">NPWP
Number</label>
<input type="text" id="edt-npwp-no" class="form-control">
</div>
</div>
</div>
@ -480,7 +342,7 @@
<h6>License Data</h6>
</div>
<div class="row">
<div class="col-6">
<div class="col-5">
<label for="edt-license-img" class="col-form-label">License Photo</label>
<br>
<img id="edt-license-img" class="img-fluid landscape-photo" src="https://s2.bukalapak.com/bukalapak-kontenz-production/content_attachments/50232/w-740/SIM_C1.jpg" alt="edt-license-img">
@ -500,15 +362,15 @@
<span id="edt-license-filesize"></span>
</div>
</div>
<div class="col-6">
<label for="edt-license-no" class="col-form-label">License
Number</label>
<input type="number" id="edt-license-no" class="form-control">
</div>
<div class="col-6">
<label for="edt-license-exp" class="col-form-label">License
Expired</label>
<input type="text" id="edt-license-exp" class="form-control" readonly>
<div class="col-7">
<div class="m-0">
<label for="edt-license-no" class="col-form-label">LicenseNumber</label>
<input type="number" id="edt-license-no" class="form-control">
</div>
<div class="mb-0">
<label for="edt-license-exp" class="col-form-label">LicenseExpired</label>
<input type="text" id="edt-license-exp" class="form-control" readonly>
</div>
</div>
</div>
</div>
@ -518,12 +380,12 @@
<h6>Emergency Data</h6>
</div>
<div class="row">
<div class="col-6">
<div class="col-12">
<label for="edt-em-fullname" class="col-form-label">Emergency
Contact Fullname</label>
<input type="text" id="edt-em-fullname" class="form-control">
</div>
<div class="col-6">
<div class="col-12">
<label for="edt-em-relationship" class="col-form-label">Emergency
Contact Relationship</label>
<select id="edt-em-relationship" class="form-control" style="width:100%;">
@ -533,70 +395,20 @@
@endforeach
</select>
</div>
<div class="col-6">
<div class="col-12">
<label for="edt-em-phone" class="col-form-label">Emergency
Contact Number</label>
<input type="number" id="edt-em-phone" class="form-control" placeholder="without zero">
</div>
</div>
</div>
{{-- Bank Data --}}
<div class="mb-3">
<div class="border-bottom">
<h6>Bank Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="edt-bank" class="form-label">Bank<span class="text-danger">*</span></label>
<select id="edt-bank" name="edt-bank" class="form-control" style="width:100%;">
<option value="" selected disabled>Choose</option>
@foreach ($banks as $bank)
<option value="{{ $bank->bank_code }}" data-id="{{ $bank->id }}" data-code="{{ $bank->bank_code }}" data-short="{{ $bank->bank_short_name }}" data-name="{{ $bank->bank_name }}">{{ $bank->bank_short_name }}</option>
@endforeach
</select>
</div>
<div class="col-6">
<label for="edt-kcp" class="form-label">KCP</label>
<input type="text" class="form-control form-control-sm" name="edt-kcp" id="edt-kcp" placeholder="KCP Rempoa">
</div>
<div class="col-6">
<label for="edt-acc_number" class="form-label">Nomor Rekening<span class="text-danger">*</span></label>
<input type="number" class="form-control form-control-sm" name="edt-acc_number" id="edt-acc_number">
</div>
<div class="col-6">
<label for="edt-acc_name" class="form-label">Pemilik Rekening<span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" name="edt-acc_name" id="edt-acc_name">
</div>
</div>
</div>
{{-- Other Data --}}
@if ($user_role != \App\Models\Users::ROLE_VENDOR)
<div class="mb-3">
<div class="border-bottom">
<h6>Other Data</h6>
</div>
<div class="row">
<div class="col-6">
<label for="edt-vendor_id" class="col-form-label">Vendor Name<span class="text-danger">*</span></label>
<select id="edt-vendor_id" class="form-control" style="width:100%;">
<option value="">Choose</option>
@foreach ($vendors as $vendor)
<option value="{{ $vendor->id }}">
{{ $vendor->first_name . ' (+' . $vendor->phone_code . implode(' ', str_split($vendor->phone, 4)) . ')' }}
</option>
@endforeach
</select>
</div>
</div>
</div>
@endif
</form>
</div>
<div class="modal-footer d-block">
<div class="row p-0">
<div class="col p-0 text-start">
{{-- <div class="col p-0 text-start">
<button type="button" id="btnResetLogin_updt" class="btn btn-sm btn-dark text-white">Reset Login ?</button>
</div>
</div> --}}
<div class="col p-0 text-end">
<button type="button" id="btnDelDrv_updt" class="btn btn-sm btn-warning">Delete ?</button>
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
@ -633,31 +445,6 @@
</div>
</div>
</div>
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="mdlWarnResetLoginDriver" aria-labelledby="mdlWarnResetLoginDriverLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mdlWarnResetLoginDriverLabel">Reset Login Driver</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex justify-content-center">
<p class="mb-0">
Yakin untuk mereset login driver ?
<a href="#" class="text-danger">
<span id="resetLogin-fullname"></span>
(<span id="resetLogin-phone"></span>)
</a>
</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-danger" data-bs-dismiss="modal">Close</button>
<button id="btnResetLogin" type="button" class="btn btn-sm btn-secondary">Ya, Reset</button>
</div>
</div>
</div>
</div>
@endsection
@section('customjs')
@ -968,20 +755,13 @@
data.nik = $('#add-nik').val();
data.fullname = $('#add-fullname').val();
data.phone = $('#add-phone').val();
data.phone2 = $('#add-phone2').val();
data.email = $('#add-email').val();
data.fullname2 = $('#add-fullname2').val();
data.dob = $('#add-dob').val().split('-').reverse().join('-');
data.age = moment().diff(moment(data.dob), 'years', false) || null;
data.blood = $('#add-blood').val();
data.fulladdress = $('#add-fulladdress').val();
data.npwp_base64 = $('#add-npwp-base64').val().replace(/^data:image\/(png|jpg|jpeg);base64,/, '');
data.npwp_string = $('#add-npwp-no').val();
data.npwp_number = data.npwp_string.replace(/[^0-9]/g, ''); // remove excepts number
data.license_base64 = $('#add-license-base64').val().replace(/^data:image\/(png|jpg|jpeg);base64,/,
'');
data.license_base64 = $('#add-license-base64').val().replace(/^data:image\/(png|jpg|jpeg);base64,/, '');
data.license_number = $('#add-license-no').val();
data.license_exp = $('#add-license-exp').val().split('-').reverse().join('-');
@ -989,17 +769,6 @@
data.em_relationship = $('#add-em-relationship').val();
data.em_phone = $('#add-em-phone').val();
let selectedBank = $('#add-bank :selected');
if (selectedBank && selectedBank.val() != '') {
data.bank_id = selectedBank.data('id');
data.bank_code = selectedBank.data('code');
data.bank_short = selectedBank.data('short');
data.bank_name = selectedBank.data('name');
}
data.bank_branch_name = $('#add-kcp').val();
data.bank_acc_number = $('#add-acc_number').val();
data.bank_acc_name = $('#add-acc_name').val();
data.vendor_id = $('#add-vendor_id').val();
return data;
},
@ -1191,19 +960,12 @@
data.nik = $('#edt-nik').val();
data.fullname = $('#edt-fullname').val();
data.phone = $('#edt-phone').val();
data.phone2 = $('#edt-phone2').val();
data.phone2 = (data.phone2.indexOf('0') == 0 && data.phone2.length == 1) ? '' : data.phone2;
data.email = $('#edt-email').val();
data.fullname2 = $('#edt-fullname2').val();
data.dob = $('#edt-dob').val().split('-').reverse().join('-');
data.age = moment().diff(moment(data.dob), 'years', false) || null;
data.blood = $('#edt-blood').val();
data.fulladdress = $('#edt-fulladdress').val();
data.npwp_base64 = $('#edt-npwp-base64').val().replace(/^data:image\/(png|jpg|jpeg);base64,/, '');
data.npwp_string = $('#edt-npwp-no').val();
data.npwp_number = data.npwp_string.replace(/[^0-9]/g, ''); // remove excepts number
data.license_base64 = $('#edt-license-base64').val().replace(/^data:image\/(png|jpg|jpeg);base64,/,
'');
data.license_number = $('#edt-license-no').val();

View File

@ -19,8 +19,8 @@
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Transaction</p>
<p class="card-subtitle text-muted">Transaction List</p>
<p class="card-title text-bold mb-0">Jobs</p>
{{-- <p class="card-subtitle text-muted">Jobs List</p> --}}
</div>
{{-- <div class="col-auto text-end ps-0">
<a href="#" id="btnMdlMrgTrx" class="btn btn-sm btn-danger">Merge Transaksi</a>
@ -498,14 +498,14 @@
<span class="icon ion-eye text-danger fz-16"></span>
</a>
`;
action += `
<a href="#"
class="text-decoration-none me-1 btnTrackOrder" data-bs-toggle="tooltip"
data-bs-placement="bottom" title="Tracking #${row.ord_code}"
data-id="${row.ord_id}" data-code="${row.ord_code}">
<span class="icon ion-map text-danger fz-16"></span>
</a>
`;
// action += `
// <a href="#"
// class="text-decoration-none me-1 btnTrackOrder" data-bs-toggle="tooltip"
// data-bs-placement="bottom" title="Tracking #${row.ord_code}"
// data-id="${row.ord_id}" data-code="${row.ord_code}">
// <span class="icon ion-map text-danger fz-16"></span>
// </a>
// `;
// data-bs-toggle="modal" data-bs-target="#mdlPantau"
for (const child of row.childs) {
action += `

View File

@ -27,13 +27,14 @@
<div class="card-header">
<div class="row d-flex align-items-center">
<div class="col">
<p class="card-title text-bold mb-0">Zona (<span id="count_zones"></span>)</p>
{{-- <p class="card-title text-bold mb-0">Zona (<span id="count_zones"></span>)</p> --}}
<p class="card-title text-bold mb-0">Zona</p>
</div>
@if ($user_role === \App\Models\Users::ROLE_ADMIN || \App\Models\Users::ROLE_VENDOR)
{{-- @if ($user_role === \App\Models\Users::ROLE_VENDOR) --}}
<div class="col text-end">
{{-- <a href="#" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#addNewZoneModal">Add New Zone</a> --}}
<a href="{{ route('view_zone_add') }}" class="btn btn-sm btn-danger">Tambah Zona</a>
<a href="{{ route('view_zone_add') }}" class="btn btn-sm btn-danger">Add New Zone</a>
</div>
@endif
<div class="col-auto text-end ps-0">
@ -48,16 +49,16 @@
<thead>
<tr class="">
<th class="">#</th>
<th class="text-center">Tindakan</th>
<th class="text-center">Action</th>
<th class="text-nowrap">Zone</th>
<th class="text-nowrap">Perusahaan</th>
<th class="text-nowrap">Tipe Zona</th>
<th class="text-nowrap">Company</th>
<th class="text-nowrap">Zone Type</th>
<th class="text-nowrap">Workflow</th>
<th class="text-nowrap">Alamat</th>
<th class="text-nowrap">Kode Pos</th>
<th class="text-nowrap">Bentuk Zona</th>
<th class="text-nowrap">Dibuat</th>
<th class="text-nowrap">Pembaharuan Terakhir</th>
<th class="text-nowrap">Address</th>
<th class="text-nowrap">Postal Code</th>
<th class="text-nowrap">Zone Shape</th>
<th class="text-nowrap">Created At</th>
<th class="text-nowrap">Last Updated</th>
<th class="text-center">Status</th>
</tr>
</thead>