TIMOR-TELECOM/gps-frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upadate

Browse Source
This commit is contained in:
meusinfirmary
2025-06-12 01:13:36 +07:00
parent a38ebbb30f
commit bd78b881b5
18 changed files with 528 additions and 713 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/Http/Controllers/ZoneController.php
View File

@ -258,11 +258,11 @@ class ZoneController extends Controller
"zone_client" => $req->zone_client, "zone_client" => $req->zone_client,
"zone_type" => $req->zone_type, "zone_type" => $req->zone_type,
"workflow_zone_type" => $req->workflow_zone_type, "workflow_zone_type" => $req->workflow_zone_type,
"shiptocode" => $req->shiptocode, // "shiptocode" => $req->shiptocode,
"prid" => $req->prid, // "prid" => $req->prid,
"ktid" => $req->ktid, // "ktid" => $req->ktid,
"kcid" => $req->kcid, // "kcid" => $req->kcid,
"klid" => $req->klid, // "klid" => $req->klid,
"fulladdress" => $req->fulladdress, "fulladdress" => $req->fulladdress,
"status" => $req->status, "status" => $req->status,
"boundary_hex_color" => $req->boundary_hex_color, "boundary_hex_color" => $req->boundary_hex_color,
@ -279,11 +279,11 @@ class ZoneController extends Controller
"zone_client" => "nullable|integer|not_in:0", "zone_client" => "nullable|integer|not_in:0",
"zone_type" => "required|integer|not_in:0", "zone_type" => "required|integer|not_in:0",
"workflow_zone_type" => "required|integer|not_in:0", "workflow_zone_type" => "required|integer|not_in:0",
"shiptocode" => "required|string|min:5|max:6", // "shiptocode" => "string|min:5|max:6",
"prid" => "required|numeric", // "prid" => "required|numeric",
"ktid" => "required|numeric", // "ktid" => "required|numeric",
"kcid" => "required|numeric", // "kcid" => "required|numeric",
"klid" => "required|numeric", // "klid" => "required|numeric",
"fulladdress" => "required|string|min:55", "fulladdress" => "required|string|min:55",
"status" => "required|integer|not_in:0", "status" => "required|integer|not_in:0",
"boundary_hex_color" => "required|string|min:7|max:7", "boundary_hex_color" => "required|string|min:7|max:7",
@ -319,11 +319,11 @@ class ZoneController extends Controller
"name" => $req->zone_name, "name" => $req->zone_name,
"type" => $req->zone_type, "type" => $req->zone_type,
"workflow_type" => $req->workflow_zone_type, "workflow_type" => $req->workflow_zone_type,
"shiptocode" => $req->shiptocode, "shiptocode" => "123456",
"prid" => $req->prid, "prid" => "123456",
"ktid" => $req->ktid, "ktid" => "123456",
"kcid" => $req->kcid, "kcid" => "123456",
"klid" => $req->klid, "klid" => "123456",
"fulladdress" => $req->fulladdress, "fulladdress" => $req->fulladdress,
"boundary_type" => $req->boundary_type, "boundary_type" => $req->boundary_type,
"boundary_hex_color" => strtoupper($req->boundary_hex_color), "boundary_hex_color" => strtoupper($req->boundary_hex_color),
@ -374,11 +374,11 @@ class ZoneController extends Controller
"zone_client" => $req->zone_client, "zone_client" => $req->zone_client,
"zone_type" => $req->zone_type, "zone_type" => $req->zone_type,
"workflow_zone_type" => $req->workflow_zone_type, "workflow_zone_type" => $req->workflow_zone_type,
"shiptocode" => $req->shiptocode, // "shiptocode" => $req->shiptocode,
"prid" => $req->prid, // "prid" => $req->prid,
"ktid" => $req->ktid, // "ktid" => $req->ktid,
"kcid" => $req->kcid, // "kcid" => $req->kcid,
"klid" => $req->klid, // "klid" => $req->klid,
"fulladdress" => $req->fulladdress, "fulladdress" => $req->fulladdress,
"status" => $req->status, "status" => $req->status,
"boundary_hex_color" => $req->boundary_hex_color, "boundary_hex_color" => $req->boundary_hex_color,
@ -395,11 +395,11 @@ class ZoneController extends Controller
"zone_client" => "nullable|integer|not_in:0", "zone_client" => "nullable|integer|not_in:0",
"zone_type" => "required|integer|not_in:0", "zone_type" => "required|integer|not_in:0",
"workflow_zone_type" => "required|integer|not_in:0", "workflow_zone_type" => "required|integer|not_in:0",
"shiptocode" => "required|string|min:5|max:6", // "shiptocode" => "required|string|min:5|max:6",
"prid" => "required|numeric", // "prid" => "required|numeric",
"ktid" => "required|numeric", // "ktid" => "required|numeric",
"kcid" => "required|numeric", // "kcid" => "required|numeric",
"klid" => "required|numeric", // "klid" => "required|numeric",
"fulladdress" => "required|string|min:55", "fulladdress" => "required|string|min:55",
"status" => "required|integer|not_in:0", "status" => "required|integer|not_in:0",
"boundary_hex_color" => "required|string|min:7|max:7", "boundary_hex_color" => "required|string|min:7|max:7",
@ -449,11 +449,11 @@ class ZoneController extends Controller
"name" => $req->zone_name, "name" => $req->zone_name,
"type" => $req->zone_type, "type" => $req->zone_type,
"workflow_type" => $req->workflow_zone_type, "workflow_type" => $req->workflow_zone_type,
"shiptocode" => $req->shiptocode, "shiptocode" => "123456",
"prid" => $req->prid, "prid" => "123456",
"ktid" => $req->ktid, "ktid" => "123456",
"kcid" => $req->kcid, "kcid" => "123456",
"klid" => $req->klid, "klid" => "123456",
"fulladdress" => $req->fulladdress, "fulladdress" => $req->fulladdress,
"boundary_type" => $req->boundary_type, "boundary_type" => $req->boundary_type,
"boundary_hex_color" => strtoupper($req->boundary_hex_color), "boundary_hex_color" => strtoupper($req->boundary_hex_color),

2
public/mails/v0/index.html
View File

@ -43,7 +43,7 @@
<td> <td>
<div class="text" <div class="text"
style="padding: 1.5rem 1rem; text-align: left; background-color: #fff; margin: 0 1.5rem; border: 1px solid #e4e4e4; border-top: 4px solid #f26e6f;"> style="padding: 1.5rem 1rem; text-align: left; background-color: #fff; margin: 0 1.5rem; border: 1px solid #e4e4e4; border-top: 4px solid #f26e6f;">
<h4 style="font-size: 14x; color: #212B36">Halo Rekan usaha Bonceng,</h4> <h4 style="font-size: 14x; color: #212B36">Hello Rekan usaha Bonceng,</h4>
<h4 style="font-size: 14x; color: #212B36">Selamat Akun Anda telah <h4 style="font-size: 14x; color: #212B36">Selamat Akun Anda telah
terverifikasi!</h4> terverifikasi!</h4>
<h4 style="font-size: 14x; color: #212B36">Terima kasih sudah bergabung dengan <h4 style="font-size: 14x; color: #212B36">Terima kasih sudah bergabung dengan

2
public/mails/v0/output/1. Verifikasi email.html
View File

@ -61,7 +61,7 @@
style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);"> style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);">
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Halo Rekan Usaha Bonceng,</h4> Hello Rekan Usaha Bonceng,</h4>
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Untuk memverifikasi bahwa alamat email ini adalah milik Anda. Kode Untuk memverifikasi bahwa alamat email ini adalah milik Anda. Kode

2
public/mails/v0/output/2. Aktivasi akun.html
View File

@ -61,7 +61,7 @@
style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);"> style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);">
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Halo [nama_resto],</h4> Hello [nama_resto],</h4>
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Selamat Anda telah menjadi Rekan Usaha Bonceng! Untuk aktivasi akun, Anda Selamat Anda telah menjadi Rekan Usaha Bonceng! Untuk aktivasi akun, Anda

2
public/mails/v0/output/3. Settlement.html
View File

@ -61,7 +61,7 @@
style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);"> style="padding: 1.5rem 1rem;text-align: left;background-color: #fff;margin: 0 1.5rem;border: 1px solid #e4e4e4;border-top: 4px solid #f26e6f;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: rgba(0, 0, 0, .3);">
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Halo Rekan Usaha Bonceng,</h4> Hello Rekan Usaha Bonceng,</h4>
<h4 <h4
style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;"> style="font-size: 14px;color: #212B36;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: 'Poppins', sans-serif;margin-top: 0;font-weight: 400;">
Berikut adalah laporan {settelment_type} dari resto {nama_resto}, tanggal Berikut adalah laporan {settelment_type} dari resto {nama_resto}, tanggal

2
public/mails/v0/output/zoning_mail.html
View File

@ -358,7 +358,7 @@
<td> <td>
<div class="text" <div class="text"
style="padding: 1.5rem 1rem; text-align: left; background-color: #fff; margin: 0 1.5rem; border: 1px solid #e4e4e4; border-top: 4px solid #f26e6f;"> style="padding: 1.5rem 1rem; text-align: left; background-color: #fff; margin: 0 1.5rem; border: 1px solid #e4e4e4; border-top: 4px solid #f26e6f;">
<h4 style="font-size: 14x; color: #212B36">Halo <%= pic_name %>,</h4> <h4 style="font-size: 14x; color: #212B36">Hello <%= pic_name %>,</h4>
<h4 style="font-size: 14x; color: #212B36"> <h4 style="font-size: 14x; color: #212B36">
Vehicle <%= v_nopol %> with driver <%= da_name %> (<%= da_phone %>) has entering zone: Vehicle <%= v_nopol %> with driver <%= da_name %> (<%= da_phone %>) has entering zone:
</h4> </h4>

34
resources/views/app/app.blade.php
View File

@ -49,7 +49,9 @@
@yield('customcss') @yield('customcss')
</head> </head>
<body onload="startTime()"> {{-- <body onload="startTime()"> --}}
<body>
@include('template/navbar') @include('template/navbar')
@yield('content') @yield('content')
{{-- Toast --}} {{-- Toast --}}
@ -86,18 +88,16 @@
current_company: 0, // cptid current_company: 0, // cptid
} }
function startTime() { // function startTime() {
var today = new Date(); // var today = new Date();
var h = today.getHours(); // var h = today.getHours();
var m = today.getMinutes(); // var m = today.getMinutes();
var s = today.getSeconds(); // var s = today.getSeconds();
m = checkTime(m); // m = checkTime(m);
// s = checkTime(s); // document.getElementById('time').innerHTML =
document.getElementById('time').innerHTML = // h + ":" + m + ":" + s;
h + ":" + m + ":" + s; // var t = setTimeout(startTime, 1000);
// h + ":" + m; // }
var t = setTimeout(startTime, 1000);
}
function checkTime(i) { function checkTime(i) {
if (i < 10) { if (i < 10) {
@ -122,10 +122,10 @@
return new bootstrap.Tooltip(tooltipTriggerEl) return new bootstrap.Tooltip(tooltipTriggerEl)
}) })
// if ({{ Auth::user()->role }} != {{ \App\Models\Users::ROLE_ADMIN }}) { if ({{ Auth::user()->role }} == {{ \App\Models\Users::ROLE_ADMIN }}) {
// $('#subNav').remove(); $('#subNav').remove();
// $('#map, .panel-left, .panel-right').css('height', 'calc(100vh - 97.52px)') $('#map, .panel-left, .panel-right').css('height', 'calc(100vh - 87.52px)')
// } }
const downloadPackingList = function(fileName, sheetName, data = []) { const downloadPackingList = function(fileName, sheetName, data = []) {
const listDownload = [] const listDownload = []

4
resources/views/auth/login.blade.php
View File

@ -32,10 +32,10 @@
{{-- <div class="logo-wrapper"> {{-- <div class="logo-wrapper">
<img src="{{ asset('images/logo-bingkorp.png') }}" style="height: 54px; margin-right: 12px;" alt=""> <img src="{{ asset('images/logo-bingkorp.png') }}" style="height: 54px; margin-right: 12px;" alt="">
</div> --}} </div> --}}
<p class="text-dark">Halo Admin,</p> <p class="text-dark">Hello Admin,</p>
<div style="display: flex; align-items: start; justify-content: space-between;"> <div style="display: flex; align-items: start; justify-content: space-between;">
<h2 class="form-title">Selamat datang di Movana Fleet Management System</h2> <h2 class="form-title">Welcome to Movana Fleet Management System</h2>
</div> </div>
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf

4
resources/views/auth/loginAdmin.blade.php
View File

@ -33,10 +33,10 @@
{{-- <div class="logo-wrapper"> {{-- <div class="logo-wrapper">
<img src="{{ asset('images/logo-bingkorp.png') }}" style="height: 54px; margin-right: 12px;" alt=""> <img src="{{ asset('images/logo-bingkorp.png') }}" style="height: 54px; margin-right: 12px;" alt="">
</div> --}} </div> --}}
<p class="text-dark">Halo Admin,</p> <p class="text-dark">Hello Admin,</p>
<div style="display: flex; align-items: start; justify-content: space-between;"> <div style="display: flex; align-items: start; justify-content: space-between;">
<h2 class="form-title">Selamat datang di Movana Fleet Management System</h2> <h2 class="form-title">Welcome to Movana Fleet Management System</h2>
</div> </div>
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf

2
resources/views/auth/loginChecker.blade.php
View File

@ -35,7 +35,7 @@
</div> --}} </div> --}}
<p class="text-dark">Halo,</p> <p class="text-dark">Halo,</p>
<div style="display: flex; align-items: start; justify-content: space-between;"> <div style="display: flex; align-items: start; justify-content: space-between;">
<h2 class="form-title">Selamat datang di Movana Fleet Management System</h2> <h2 class="form-title">Welcome to Movana Fleet Management System</h2>
</div> </div>
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf

4
resources/views/auth/loginClient.blade.php
View File

@ -33,10 +33,10 @@
{{-- <div class="logo-wrapper"> {{-- <div class="logo-wrapper">
<img src="http://bingkis-corporate.com/lp//asset/image/bingkorp/bingcorp-red.svg" style="height: 54px; margin-right: 12px;" alt=""> <img src="http://bingkis-corporate.com/lp//asset/image/bingkorp/bingcorp-red.svg" style="height: 54px; margin-right: 12px;" alt="">
</div> --}} </div> --}}
<p class="text-dark">Halo Client,</p> <p class="text-dark">Hello Client,</p>
<div style="display: flex; align-items: start; justify-content: space-between;"> <div style="display: flex; align-items: start; justify-content: space-between;">
<h2 class="form-title">Selamat datang di Movana Fleet Management System</h2> <h2 class="form-title">Welcome to Movana Fleet Management System</h2>
</div> </div>
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf

4
resources/views/auth/loginVendor.blade.php
View File

@ -33,10 +33,10 @@
{{-- <div class="logo-wrapper"> {{-- <div class="logo-wrapper">
<img src="http://bingkis-corporate.com/lp//asset/image/bingkorp/bingcorp-red.svg" style="height: 54px; margin-right: 12px;" alt=""> <img src="http://bingkis-corporate.com/lp//asset/image/bingkorp/bingcorp-red.svg" style="height: 54px; margin-right: 12px;" alt="">
</div> --}} </div> --}}
<p class="text-dark">Halo Partner,</p> <p class="text-dark">Hello Partner,</p>
<div style="display: flex; align-items: start; justify-content: space-between;"> <div style="display: flex; align-items: start; justify-content: space-between;">
<h2 class="form-title">Selamat datang di Movana Fleet Management System</h2> <h2 class="form-title">Welcome to Movana Fleet Management System</h2>
</div> </div>
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf

124
resources/views/menu_v1/_addZone.blade.php
View File

@ -3,11 +3,8 @@
Add Zone Add Zone
@endsection @endsection
@section('customcss') @section('customcss')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Vu8bexvQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Vu8bexvQ==" <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.csp.css" integrity="sha256-ITHmamcImsZ/Je1xrdtDLZVvRSpj1Zokb6uHXORB824=" crossorigin="anonymous">
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.csp.css"
integrity="sha256-ITHmamcImsZ/Je1xrdtDLZVvRSpj1Zokb6uHXORB824=" crossorigin="anonymous">
@endsection @endsection
@section('content') @section('content')
<div class="container-fluid"> <div class="container-fluid">
@ -16,31 +13,29 @@
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card bg-light"> <div class="card bg-light">
<div class="card-header"> <div class="card-header">
<p class="card-title text-bold mb-0">Tambah Zona</p> <p class="card-title text-bold mb-0">Add New Zone</p>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-sm-5"> <div class="col-sm-5">
<h6>Infomasi Zona</h6> <h6>Zone Information</h6>
<div class="mb-3"> <div class="mb-3">
<label for="add-zone_name" class="form-label">Nama</label> <label for="add-zone_name" class="form-label">Name</label>
<input type="text" class="form-control form-control-sm" name="add-zone_name" <input type="text" class="form-control form-control-sm" name="add-zone_name" id="add-zone_name">
id="add-zone_name">
</div> </div>
@if ($is_su) @if ($is_su)
<div class="mb-3"> <div class="mb-3">
<label for="add-zone_client" class="form-label">Client</label> <label for="add-zone_client" class="form-label">Company</label>
<select name="add-zone_client" id="add-zone_client" <select name="add-zone_client" id="add-zone_client" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($clients as $client) @foreach ($clients as $client)
<option value="{{ $client->id }}">{{ $client->name }}</option> <option value="{{ $client->id }}" selected>{{ $client->name }}</option>
@endforeach @endforeach
</select> </select>
</div> </div>
@endif @endif
<div class="mb-3"> <div class="mb-3">
<label for="add-zone_type" class="form-label">Tipe Zona</label> <label for="add-zone_type" class="form-label">Zone Type</label>
<select name="add-zone_type" id="add-zone_type" class="form-control select2"> <select name="add-zone_type" id="add-zone_type" class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($types as $type) @foreach ($types as $type)
@ -51,18 +46,16 @@
<div class="mb-3"> <div class="mb-3">
<label for="add-workflow_zone_type" class="form-label">Workflow Zone <label for="add-workflow_zone_type" class="form-label">Workflow Zone
Type</label> Type</label>
<select name="add-workflow_zone_type" id="add-workflow_zone_type" <select name="add-workflow_zone_type" id="add-workflow_zone_type" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($workflows as $workflow) @foreach ($workflows as $workflow)
<option value="{{ $workflow->id }}">{{ $workflow->name }}</option> <option value="{{ $workflow->id }}">{{ $workflow->name }}</option>
@endforeach @endforeach
</select> </select>
</div> </div>
<div class="mb-3"> {{-- <div class="mb-3">
<label for="add-shiptocode" class="form-label">Kode Pos</label> <label for="add-shiptocode" class="form-label">Kode Pos</label>
<input type="number" class="form-control form-control-sm" name="add-shiptocode" <input type="number" class="form-control form-control-sm" name="add-shiptocode" id="add-shiptocode" placeholder="postcode">
id="add-shiptocode" placeholder="postcode">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="add-prid" class="form-label">Provinsi</label> <label for="add-prid" class="form-label">Provinsi</label>
@ -91,50 +84,45 @@
<select class="form-control form-control-sm select2" name="add-klid" id="add-klid"> <select class="form-control form-control-sm select2" name="add-klid" id="add-klid">
<option value="">Select Village</option> <option value="">Select Village</option>
</select> </select>
</div> </div> --}}
<div class="mb-4"> <div class="mb-4">
<label for="add-fulladdress" class="form-label">Alamat Lengkap</label> <label for="add-fulladdress" class="form-label">Full Address</label>
<textarea name="add-fulladdress" id="add-fulladdress" <textarea name="add-fulladdress" id="add-fulladdress" class="form-control form-control-sm" rows="3"></textarea>
class="form-control form-control-sm" rows="3"></textarea>
</div> </div>
<h6>Lainnya</h6> <h6>Lainnya</h6>
<div class="mb-4"> <div class="mb-4">
<label for="add-status" class="form-label">Status Zona</label> <label for="add-status" class="form-label">Status</label>
<div class="form-check form-switch"> <div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="add-status"> <input class="form-check-input" type="checkbox" id="add-status">
<label class="form-check-label" for="add-status"><span class="text-dark" <label class="form-check-label" for="add-status"><span class="text-dark" id="add-txtStatus">Inactive</span></label>
id="add-txtStatus">Inactive</span></label>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-7"> <div class="col-sm-7">
<h6>Gambar Zona</h6> <h6>Draw Zona</h6>
<div class="mb-3"> <div class="mb-3">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">
<label for="add-boundary_color" class="form-label">Warna Zona</label> <label for="add-boundary_color" class="form-label">Color</label>
<input type="color" class="form-control form-control-sm" <input type="color" class="form-control form-control-sm" name="add-boundary_color" id="add-boundary_color" placeholder="hex codes">
name="add-boundary_color" id="add-boundary_color"
placeholder="hex codes">
</div> </div>
<div class="col-9"> <div class="col-9">
<label for="add-boundary_hex" class="form-label">&nbsp;</label> <label for="add-boundary_hex" class="form-label">&nbsp;</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="add-boundary_hex" id="add-boundary_hex" value="#000000" placeholder="hex codes">
name="add-boundary_hex" id="add-boundary_hex" value="#000000"
placeholder="hex codes">
</div> </div>
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<label for="add-boundary_type" class="form-label">Batas Zona</label> <label for="add-boundary_type" class="form-label">Boundary</label>
<select id="add-boundary_type" name="add-boundary_type" <select id="add-boundary_type" name="add-boundary_type" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($boundarys as $boundary) @foreach ($boundarys as $boundary)
@php @php
if ($boundary['id'] == \App\Models\Zone::ZONE_BOUNDARY_POLYGON) continue; if ($boundary['id'] == \App\Models\Zone::ZONE_BOUNDARY_POLYGON) {
continue;
}
@endphp @endphp
<option value="{{ $boundary['id'] }}">{{ $boundary['name'] }}</option> <option value="{{ $boundary['id'] }}">{{ $boundary['name'] }}</option>
@endforeach @endforeach
@ -143,18 +131,15 @@
<div class="add-group_boundary_circle col-6 mb-3 d-none"> <div class="add-group_boundary_circle col-6 mb-3 d-none">
<label for="add-boundary_radius" class="form-label">Radius <label for="add-boundary_radius" class="form-label">Radius
(meter)</label> (meter)</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="add-boundary_radius" id="add-boundary_radius">
name="add-boundary_radius" id="add-boundary_radius">
</div> </div>
<div class="add-group_boundary_circle col-6 d-none"> <div class="add-group_boundary_circle col-6 d-none">
<label for="add-boundary_lat" class="form-label">Latitude</label> <label for="add-boundary_lat" class="form-label">Latitude</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="add-boundary_lat" id="add-boundary_lat">
name="add-boundary_lat" id="add-boundary_lat">
</div> </div>
<div class="add-group_boundary_circle col-6 d-none"> <div class="add-group_boundary_circle col-6 d-none">
<label for="add-boundary_lng" class="form-label">Longitude</label> <label for="add-boundary_lng" class="form-label">Longitude</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="add-boundary_lng" id="add-boundary_lng">
name="add-boundary_lng" id="add-boundary_lng">
</div> </div>
</div> </div>
</div> </div>
@ -165,8 +150,8 @@
</div> </div>
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
<a href="{{ route('view_zone') }}" class="btn btn-sm btn-secondary">Batal</a> <a href="{{ route('view_zone') }}" class="btn btn-sm btn-secondary">Cancel</a>
<button id="btnSubmitNewZone" class="btn btn-sm btn-danger">Simpan Zona</button> <button id="btnSubmitNewZone" class="btn btn-sm btn-danger">Save Zone</button>
</div> </div>
</div> </div>
</div> </div>
@ -175,11 +160,8 @@
@section('customjs') @section('customjs')
<script src="{{ asset('assets/vendor/leaflet-1.7.1/leaflet-src.js') }}"></script> <script src="{{ asset('assets/vendor/leaflet-1.7.1/leaflet-src.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" <script src="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.min.js" integrity="sha256-V1zh/sQiwo4NO4mg4WqQF9j79hDt7MBbTi3klxV3ZK4=" crossorigin="anonymous"></script>
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.min.js"
integrity="sha256-V1zh/sQiwo4NO4mg4WqQF9j79hDt7MBbTi3klxV3ZK4=" crossorigin="anonymous"></script>
<script> <script>
'use strict' 'use strict'
@ -405,7 +387,7 @@
activate: function() { activate: function() {
// centering java archipelago => .setView([-7.1451449, 109.9776078], 6.5); // centering java archipelago => .setView([-7.1451449, 109.9776078], 6.5);
// centering indonesia country => .setView([-1.38116, 117.6168817], 5.4); // centering indonesia country => .setView([-1.38116, 117.6168817], 5.4);
Leaflet.map = L.map('mapDraw').setView([-7.1451449, 109.9776078], 6.5); Leaflet.map = L.map('mapDraw').setView([-8.90507, 125.9945732], 9);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: 'Map data &copy; <a href="https://www.mapbox.com/feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', attribution: 'Map data &copy; <a href="https://www.mapbox.com/feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
maxZoom: 20, maxZoom: 20,
@ -807,9 +789,9 @@
country_code: 'id', country_code: 'id',
} }
Req.geo_addr(data, false, function(resp) { Req.geo_addr(data, false, function(resp) {
if (resp.meta.type == 'success' && resp.data) { if (resp.meta.type == 'success' && resp.data) {
if (resp.data.lat && resp.data.lng) { if (resp.data.lat && resp.data.lng) {
Leaflet.map.setView([resp.data.lat, resp.data.lng], 16); Leaflet.map.setView([resp.data.lat, resp.data.lng], 16);
} }
} }
}); });
@ -833,18 +815,19 @@
name: '', name: '',
fulladdress: '', fulladdress: '',
boundary_radius: Number(rad), boundary_radius: Number(rad),
boundary_latlngs: [ boundary_latlngs: [{
{ lat: lat,
lat: lat, lng: lng,
lng: lng, }, ],
},
],
boundary_bounds: '', boundary_bounds: '',
boundary_type: State.boundary_type.circle, boundary_type: State.boundary_type.circle,
createDrawToolbar: State.createDrawToolbar, createDrawToolbar: State.createDrawToolbar,
}; };
Leaflet.injectShapeToLDraw(obj); Leaflet.injectShapeToLDraw(obj);
ZNew.toggleInputCircle(true, rad, {lat, lng}); ZNew.toggleInputCircle(true, rad, {
lat,
lng
});
} }
let radTimeout = null; let radTimeout = null;
$('#add-boundary_radius').on('keyup', function() { $('#add-boundary_radius').on('keyup', function() {
@ -927,17 +910,21 @@
// https://gist.github.com/takvol/f4288261fba112030fb0fbfe11724f04 // https://gist.github.com/takvol/f4288261fba112030fb0fbfe11724f04
if (data.boundary_type == State.boundary_type.circle) { if (data.boundary_type == State.boundary_type.circle) {
data.boundary_diameter = data.boundary_radius * 2; data.boundary_diameter = data.boundary_radius * 2;
data.boundary_area = 0; data.boundary_ha = 0; data.boundary_area = 0;
data.boundary_ha = 0;
} else if (data.boundary_type == State.boundary_type.rectangle) { } else if (data.boundary_type == State.boundary_type.rectangle) {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_diameter = 0;
data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter
data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha
} else if (data.boundary_type == State.boundary_type.polygon) { } else if (data.boundary_type == State.boundary_type.polygon) {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_diameter = 0;
data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter
data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha
} else { } else {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_diameter = 0;
data.boundary_area = 0; data.boundary_area = 0;
data.boundary_ha = 0; data.boundary_ha = 0;
} }
@ -1019,7 +1006,10 @@
lng: e.layer._latlng.lng, lng: e.layer._latlng.lng,
}]; }];
State.boundary_radius = e.layer._mRadius; State.boundary_radius = e.layer._mRadius;
ZNew.toggleInputCircle(true, State.boundary_radius, {lat: e.layer._latlng.lat, lng: e.layer._latlng.lng}); ZNew.toggleInputCircle(true, State.boundary_radius, {
lat: e.layer._latlng.lat,
lng: e.layer._latlng.lng
});
} else if (e.layerType == State.boundary_type.polygon) { } else if (e.layerType == State.boundary_type.polygon) {
State.boundary_type_choose = State.boundary_type.polygon; State.boundary_type_choose = State.boundary_type.polygon;
State.boundary_latlngs = []; State.boundary_latlngs = [];

133
resources/views/menu_v1/_edtZone.blade.php
View File

@ -3,11 +3,8 @@
Edit Zone Edit Zone
@endsection @endsection
@section('customcss') @section('customcss')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css" integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Vu8bexvQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
integrity="sha512-gc3xjCmIy673V6MyOAZhIW93xhM9ei1I+gLbmFjUHIjocENRsLX/QUE1htk5q1XV2D/iie/VQ8DXI6Vu8bexvQ==" <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.csp.css" integrity="sha256-ITHmamcImsZ/Je1xrdtDLZVvRSpj1Zokb6uHXORB824=" crossorigin="anonymous">
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.csp.css"
integrity="sha256-ITHmamcImsZ/Je1xrdtDLZVvRSpj1Zokb6uHXORB824=" crossorigin="anonymous">
@endsection @endsection
@section('content') @section('content')
<div class="container-fluid"> <div class="container-fluid">
@ -24,18 +21,15 @@
<h6>Zone Infomation</h6> <h6>Zone Infomation</h6>
<div class="mb-3"> <div class="mb-3">
<label for="edt-zone_name" class="form-label">Name</label> <label for="edt-zone_name" class="form-label">Name</label>
<input type="text" class="form-control form-control-sm" name="edt-zone_name" <input type="text" class="form-control form-control-sm" name="edt-zone_name" id="edt-zone_name" value="{{ $zone->name }}">
id="edt-zone_name" value="{{ $zone->name }}">
</div> </div>
@if ($is_su) @if ($is_su)
<div class="mb-3"> <div class="mb-3">
<label for="edt-zone_client" class="form-label">Client</label> <label for="edt-zone_client" class="form-label">Company</label>
<select name="edt-zone_client" id="edt-zone_client" <select name="edt-zone_client" id="edt-zone_client" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($clients as $client) @foreach ($clients as $client)
<option value="{{ $client->id }}" <option value="{{ $client->id }}" {{ $zone->client_group_id == $client->id ? 'selected' : '' }}>
{{ $zone->client_group_id == $client->id ? 'selected' : '' }}>
{{ $client->name }}</option> {{ $client->name }}</option>
@endforeach @endforeach
</select> </select>
@ -46,8 +40,7 @@
<select name="edt-zone_type" id="edt-zone_type" class="form-control select2"> <select name="edt-zone_type" id="edt-zone_type" class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($types as $type) @foreach ($types as $type)
<option value="{{ $type->id }}" <option value="{{ $type->id }}" {{ $zone->type == $type->id ? 'selected' : '' }}>{{ $type->name }}
{{ $zone->type == $type->id ? 'selected' : '' }}>{{ $type->name }}
</option> </option>
@endforeach @endforeach
</select> </select>
@ -55,71 +48,59 @@
<div class="mb-3"> <div class="mb-3">
<label for="edt-workflow_zone_type" class="form-label">Workflow Zone <label for="edt-workflow_zone_type" class="form-label">Workflow Zone
Type</label> Type</label>
<select name="edt-workflow_zone_type" id="edt-workflow_zone_type" <select name="edt-workflow_zone_type" id="edt-workflow_zone_type" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($workflows as $workflow) @foreach ($workflows as $workflow)
<option value="{{ $workflow->id }}" <option value="{{ $workflow->id }}" {{ $zone->workflow_type == $workflow->id ? 'selected' : '' }}>
{{ $zone->workflow_type == $workflow->id ? 'selected' : '' }}>
{{ $workflow->name }}</option> {{ $workflow->name }}</option>
@endforeach @endforeach
</select> </select>
</div> </div>
<div class="mb-3"> {{-- <div class="mb-3">
<label for="edt-shiptocode" class="form-label">Ship-To Code</label> <label for="edt-shiptocode" class="form-label">Ship-To Code</label>
<input type="number" class="form-control form-control-sm" name="edt-shiptocode" <input type="number" class="form-control form-control-sm" name="edt-shiptocode" id="edt-shiptocode" placeholder="postcode" value="{{ $zone->shiptocode }}">
id="edt-shiptocode" placeholder="postcode" value="{{ $zone->shiptocode }}">
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="edt-prid" class="form-label">Province</label> <label for="edt-prid" class="form-label">Province</label>
<select class="form-control form-control-sm select2" name="edt-prid" <select class="form-control form-control-sm select2" name="edt-prid" id="edt-prid">
id="edt-prid">
<option value="">Select Province</option> <option value="">Select Province</option>
@foreach ($provs as $prov) @foreach ($provs as $prov)
<option value="{{ $prov->kodeProv }}" <option value="{{ $prov->kodeProv }}" {{ $zone->prid == $prov->kodeProv ? 'selected' : '' }}>
{{ $zone->prid == $prov->kodeProv ? 'selected' : '' }}>
{{ $prov->nmProvinsiKel }}</option> {{ $prov->nmProvinsiKel }}</option>
@endforeach @endforeach
</select> </select>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="edt-ktid" class="form-label">City</label> <label for="edt-ktid" class="form-label">City</label>
<select class="form-control form-control-sm select2" name="edt-ktid" <select class="form-control form-control-sm select2" name="edt-ktid" id="edt-ktid">
id="edt-ktid">
<option value="">Select City</option> <option value="">Select City</option>
<option value="{{ $zone->ktid }}" selected>{{ $zone->ktid_name }}</option> <option value="{{ $zone->ktid }}" selected>{{ $zone->ktid_name }}</option>
</select> </select>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="edt-kcid" class="form-label">District</label> <label for="edt-kcid" class="form-label">District</label>
<select class="form-control form-control-sm select2" name="edt-kcid" <select class="form-control form-control-sm select2" name="edt-kcid" id="edt-kcid">
id="edt-kcid">
<option value="">Select District</option> <option value="">Select District</option>
<option value="{{ $zone->kcid }}" selected>{{ $zone->kcid_name }}</option> <option value="{{ $zone->kcid }}" selected>{{ $zone->kcid_name }}</option>
</select> </select>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="edt-klid" class="form-label">Village</label> <label for="edt-klid" class="form-label">Village</label>
<select class="form-control form-control-sm select2" name="edt-klid" <select class="form-control form-control-sm select2" name="edt-klid" id="edt-klid">
id="edt-klid">
<option value="">Select Village</option> <option value="">Select Village</option>
<option value="{{ $zone->klid }}" selected>{{ $zone->klid_name }}</option> <option value="{{ $zone->klid }}" selected>{{ $zone->klid_name }}</option>
</select> </select>
</div> </div> --}}
<div class="mb-4"> <div class="mb-4">
<label for="edt-fulladdress" class="form-label">Address</label> <label for="edt-fulladdress" class="form-label">Address</label>
<textarea name="edt-fulladdress" id="edt-fulladdress" <textarea name="edt-fulladdress" id="edt-fulladdress" class="form-control form-control-sm" rows="3">{{ $zone->fulladdress }}</textarea>
class="form-control form-control-sm"
rows="3">{{ $zone->fulladdress }}</textarea>
</div> </div>
<h6>Utilities</h6> <h6>Utilities</h6>
<div class="mb-4"> <div class="mb-4">
<label for="edt-status" class="form-label">Zone Status</label> <label for="edt-status" class="form-label">Zone Status</label>
<div class="form-check form-switch"> <div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="edt-status" <input class="form-check-input" type="checkbox" id="edt-status" {{ $zone->status == App\Models\Zone::STATUS_ACTIVE ? 'checked' : '' }}>
{{ $zone->status == App\Models\Zone::STATUS_ACTIVE ? 'checked' : '' }}> <label class="form-check-label" for="edt-status"><span class="text-dark" id="edt-txtStatus">Inactive</span></label>
<label class="form-check-label" for="edt-status"><span class="text-dark"
id="edt-txtStatus">Inactive</span></label>
</div> </div>
</div> </div>
</div> </div>
@ -130,15 +111,11 @@
<div class="col-3"> <div class="col-3">
<label for="edt-boundary_color" class="form-label">Boundary <label for="edt-boundary_color" class="form-label">Boundary
Color</label> Color</label>
<input type="color" class="form-control form-control-sm" <input type="color" class="form-control form-control-sm" name="edt-boundary_color" id="edt-boundary_color" placeholder="hex codes" value="{{ $zone->boundary_hex_color }}">
name="edt-boundary_color" id="edt-boundary_color"
placeholder="hex codes" value="{{ $zone->boundary_hex_color }}">
</div> </div>
<div class="col-9"> <div class="col-9">
<label for="edt-boundary_hex" class="form-label">&nbsp;</label> <label for="edt-boundary_hex" class="form-label">&nbsp;</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="edt-boundary_hex" id="edt-boundary_hex" placeholder="hex codes" value="{{ $zone->boundary_hex_color }}">
name="edt-boundary_hex" id="edt-boundary_hex" placeholder="hex codes"
value="{{ $zone->boundary_hex_color }}">
</div> </div>
</div> </div>
</div> </div>
@ -146,15 +123,15 @@
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<label for="edt-boundary_type" class="form-label">Boundary Type</label> <label for="edt-boundary_type" class="form-label">Boundary Type</label>
<select id="edt-boundary_type" name="edt-boundary_type" <select id="edt-boundary_type" name="edt-boundary_type" class="form-control select2">
class="form-control select2">
<option value="">Choose</option> <option value="">Choose</option>
@foreach ($boundarys as $boundary) @foreach ($boundarys as $boundary)
@php @php
if ($boundary['id'] == \App\Models\Zone::ZONE_BOUNDARY_POLYGON) continue; if ($boundary['id'] == \App\Models\Zone::ZONE_BOUNDARY_POLYGON) {
continue;
}
@endphp @endphp
<option value="{{ $boundary['id'] }}" <option value="{{ $boundary['id'] }}" {{ $zone->boundary_type == $boundary['id'] ? 'selected' : '' }}> {{ $boundary['name'] }}
{{ $zone->boundary_type == $boundary['id'] ? 'selected' : '' }}> {{ $boundary['name'] }}
</option> </option>
@endforeach @endforeach
</select> </select>
@ -162,18 +139,15 @@
<div class="edt-group_boundary_circle col-6 mb-3 {{ $zone->boundary_radius ? '' : 'd-none' }}"> <div class="edt-group_boundary_circle col-6 mb-3 {{ $zone->boundary_radius ? '' : 'd-none' }}">
<label for="edt-boundary_radius" class="form-label">Radius <label for="edt-boundary_radius" class="form-label">Radius
(meter)</label> (meter)</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="edt-boundary_radius" id="edt-boundary_radius" value="{{ $zone->boundary_radius }}">
name="edt-boundary_radius" id="edt-boundary_radius" value="{{ $zone->boundary_radius }}">
</div> </div>
<div class="edt-group_boundary_circle col-6 {{ $zone->boundary_radius ? '' : 'd-none' }}"> <div class="edt-group_boundary_circle col-6 {{ $zone->boundary_radius ? '' : 'd-none' }}">
<label for="edt-boundary_lat" class="form-label">Latitude</label> <label for="edt-boundary_lat" class="form-label">Latitude</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="edt-boundary_lat" id="edt-boundary_lat">
name="edt-boundary_lat" id="edt-boundary_lat">
</div> </div>
<div class="edt-group_boundary_circle col-6 {{ $zone->boundary_radius ? '' : 'd-none' }}"> <div class="edt-group_boundary_circle col-6 {{ $zone->boundary_radius ? '' : 'd-none' }}">
<label for="edt-boundary_lng" class="form-label">Longitude</label> <label for="edt-boundary_lng" class="form-label">Longitude</label>
<input type="text" class="form-control form-control-sm" <input type="text" class="form-control form-control-sm" name="edt-boundary_lng" id="edt-boundary_lng">
name="edt-boundary_lng" id="edt-boundary_lng">
</div> </div>
</div> </div>
</div> </div>
@ -192,8 +166,7 @@
</div> </div>
</div> </div>
<div class="modal fade" id="delZoneModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="delZoneModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="delZoneModal" aria-hidden="true">
aria-labelledby="delZoneModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -222,11 +195,8 @@
@section('customjs') @section('customjs')
<script src="{{ asset('assets/vendor/leaflet-1.7.1/leaflet-src.js') }}"></script> <script src="{{ asset('assets/vendor/leaflet-1.7.1/leaflet-src.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js" integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
integrity="sha512-ozq8xQKq6urvuU6jNgkfqAmT7jKN2XumbrX1JiB3TnF7tI48DPI4Gy1GXKD/V3EExgAs1V+pRO7vwtS1LHg0Gw==" <script src="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.min.js" integrity="sha256-V1zh/sQiwo4NO4mg4WqQF9j79hDt7MBbTi3klxV3ZK4=" crossorigin="anonymous"></script>
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/vanilla-picker@2.12.1/dist/vanilla-picker.min.js"
integrity="sha256-V1zh/sQiwo4NO4mg4WqQF9j79hDt7MBbTi3klxV3ZK4=" crossorigin="anonymous"></script>
<script> <script>
'use strict' 'use strict'
@ -884,18 +854,19 @@
name: '', name: '',
fulladdress: '', fulladdress: '',
boundary_radius: Number(rad), boundary_radius: Number(rad),
boundary_latlngs: [ boundary_latlngs: [{
{ lat: lat,
lat: lat, lng: lng,
lng: lng, }, ],
},
],
boundary_bounds: '', boundary_bounds: '',
boundary_type: State.boundary_type.circle, boundary_type: State.boundary_type.circle,
createDrawToolbar: State.createDrawToolbar, createDrawToolbar: State.createDrawToolbar,
}; };
Leaflet.injectShapeToLDraw(obj); Leaflet.injectShapeToLDraw(obj);
ZUpdt.toggleInputCircle(true, rad, {lat, lng}); ZUpdt.toggleInputCircle(true, rad, {
lat,
lng
});
} }
let radTimeout = null; let radTimeout = null;
$('#edt-boundary_radius').on('keyup', function() { $('#edt-boundary_radius').on('keyup', function() {
@ -975,18 +946,23 @@
// https://gist.github.com/takvol/f4288261fba112030fb0fbfe11724f04 // https://gist.github.com/takvol/f4288261fba112030fb0fbfe11724f04
if (data.boundary_type == State.boundary_type.circle) { if (data.boundary_type == State.boundary_type.circle) {
data.boundary_diameter = data.boundary_radius * 2; data.boundary_diameter = data.boundary_radius * 2;
data.boundary_area = 0; data.boundary_ha = 0; data.boundary_area = 0;
data.boundary_ha = 0;
} else if (data.boundary_type == State.boundary_type.rectangle) { } else if (data.boundary_type == State.boundary_type.rectangle) {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_diameter = 0;
data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter
data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha
} else if (data.boundary_type == State.boundary_type.polygon) { } else if (data.boundary_type == State.boundary_type.polygon) {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_diameter = 0;
data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter data.boundary_area = L.GeometryUtil.geodesicArea(data.boundary_latlngs); // in square meter
data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha data.boundary_ha = L.GeometryUtil.readableArea(data.boundary_area, true).replace(' ha', ''); // in ha
} else { } else {
data.boundary_radius = 0; data.boundary_diameter = 0; data.boundary_radius = 0;
data.boundary_area = 0; data.boundary_ha = 0; data.boundary_diameter = 0;
data.boundary_area = 0;
data.boundary_ha = 0;
} }
if ($('#edt-status').prop('checked')) { if ($('#edt-status').prop('checked')) {
@ -1066,7 +1042,10 @@
lng: e.layer._latlng.lng, lng: e.layer._latlng.lng,
}]; }];
State.boundary_radius = e.layer._mRadius; State.boundary_radius = e.layer._mRadius;
ZUpdt.toggleInputCircle(true, State.boundary_radius, {lat: e.layer._latlng.lat, lng: e.layer._latlng.lng}); ZUpdt.toggleInputCircle(true, State.boundary_radius, {
lat: e.layer._latlng.lat,
lng: e.layer._latlng.lng
});
} else if (e.layerType == State.boundary_type.polygon) { } else if (e.layerType == State.boundary_type.polygon) {
State.boundary_type_choose = State.boundary_type.polygon; State.boundary_type_choose = State.boundary_type.polygon;
State.boundary_latlngs = []; State.boundary_latlngs = [];
@ -1146,7 +1125,7 @@
ZDel.submitData(data); ZDel.submitData(data);
}); });
// on view update // on view update
$('#btnDelZone_updt').on('click', function (e) { $('#btnDelZone_updt').on('click', function(e) {
let data = ZUpdt.getData(); let data = ZUpdt.getData();
ZDel.passDataToView({ ZDel.passDataToView({
zid: data.zid, zid: data.zid,

30
resources/views/menu_v1/dashboard.blade.php
View File

@ -22,8 +22,8 @@
} }
/* .cLogoGroup { /* .cLogoGroup {
display: inherit; display: inherit;
} */ } */
#openLeftSideBar1Mobile { #openLeftSideBar1Mobile {
display: none; display: none;
} }
@ -35,11 +35,11 @@
@media (max-width: 425px) { @media (max-width: 425px) {
/* .cLogoGroup { /* .cLogoGroup {
display: none; display: none;
} }
.cNameGroup { .cNameGroup {
margin-bottom: 0!important; margin-bottom: 0!important;
} */ } */
#openLeftSideBar1 { #openLeftSideBar1 {
display: none !important; display: none !important;
} }
@ -167,7 +167,7 @@
<div class="col px-0"> <div class="col px-0">
<div id="map" style="{{ Auth::user()->role != 2 ? 'height: calc(100vh - 90.52px) !important' : '' }}"> <div id="map" style="{{ Auth::user()->role != 2 ? 'height: calc(100vh - 90.52px) !important' : '' }}">
{{-- client logo --}} {{-- client logo --}}
<div class="card floating-menu-left mb-0" id="openLeftSideBar1"> {{-- <div class="card floating-menu-left mb-0" id="openLeftSideBar1">
<div class="card-body"> <div class="card-body">
<div class="cNameGroup row d-flex align-items-center justify-content-between mb-1"> <div class="cNameGroup row d-flex align-items-center justify-content-between mb-1">
<div class="col-auto"> <div class="col-auto">
@ -183,14 +183,16 @@
<div class="col-11 text-center ms-2"> <div class="col-11 text-center ms-2">
@if ($client_group) @if ($client_group)
<img id="c_logo" src="{{ asset('storage/' . $client_group->c_logo) ?? asset('images/swa-nusa-logo.png') }}" alt="Client logo" class="img-fluid thumb-img-landscape-med"> <img id="c_logo" src="{{ asset('storage/' . $client_group->c_logo) ?? asset('images/swa-nusa-logo.png') }}" alt="Client logo" class="img-fluid thumb-img-landscape-med">
{{-- style="height: 40px" --}}
@else @else
<img id="c_logo" src="{{ asset('images/swa-nusa-logo.png') }}" alt="Client logo" class="img-fluid" style="height: 40px"> <img id="c_logo" src="{{ asset('images/swa-nusa-logo.png') }}" alt="Client logo" class="img-fluid" style="height: 40px">
@endif @endif
</div> </div>
</div> </div>
</div> </div>
</div> </div> --}}
<a href="javascript:void(0);" class="btn btn-sm bg-white text-decoration-none text-dark fz-18 floating-menu-left" id="openLeftSideBar1" style="width:38px;">
<span class="icon ion-ios-arrow-right"></span>
</a>
<a href="javascript:void(0);" class="btn btn-sm bg-white text-decoration-none text-dark fz-18 floating-menu-left" id="openLeftSideBar1Mobile" style="width:38px;"> <a href="javascript:void(0);" class="btn btn-sm bg-white text-decoration-none text-dark fz-18 floating-menu-left" id="openLeftSideBar1Mobile" style="width:38px;">
<span class="icon ion-ios-arrow-right"></span> <span class="icon ion-ios-arrow-right"></span>
</a> </a>
@ -372,8 +374,8 @@
<div class="row d-flex align-items-center justify-content-between"> <div class="row d-flex align-items-center justify-content-between">
<div class="col-12"> <div class="col-12">
<small class="text-muted">Origin</small> <small class="text-muted">Origin</small>
<p id="infoJob-pck_city" class="">Jakarta</p> {{-- <p id="infoJob-pck_city" class="">Jakarta</p> --}}
<p id="infoJob-pck_name" class="mb-0">JKT-01</p> <p id="infoJob-pck_name" class="mb-1 text-bold">JKT-01</p>
<p id="infoJob-pck_addr" class="mb-0">Jl. Pancoran Timur Raya No.9, RT.8/RW.9, Pancoran, Kec. Pancoran, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12780</p> <p id="infoJob-pck_addr" class="mb-0">Jl. Pancoran Timur Raya No.9, RT.8/RW.9, Pancoran, Kec. Pancoran, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12780</p>
</div> </div>
</div> </div>
@ -383,8 +385,8 @@
<div class="row d-flex align-items-center justify-content-between"> <div class="row d-flex align-items-center justify-content-between">
<div class="col-12"> <div class="col-12">
<small class="text-muted">Destination</small> <small class="text-muted">Destination</small>
<p id="infoJob-drop_city" class="">Indramayu</p> {{-- <p id="infoJob-drop_city" class="">Indramayu</p> --}}
<p id="infoJob-drop_name" class="mb-0">IND-01</p> <p id="infoJob-drop_name" class="mb-1 text-bold">IND-01</p>
<p id="infoJob-drop_addr" class="mb-0">Jl. Jend. Sudirman, Karanganyar, Kec. Indramayu, Kabupaten Indramayu, Jawa Barat</p> <p id="infoJob-drop_addr" class="mb-0">Jl. Jend. Sudirman, Karanganyar, Kec. Indramayu, Kabupaten Indramayu, Jawa Barat</p>
</div> </div>
</div> </div>

404
resources/views/menu_v2/Checker/_view.blade.php
View File

@ -1,5 +1,5 @@
@php @php
$user = Auth::user(); $user = Auth::user();
@endphp @endphp
@extends('app.app') @extends('app.app')
@section('title') @section('title')
@ -12,6 +12,7 @@ $user = Auth::user();
max-height: max(21vh, 210px); max-height: max(21vh, 210px);
max-width: max(21vh, 210px); max-width: max(21vh, 210px);
} }
.tepiBottom { .tepiBottom {
border-bottom: 1.5px groove #000; border-bottom: 1.5px groove #000;
padding-bottom: 15px; padding-bottom: 15px;
@ -31,8 +32,7 @@ $user = Auth::user();
<p class="card-title text-bold mb-0">Detail Pekerjaan #{{ $order->ord_code }}</p> <p class="card-title text-bold mb-0">Detail Pekerjaan #{{ $order->ord_code }}</p>
</div> </div>
<div class="col text-end"> <div class="col text-end">
<button class="btn btn-secondary btn-sm" <button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_user_checker') }}'">Kembali</button>
onclick="location.href='{{ route('view_user_checker') }}'">Kembali</button>
</div> </div>
</div> </div>
</div> </div>
@ -247,9 +247,7 @@ $user = Auth::user();
</a> </a>
</p> </p>
<p class="mb-0"> <p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->drv_phone_val }}&text=Halo&app_absent=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>
class="" target="_blank"><i
class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a> {{ implode(' ', str_split('0' . $order->drv_phone_val, 4)) }}</a>
</p> </p>
@else @else
@ -267,7 +265,7 @@ $user = Auth::user();
<p class="text-danger text-bold mb-0">Uang Saku Driver</p> <p class="text-danger text-bold mb-0">Uang Saku Driver</p>
</div> </div>
@php @php
$cpoints = count($order->checkpoints); $cpoints = count($order->checkpoints);
@endphp @endphp
{{-- jika cuman perlu tau nama uang sakunya aja --}} {{-- jika cuman perlu tau nama uang sakunya aja --}}
<div class="col-sm-12 col-6 mb-3"> <div class="col-sm-12 col-6 mb-3">
@ -385,14 +383,11 @@ $user = Auth::user();
<div class="accordion mb-3"> <div class="accordion mb-3">
<div class="accordion-item border-0 radius-8"> <div class="accordion-item border-0 radius-8">
<h2 class="accordion-header" id="panelsStayOpen-headingOne"> <h2 class="accordion-header" id="panelsStayOpen-headingOne">
<button class="accordion-button radius-8 collapsed" type="button" <button class="accordion-button radius-8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false" aria-controls="panelsStayOpen-collapseOne">
data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne"
aria-expanded="false" aria-controls="panelsStayOpen-collapseOne">
Data Penjemputan Data Penjemputan
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingOne">
aria-labelledby="panelsStayOpen-headingOne">
<div class="accordion-body pb-0"> <div class="accordion-body pb-0">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -414,8 +409,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto Seal</label> <label for="" class="form-label">Foto Seal</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_pck_seal_img)? asset('storage/' . $order->ord_pck_seal_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_pck_seal_img) ? asset('storage/' . $order->ord_pck_seal_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -425,8 +419,7 @@ $user = Auth::user();
<label for="" class="form-label">Pengemudi + Armada</label> <label for="" class="form-label">Pengemudi + Armada</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_pck_drv_armd_img)? asset('storage/' . $order->ord_pck_drv_armd_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_pck_drv_armd_img) ? asset('storage/' . $order->ord_pck_drv_armd_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -437,8 +430,7 @@ $user = Auth::user();
Polisi Kendaraan</label> Polisi Kendaraan</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_pck_nopol_img)? asset('storage/' . $order->ord_pck_nopol_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_pck_nopol_img) ? asset('storage/' . $order->ord_pck_nopol_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -452,8 +444,7 @@ $user = Auth::user();
<div class="mb-3"> <div class="mb-3">
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($client_img)? asset('storage/' . $client_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($client_img) ? asset('storage/' . $client_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -467,8 +458,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto pemasangan seal</label> <label for="" class="form-label">Foto pemasangan seal</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_pck_seal_install_img)? asset('storage/' . $order->ord_pck_seal_install_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_pck_seal_install_img) ? asset('storage/' . $order->ord_pck_seal_install_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -478,8 +468,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto barang</label> <label for="" class="form-label">Foto barang</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_pck_goods_img)? asset('storage/' . $order->ord_pck_goods_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_pck_goods_img) ? asset('storage/' . $order->ord_pck_goods_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -495,14 +484,11 @@ $user = Auth::user();
<div class="accordion mb-3"> <div class="accordion mb-3">
<div class="accordion-item border-0 radius-8"> <div class="accordion-item border-0 radius-8">
<h2 class="accordion-header" id="panelsStayOpen-headingTwo"> <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
<button class="accordion-button radius-8 collapsed" type="button" <button class="accordion-button radius-8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo"
aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
Data Pengantaran Data Pengantaran
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
aria-labelledby="panelsStayOpen-headingTwo">
<div class="accordion-body pb-0"> <div class="accordion-body pb-0">
<div class="row d-flex align-items-start"> <div class="row d-flex align-items-start">
<div class="col-sm-3 col-6 d-flex"> <div class="col-sm-3 col-6 d-flex">
@ -510,8 +496,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto mobil tiba di tujuan</label> <label for="" class="form-label">Foto mobil tiba di tujuan</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_drop_arrived_img)? asset('storage/' . $order->ord_drop_arrived_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_drop_arrived_img) ? asset('storage/' . $order->ord_drop_arrived_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -521,8 +506,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto serah terima</label> <label for="" class="form-label">Foto serah terima</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_drop_handover_img)? asset('storage/' . $order->ord_drop_handover_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_drop_handover_img) ? asset('storage/' . $order->ord_drop_handover_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -532,8 +516,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto DO yg sudah di TTD</label> <label for="" class="form-label">Foto DO yg sudah di TTD</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_drop_do_ttd_img)? asset('storage/' . $order->ord_drop_do_ttd_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_drop_do_ttd_img) ? asset('storage/' . $order->ord_drop_do_ttd_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -543,8 +526,7 @@ $user = Auth::user();
<label for="" class="form-label">Foto surat jalan di TTD</label> <label for="" class="form-label">Foto surat jalan di TTD</label>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($order->ord_drop_spk_img)? asset('storage/' . $order->ord_drop_spk_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($order->ord_drop_spk_img) ? asset('storage/' . $order->ord_drop_spk_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -560,14 +542,11 @@ $user = Auth::user();
<div class="accordion mb-3"> <div class="accordion mb-3">
<div class="accordion-item border-0 radius-8"> <div class="accordion-item border-0 radius-8">
<h2 class="accordion-header" id="panelsStayOpen-headingThree"> <h2 class="accordion-header" id="panelsStayOpen-headingThree">
<button class="accordion-button radius-8 collapsed" type="button" <button class="accordion-button radius-8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree"
aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
Data Kecelakaan Data Kecelakaan
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
aria-labelledby="panelsStayOpen-headingThree">
<div class="accordion-body pb-0"> <div class="accordion-body pb-0">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -603,8 +582,7 @@ $user = Auth::user();
<div class="mb-3"> <div class="mb-3">
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<embed src="{{ isset($acdnt_img)? asset('storage/' . $acdnt_img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <embed src="{{ isset($acdnt_img) ? asset('storage/' . $acdnt_img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -655,9 +633,7 @@ $user = Auth::user();
</a> </a>
</p> </p>
<p class="mb-0"> <p class="mb-0">
<a href="https://api.whatsapp.com/send/?phone=62{{ $order->ord_acdnt_new_drv_phone_val }}&text=Halo&app_absent=0" <a href="https://api.whatsapp.com/send/?phone=62{{ $order->ord_acdnt_new_drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank"><i class="text-success ion-social-whatsapp"></i>
class="" target="_blank"><i
class="text-success ion-social-whatsapp"></i>
{{ implode(' ', str_split('0' . $order->ord_acdnt_new_drv_phone_val, 4)) }}</a> {{ implode(' ', str_split('0' . $order->ord_acdnt_new_drv_phone_val, 4)) }}</a>
</p> </p>
</div> </div>
@ -674,14 +650,11 @@ $user = Auth::user();
<div class="accordion mb-3"> <div class="accordion mb-3">
<div class="accordion-item border-0 radius-8"> <div class="accordion-item border-0 radius-8">
<h2 class="accordion-header" id="panelsStayOpen-headingFour"> <h2 class="accordion-header" id="panelsStayOpen-headingFour">
<button class="accordion-button radius-8 collapsed" type="button" <button class="accordion-button radius-8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour"
aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
Berkas Driver Berkas Driver
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour">
aria-labelledby="panelsStayOpen-headingFour">
<div class="accordion-body pb-0"> <div class="accordion-body pb-0">
<div class="row"> <div class="row">
@foreach ($drvs_ups as $i => $drvUp) @foreach ($drvs_ups as $i => $drvUp)
@ -696,8 +669,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -709,8 +681,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -722,14 +693,13 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@elseif ($drvUp->stts === \App\Models\OrdersDriversUploads::STTS_UP_TRAVEL_DOCUMENT) @elseif ($drvUp->stts === \App\Models\OrdersDriversUploads::STTS_UP_TRAVEL_DOCUMENT)
@php @php
$afterTravelDoc = 1; $afterTravelDoc = 1;
@endphp @endphp
<div class="col-12 mb-3 tepiBottom"> <div class="col-12 mb-3 tepiBottom">
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
@ -738,8 +708,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -751,8 +720,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -764,8 +732,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -777,8 +744,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -790,8 +756,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -803,8 +768,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -816,8 +780,7 @@ $user = Auth::user();
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -834,8 +797,7 @@ $user = Auth::user();
@if ($order->is_aprv_pck === \App\Models\OrdersPckDrop::IS_APRV_NO) @if ($order->is_aprv_pck === \App\Models\OrdersPckDrop::IS_APRV_NO)
<div class="row"> <div class="row">
<div class="col-auto mb-3"> <div class="col-auto mb-3">
<button class="btn btn-sm btn-danger btn-block w-100" <button class="btn btn-sm btn-danger btn-block w-100" data-bs-toggle="modal" data-bs-target="#mdlAprvPck" {{ $order->stts_delivery === \App\Models\OrdersPckDrop::STTS_DELIVERY_TRAVEL_DOC ? '' : 'disabled' }}>Persetujuan</button>
data-bs-toggle="modal" data-bs-target="#mdlAprvPck" {{ ($order->stts_delivery === \App\Models\OrdersPckDrop::STTS_DELIVERY_TRAVEL_DOC) ? '':'disabled' }}>Persetujuan</button>
</div> </div>
</div> </div>
@endif @endif
@ -850,8 +812,7 @@ $user = Auth::user();
</div> </div>
{{-- modal here --}} {{-- modal here --}}
{{-- modal SPK --}} {{-- modal SPK --}}
<div class="modal fade" id="mdlSpk" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="mdlSpk" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="mdlSpkLabel" aria-hidden="true">
aria-labelledby="mdlSpkLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -865,17 +826,15 @@ $user = Auth::user();
src="{{ route('view_user_checker_transactions_download_spk') . '?ord_code=' . $order->ord_code }}" src="{{ route('view_user_checker_transactions_download_spk') . '?ord_code=' . $order->ord_code }}"
type="application/pdf" frameBorder="0" scrolling="false" height="100%" width="100%"> --}} type="application/pdf" frameBorder="0" scrolling="false" height="100%" width="100%"> --}}
@php @php
$ord_codes = ''; $ord_codes = '';
foreach ($orders as $ord) { foreach ($orders as $ord) {
$ord_codes .= $ord->ord_code . ','; $ord_codes .= $ord->ord_code . ',';
} }
if (substr($ord_codes, -1) === ',') { if (substr($ord_codes, -1) === ',') {
$ord_codes = substr($ord_codes, 0, -1); $ord_codes = substr($ord_codes, 0, -1);
} }
@endphp @endphp
<embed <embed src="{{ route('view_user_checker_transactions_download_spk') . '?ord_code=' . $ord_codes }}" type="application/pdf" frameBorder="0" scrolling="false" height="100%" width="100%">
src="{{ route('view_user_checker_transactions_download_spk') . '?ord_code=' . $ord_codes }}"
type="application/pdf" frameBorder="0" scrolling="false" height="100%" width="100%">
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -887,8 +846,7 @@ $user = Auth::user();
{{-- ./modal spk --}} {{-- ./modal spk --}}
{{-- modal accident --}} {{-- modal accident --}}
<div class="modal fade" id="mdlReportAccident" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="mdlReportAccident" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="mdlReportAccidentLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}">
aria-labelledby="mdlReportAccidentLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}">
<div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -897,27 +855,21 @@ $user = Auth::user();
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_loc" class="form-label">Lokasi Kejadian <span <label for="inpt-acdnt_loc" class="form-label">Lokasi Kejadian <span class="text-danger">*</span></label>
class="text-danger">*</span></label> <input type="text" id="inpt-acdnt_loc" name="inpt-acdnt_loc" class="form-control" value="{{ $order->ord_acdnt_location }}" required>
<input type="text" id="inpt-acdnt_loc" name="inpt-acdnt_loc" class="form-control"
value="{{ $order->ord_acdnt_location }}" required>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_story" class="form-label">Ceritakan kronolgi kejadian <span <label for="inpt-acdnt_story" class="form-label">Ceritakan kronolgi kejadian <span class="text-danger">*</span></label>
class="text-danger">*</span></label> <textarea name="inpt-acdnt_story" class="form-control" id="inpt-acdnt_story" cols="30" rows="5">{{ $order->ord_acdnt_story }}</textarea>
<textarea name="inpt-acdnt_story" class="form-control" id="inpt-acdnt_story" cols="30"
rows="5">{{ $order->ord_acdnt_story }}</textarea>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-accidents_img" class="form-label">Unggah Foto Pendukung<span <label for="inpt-accidents_img" class="form-label">Unggah Foto Pendukung<span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<div id="inpt-accidents_img-previews" class="row"> <div id="inpt-accidents_img-previews" class="row">
@if ($order->ord_acdnt_imgs) @if ($order->ord_acdnt_imgs)
@foreach (json_decode($order->ord_acdnt_imgs) as $key => $acdnt_img) @foreach (json_decode($order->ord_acdnt_imgs) as $key => $acdnt_img)
<div class="inpt-accidents_img-column col-auto" data-importantKey="{{ $key }}"> <div class="inpt-accidents_img-column col-auto" data-importantKey="{{ $key }}">
<img class="inpt-accidents_img-img img-fluid square-photo" src="{{ asset('storage/' . $acdnt_img) }}" <img class="inpt-accidents_img-img img-fluid square-photo" src="{{ asset('storage/' . $acdnt_img) }}" alt="inpt-accidents_img-img">
alt="inpt-accidents_img-img">
<div class="inpt-group_accidents_img_spinner d-none"> <div class="inpt-group_accidents_img_spinner d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -927,15 +879,9 @@ $user = Auth::user();
<span class="inpt-accidents_img-status d-none"></span> <span class="inpt-accidents_img-status d-none"></span>
<span class="inpt-accidents_img-filesize d-none"></span> <span class="inpt-accidents_img-filesize d-none"></span>
</div> </div>
<div <div class="inpt-group_rotate_accidents_img pt-2 d-flex justify-content-start d-none">
class="inpt-group_rotate_accidents_img pt-2 d-flex justify-content-start d-none"> <button type="button" class="inpt-accidents_img-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="inpt-accidents_img-btnRotateLeft btn btn-sm btn-outline-primary ml-1" <button type="button" class="inpt-accidents_img-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>
style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i
class="icon ion-arrow-return-left"></i></button>
<button type="button"
class="inpt-accidents_img-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> </div>
<input type="text" class="inpt-accidents_img-base64 form-control" hidden> <input type="text" class="inpt-accidents_img-base64 form-control" hidden>
</div> </div>
@ -947,48 +893,37 @@ $user = Auth::user();
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
</div> </div>
</div> </div>
<input type="file" id="inpt-accidents_img-file" class="form-control form-control-sm" multiple <input type="file" id="inpt-accidents_img-file" class="form-control form-control-sm" multiple required>
required>
<div class="form-text">Anda bisa menguggah lebih dari 1 foto secara bersamaan.</div> <div class="form-text">Anda bisa menguggah lebih dari 1 foto secara bersamaan.</div>
</div> </div>
<hr> <hr>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_vhc_nopol" class="form-label">Nomor Polisi Kendaraan Pengganti <span <label for="inpt-acdnt_vhc_nopol" class="form-label">Nomor Polisi Kendaraan Pengganti <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
@if (isset($order->ord_acdnt_new_nopol1)) @if (isset($order->ord_acdnt_new_nopol1))
<input type="text" id="inpt-acdnt_vhc_nopol" name="inpt-acdnt_vhc_nopol" class="form-control" <input type="text" id="inpt-acdnt_vhc_nopol" name="inpt-acdnt_vhc_nopol" class="form-control" value="{{ $order->ord_acdnt_new_nopol1 . ' ' . $order->ord_acdnt_new_nopol2 . ' ' . $order->ord_acdnt_new_nopol3 }}" required>
value="{{ $order->ord_acdnt_new_nopol1 . ' ' . $order->ord_acdnt_new_nopol2 . ' ' . $order->ord_acdnt_new_nopol3 }}"
required>
@else @else
<input type="text" id="inpt-acdnt_vhc_nopol" name="inpt-acdnt_vhc_nopol" class="form-control" <input type="text" id="inpt-acdnt_vhc_nopol" name="inpt-acdnt_vhc_nopol" class="form-control" required>
required>
@endif @endif
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_vhc_type" class="form-label w-100">Tipe Kendaraan Pengganti<span <label for="inpt-acdnt_vhc_type" class="form-label w-100">Tipe Kendaraan Pengganti<span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<select name="inpt-acdnt_vhc_type" id="inpt-acdnt_vhc_type" class="select2 w-100"> <select name="inpt-acdnt_vhc_type" id="inpt-acdnt_vhc_type" class="select2 w-100">
@if ($order->is_accident !== \App\Models\Orders::IS_ACCIDENT_YES) @if ($order->is_accident !== \App\Models\Orders::IS_ACCIDENT_YES)
<option disabled selected>Belum ada tipe kendaaran yang dipilih</option> <option disabled selected>Belum ada tipe kendaaran yang dipilih</option>
@endif @endif
@foreach ($truck_types as $tt) @foreach ($truck_types as $tt)
<option value="{{ $tt->type_id }}" <option value="{{ $tt->type_id }}" {{ $tt->type_id === $order->ord_acdnt_new_vhc_type_id ? 'selected' : false }}>
{{ $tt->type_id === $order->ord_acdnt_new_vhc_type_id ? 'selected' : false }}>
{{ $tt->type_name }}</option> {{ $tt->type_name }}</option>
@endforeach @endforeach
</select> </select>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_drv_name" class="form-label">Pengendara Pengganti <span <label for="inpt-acdnt_drv_name" class="form-label">Pengendara Pengganti <span class="text-danger">*</span></label>
class="text-danger">*</span></label> <input type="text" id="inpt-acdnt_drv_name" name="inpt-acdnt_drv_name" class="form-control" value="{{ $order->ord_acdnt_new_drv_name }}" required>
<input type="text" id="inpt-acdnt_drv_name" name="inpt-acdnt_drv_name" class="form-control"
value="{{ $order->ord_acdnt_new_drv_name }}" required>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-acdnt_drv_phone" class="form-label">Nomor Telepon Pengendara Pengganti <span <label for="inpt-acdnt_drv_phone" class="form-label">Nomor Telepon Pengendara Pengganti <span class="text-danger">*</span></label>
class="text-danger">*</span></label> <input type="number" id="inpt-acdnt_drv_phone" name="inpt-acdnt_drv_phone" class="form-control" value="{{ $order->ord_acdnt_new_drv_phone_val }}" required>
<input type="number" id="inpt-acdnt_drv_phone" name="inpt-acdnt_drv_phone" class="form-control"
value="{{ $order->ord_acdnt_new_drv_phone_val }}" required>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -1006,9 +941,7 @@ $user = Auth::user();
{{-- ./modal accident --}} {{-- ./modal accident --}}
{{-- modal laporan --}} {{-- modal laporan --}}
<div class="modal fade" id="mdlReportPickUp" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="mdlReportPickUp" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="mdlReportPickUpLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}" data-ord_pck_id="{{ $order->ord_pck_id }}">
aria-labelledby="mdlReportPickUpLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}"
data-ord_pck_id="{{ $order->ord_pck_id }}">
<div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -1020,17 +953,13 @@ $user = Auth::user();
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-seal_number" class="form-label">Nomor Seal <span <label for="inpt-seal_number" class="form-label">Nomor Seal <span class="text-danger">*</span></label>
class="text-danger">*</span></label> <input type="number" id="inpt-seal_number" name="inpt-seal_number" class="form-control" required />
<input type="number" id="inpt-seal_number" name="inpt-seal_number"
class="form-control" required />
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-seal_img" class="form-label">Foto Seal <span <label for="inpt-seal_img" class="form-label">Foto Seal <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-seal_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-seal_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-seal_img-img">
alt="inpt-seal_img-img">
<div id="inpt-group_seal_img_spinner" class="d-none"> <div id="inpt-group_seal_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1041,22 +970,16 @@ $user = Auth::user();
<span id="inpt-seal_img-filesize" class="d-none"></span> <span id="inpt-seal_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_seal_img" class="pt-2 d-flex justify-content-start d-none"> <div id="inpt-group_rotate_seal_img" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i <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>
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> </div>
<input type="file" id="inpt-seal_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-seal_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-seal_img-base64" class="form-control" hidden> <input type="text" id="inpt-seal_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-drv_armd_img" class="form-label">Foto Pengemudi + Armada <span <label for="inpt-drv_armd_img" class="form-label">Foto Pengemudi + Armada <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-drv_armd_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-drv_armd_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-drv_armd_img-img">
alt="inpt-drv_armd_img-img">
<div id="inpt-group_drv_armd_img_spinner" class="d-none"> <div id="inpt-group_drv_armd_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1066,24 +989,17 @@ $user = Auth::user();
<span id="inpt-drv_armd_img-status" class="d-none"></span> <span id="inpt-drv_armd_img-status" class="d-none"></span>
<span id="inpt-drv_armd_img-filesize" class="d-none"></span> <span id="inpt-drv_armd_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_drv_armd_img" <div id="inpt-group_rotate_drv_armd_img" class="pt-2 d-flex justify-content-start d-none">
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="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
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> </div>
<input type="file" id="inpt-drv_armd_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-drv_armd_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-drv_armd_img-base64" class="form-control" hidden> <input type="text" id="inpt-drv_armd_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-nopol_img" class="form-label">Nomor Polisi Kendaraan <span <label for="inpt-nopol_img" class="form-label">Nomor Polisi Kendaraan <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-nopol_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-nopol_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-nopol_img-img">
alt="inpt-nopol_img-img">
<div id="inpt-group_nopol_img_spinner" class="d-none"> <div id="inpt-group_nopol_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1094,12 +1010,8 @@ $user = Auth::user();
<span id="inpt-nopol_img-filesize" class="d-none"></span> <span id="inpt-nopol_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_nopol_img" class="pt-2 d-flex justify-content-start d-none"> <div id="inpt-group_rotate_nopol_img" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i <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>
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> </div>
<input type="file" id="inpt-nopol_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-nopol_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-nopol_img-base64" class="form-control" hidden> <input type="text" id="inpt-nopol_img-base64" class="form-control" hidden>
@ -1139,16 +1051,14 @@ $user = Auth::user();
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
</div> </div>
</div> </div>
<input type="file" id="inpt-docs_client_img-file" class="form-control form-control-sm" <input type="file" id="inpt-docs_client_img-file" class="form-control form-control-sm" multiple required>
multiple required>
<div class="form-text">Contoh: Surat jalan, delivery order, dsb.</div> <div class="form-text">Contoh: Surat jalan, delivery order, dsb.</div>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-install_seal_img" class="form-label">Foto pemasangan <label for="inpt-install_seal_img" class="form-label">Foto pemasangan
seal</label> seal</label>
<br> <br>
<img id="inpt-install_seal_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-install_seal_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-install_seal_img-img">
alt="inpt-install_seal_img-img">
<div id="inpt-group_install_seal_img_spinner" class="d-none"> <div id="inpt-group_install_seal_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1158,24 +1068,17 @@ $user = Auth::user();
<span id="inpt-install_seal_img-status" class="d-none"></span> <span id="inpt-install_seal_img-status" class="d-none"></span>
<span id="inpt-install_seal_img-filesize" class="d-none"></span> <span id="inpt-install_seal_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_install_seal_img" <div id="inpt-group_rotate_install_seal_img" class="pt-2 d-flex justify-content-start d-none">
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="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
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> </div>
<input type="file" id="inpt-install_seal_img-file" <input type="file" id="inpt-install_seal_img-file" class="form-control form-control-sm">
class="form-control form-control-sm">
<input type="text" id="inpt-install_seal_img-base64" class="form-control" hidden> <input type="text" id="inpt-install_seal_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-goods_img" class="form-label">Foto barang</label> <label for="inpt-goods_img" class="form-label">Foto barang</label>
<br> <br>
<img id="inpt-goods_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-goods_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-goods_img-img">
alt="inpt-goods_img-img">
<div id="inpt-group_goods_img_spinner" class="d-none"> <div id="inpt-group_goods_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1186,12 +1089,8 @@ $user = Auth::user();
<span id="inpt-goods_img-filesize" class="d-none"></span> <span id="inpt-goods_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_goods_img" class="pt-2 d-flex justify-content-start d-none"> <div id="inpt-group_rotate_goods_img" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i <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>
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> </div>
<input type="file" id="inpt-goods_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-goods_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-goods_img-base64" class="form-control" hidden> <input type="text" id="inpt-goods_img-base64" class="form-control" hidden>
@ -1213,9 +1112,7 @@ $user = Auth::user();
</div> </div>
</div> </div>
<div class="modal fade" id="mdlReportDrop" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="mdlReportDrop" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="mdlReportDropLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}" data-ord_drop_id="{{ $order->ord_drop_id }}">
aria-labelledby="mdlReportDropLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}"
data-ord_drop_id="{{ $order->ord_drop_id }}">
<div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -1227,11 +1124,9 @@ $user = Auth::user();
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-arrived_img" class="form-label">Foto mobil tiba di tujuan <span <label for="inpt-arrived_img" class="form-label">Foto mobil tiba di tujuan <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-arrived_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-arrived_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-arrived_img-img">
alt="inpt-arrived_img-img">
<div id="inpt-group_arrived_img_spinner" class="d-none"> <div id="inpt-group_arrived_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1241,24 +1136,17 @@ $user = Auth::user();
<span id="inpt-arrived_img-status" class="d-none"></span> <span id="inpt-arrived_img-status" class="d-none"></span>
<span id="inpt-arrived_img-filesize" class="d-none"></span> <span id="inpt-arrived_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_arrived_img" <div id="inpt-group_rotate_arrived_img" class="pt-2 d-flex justify-content-start d-none">
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="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
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> </div>
<input type="file" id="inpt-arrived_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-arrived_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-arrived_img-base64" class="form-control" hidden> <input type="text" id="inpt-arrived_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-handover_img" class="form-label">Foto serah terima <span <label for="inpt-handover_img" class="form-label">Foto serah terima <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-handover_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-handover_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-handover_img-img">
alt="inpt-handover_img-img">
<div id="inpt-group_handover_img_spinner" class="d-none"> <div id="inpt-group_handover_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1268,24 +1156,17 @@ $user = Auth::user();
<span id="inpt-handover_img-status" class="d-none"></span> <span id="inpt-handover_img-status" class="d-none"></span>
<span id="inpt-handover_img-filesize" class="d-none"></span> <span id="inpt-handover_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_handover_img" <div id="inpt-group_rotate_handover_img" class="pt-2 d-flex justify-content-start d-none">
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="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
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> </div>
<input type="file" id="inpt-handover_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-handover_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-handover_img-base64" class="form-control" hidden> <input type="text" id="inpt-handover_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-do_ttd_img" class="form-label">Foto DO yg sudah di TTD <span <label for="inpt-do_ttd_img" class="form-label">Foto DO yg sudah di TTD <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-do_ttd_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-do_ttd_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-do_ttd_img-img">
alt="inpt-do_ttd_img-img">
<div id="inpt-group_do_ttd_img_spinner" class="d-none"> <div id="inpt-group_do_ttd_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1295,24 +1176,17 @@ $user = Auth::user();
<span id="inpt-do_ttd_img-status" class="d-none"></span> <span id="inpt-do_ttd_img-status" class="d-none"></span>
<span id="inpt-do_ttd_img-filesize" class="d-none"></span> <span id="inpt-do_ttd_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_do_ttd_img" <div id="inpt-group_rotate_do_ttd_img" class="pt-2 d-flex justify-content-start d-none">
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="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
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> </div>
<input type="file" id="inpt-do_ttd_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-do_ttd_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-do_ttd_img-base64" class="form-control" hidden> <input type="text" id="inpt-do_ttd_img-base64" class="form-control" hidden>
</div> </div>
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="inpt-spk_img" class="form-label">Foto surat jalan di TTD <span <label for="inpt-spk_img" class="form-label">Foto surat jalan di TTD <span class="text-danger">*</span></label>
class="text-danger">*</span></label>
<br> <br>
<img id="inpt-spk_img-img" class="img-fluid square-photo d-none" src="#" <img id="inpt-spk_img-img" class="img-fluid square-photo d-none" src="#" alt="inpt-spk_img-img">
alt="inpt-spk_img-img">
<div id="inpt-group_spk_img_spinner" class="d-none"> <div id="inpt-group_spk_img_spinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span> <span class="visually-hidden">Loading...</span>
@ -1323,12 +1197,8 @@ $user = Auth::user();
<span id="inpt-spk_img-filesize" class="d-none"></span> <span id="inpt-spk_img-filesize" class="d-none"></span>
</div> </div>
<div id="inpt-group_rotate_spk_img" class="pt-2 d-flex justify-content-start d-none"> <div id="inpt-group_rotate_spk_img" class="pt-2 d-flex justify-content-start d-none">
<button type="button" class="btnRotateLeft btn btn-sm btn-outline-primary ml-1" <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>
style="padding:0.25rem 0.5rem;border-radius:0.25rem;"><i <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>
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> </div>
<input type="file" id="inpt-spk_img-file" class="form-control form-control-sm"> <input type="file" id="inpt-spk_img-file" class="form-control form-control-sm">
<input type="text" id="inpt-spk_img-base64" class="form-control" hidden> <input type="text" id="inpt-spk_img-base64" class="form-control" hidden>
@ -1352,9 +1222,7 @@ $user = Auth::user();
{{-- modal laporan --}} {{-- modal laporan --}}
{{-- modal approval --}} {{-- modal approval --}}
<div class="modal fade" id="mdlAprvPck" data-bs-backdrop="static" data-bs-keyboard="false" <div class="modal fade" id="mdlAprvPck" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="mdlAprvPckLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}" data-ord_pck_id="{{ $order->ord_pck_id }}" data-ord_pck_drop_id="{{ $order->ord_pck_drop_id }}">
aria-labelledby="mdlAprvPckLabel" aria-hidden="true" data-ord_id="{{ $order->ord_id }}"
data-ord_pck_id="{{ $order->ord_pck_id }}" data-ord_pck_drop_id="{{ $order->ord_pck_drop_id }}">
<div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -1393,8 +1261,7 @@ $user = Auth::user();
{{-- modal approval --}} {{-- modal approval --}}
{{-- modal change uang saku --}} {{-- modal change uang saku --}}
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="mdlChangePocket" <div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="mdlChangePocket" aria-labelledby="mdlChangePocketLabel" aria-hidden="true">
aria-labelledby="mdlChangePocketLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl"> <div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -1461,7 +1328,7 @@ $user = Auth::user();
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Batal</button> <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button id="btnSubmitChangePocket" type="button" class="btn btn-sm btn-danger">Ganti</button> <button id="btnSubmitChangePocket" type="button" class="btn btn-sm btn-danger">Ganti</button>
<div id="btnSubmitChangePocketSpinner" class="d-none"> <div id="btnSubmitChangePocketSpinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
@ -1475,8 +1342,7 @@ $user = Auth::user();
{{-- modal change uang saku --}} {{-- modal change uang saku --}}
{{-- modal change drop zone --}} {{-- modal change drop zone --}}
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="mdlChangeZoneDrop" <div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="mdlChangeZoneDrop" aria-labelledby="mdlChangeZoneDropLabel" aria-hidden="true">
aria-labelledby="mdlChangeZoneDropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl"> <div class="modal-dialog modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -1509,7 +1375,7 @@ $user = Auth::user();
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Batal</button> <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button id="btnSubmitChangeZoneDrop" type="button" class="btn btn-sm btn-danger">Ganti</button> <button id="btnSubmitChangeZoneDrop" type="button" class="btn btn-sm btn-danger">Ganti</button>
<div id="btnSubmitChangeZoneDropSpinner" class="d-none"> <div id="btnSubmitChangeZoneDropSpinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
@ -2021,9 +1887,13 @@ $user = Auth::user();
AprvPck.event(); AprvPck.event();
}, },
event: function() { event: function() {
$('#isAprvPck').on('change', function () { $('#isAprvPck').on('change', function() {
let val = $('#isAprvPck').prop('checked'); let val = $('#isAprvPck').prop('checked');
if (val) { $('#btnSubmitAprvPck').removeAttr('disabled'); } else { $('#btnSubmitAprvPck').attr('disabled', true); } if (val) {
$('#btnSubmitAprvPck').removeAttr('disabled');
} else {
$('#btnSubmitAprvPck').attr('disabled', true);
}
}); });
$('#btnSubmitAprvPck').on('click', async function() { $('#btnSubmitAprvPck').on('click', async function() {
let data = AprvPck.getData(); let data = AprvPck.getData();
@ -2039,7 +1909,11 @@ $user = Auth::user();
data.ord_pck_drop_id = $('#mdlAprvPck').attr('data-ord_pck_drop_id'); data.ord_pck_drop_id = $('#mdlAprvPck').attr('data-ord_pck_drop_id');
data.ord_pck_id = $('#mdlAprvPck').attr('data-ord_pck_id'); data.ord_pck_id = $('#mdlAprvPck').attr('data-ord_pck_id');
if ($('#isAprvPck').prop('checked')) { data.is_aprv_pck = State.ord_pck_drop.is_aprv_yes; } else { data.is_aprv_pck = State.ord_pck_drop.is_aprv_no; } if ($('#isAprvPck').prop('checked')) {
data.is_aprv_pck = State.ord_pck_drop.is_aprv_yes;
} else {
data.is_aprv_pck = State.ord_pck_drop.is_aprv_no;
}
return data; return data;
}, },
@ -2108,7 +1982,7 @@ $user = Auth::user();
} }
const ChangePocket = { const ChangePocket = {
activate: function () { activate: function() {
$('#change_uang_saku').select2({ $('#change_uang_saku').select2({
dropdownParent: $('#mdlChangePocket'), dropdownParent: $('#mdlChangePocket'),
}); });
@ -2117,11 +1991,15 @@ $user = Auth::user();
dropdownParent: $('#mdlChangePocket'), dropdownParent: $('#mdlChangePocket'),
}); });
$('#btnChangeUangSaku').on('click', async function () { $('#btnChangeUangSaku').on('click', async function() {
$('#btnChangeUangSakuSpinner').removeClass('d-none'); $('#btnChangeUangSakuSpinner').removeClass('d-none');
$('#btnChangeUangSaku').addClass('d-none'); $('#btnChangeUangSaku').addClass('d-none');
const respPockets = await Req.get_pck_drop_pocket({client_id: State.ord.client_id, pck_id: State.ord.pck_zid, drop_id: State.ord.drop_zid}, false, null); const respPockets = await Req.get_pck_drop_pocket({
client_id: State.ord.client_id,
pck_id: State.ord.pck_zid,
drop_id: State.ord.drop_zid
}, false, null);
if (respPockets.type !== 'success') { if (respPockets.type !== 'success') {
Helper.toast('Warning', 'just now', `Tidak ada uang saku untuk penjemputan dan pengantran ${State.ord.pck_zone_title} - ${State.ord.drop_zone_title}`); Helper.toast('Warning', 'just now', `Tidak ada uang saku untuk penjemputan dan pengantran ${State.ord.pck_zone_title} - ${State.ord.drop_zone_title}`);
return false; return false;
@ -2166,7 +2044,7 @@ $user = Auth::user();
} }
}); });
$('#btnSubmitChangePocket').on('click', function () { $('#btnSubmitChangePocket').on('click', function() {
const data = ChangePocket.getData(); const data = ChangePocket.getData();
let isValid = ChangePocket.checkData(data, true); let isValid = ChangePocket.checkData(data, true);
if (!isValid) return false; if (!isValid) return false;
@ -2248,12 +2126,12 @@ $user = Auth::user();
} }
const ChangeZone = { const ChangeZone = {
activate: function () { activate: function() {
$('#change_zone_drop').select2({ $('#change_zone_drop').select2({
dropdownParent: $('#mdlChangeZoneDrop'), dropdownParent: $('#mdlChangeZoneDrop'),
}); });
$('#btnChangeZoneDrop').on('click', async function () { $('#btnChangeZoneDrop').on('click', async function() {
$('#btnChangeZoneDropSpinner').removeClass('d-none'); $('#btnChangeZoneDropSpinner').removeClass('d-none');
$('#btnChangeZoneDrop').addClass('d-none'); $('#btnChangeZoneDrop').addClass('d-none');
@ -2290,7 +2168,7 @@ $user = Auth::user();
$('#loc_change_zone_drop').text(selected.data('addr')); $('#loc_change_zone_drop').text(selected.data('addr'));
}); });
$('#btnSubmitChangeZoneDrop').on('click', function () { $('#btnSubmitChangeZoneDrop').on('click', function() {
const data = ChangeZone.getData(); const data = ChangeZone.getData();
let isValid = ChangeZone.checkData(data, true); let isValid = ChangeZone.checkData(data, true);
if (!isValid) return false; if (!isValid) return false;
@ -2591,7 +2469,7 @@ $user = Auth::user();
// reader.readAsArrayBuffer(file); // reader.readAsArrayBuffer(file);
reader.readAsDataURL(file); reader.readAsDataURL(file);
}, },
clearFile: function (x) { clearFile: function(x) {
$('#inpt-' + x + '-img').addClass('d-none') $('#inpt-' + x + '-img').addClass('d-none')
$('#inpt-' + x + '-filesize').html(''); $('#inpt-' + x + '-filesize').html('');
$('#inpt-' + x + '-base64').val(''); $('#inpt-' + x + '-base64').val('');
@ -2802,7 +2680,7 @@ $user = Auth::user();
State[x + 's'].push({ State[x + 's'].push({
file_name: file.name, file_name: file.name,
}); });
let templatePreviews = FileUploadMultiple.templatePreviews(importantKey, x, file.name); let templatePreviews = FileUploadMultiple.templatePreviews(importantKey, x, file.name);
$('#inpt-' + x + '-previews').append(templatePreviews); $('#inpt-' + x + '-previews').append(templatePreviews);
@ -2897,7 +2775,7 @@ $user = Auth::user();
</div> </div>
`; `;
}, },
clearFile: function (x, importantKey) { clearFile: function(x, importantKey) {
$($('.inpt-' + x + '-img')[importantKey]).addClass('d-none'); $($('.inpt-' + x + '-img')[importantKey]).addClass('d-none');
$($('.inpt-' + x + '-filesize')[importantKey]).html(''); $($('.inpt-' + x + '-filesize')[importantKey]).html('');
$($('.inpt-' + x + '-base64')[importantKey]).val(''); $($('.inpt-' + x + '-base64')[importantKey]).val('');

420
resources/views/menu_v2/Finance/_viewBilling.blade.php
View File

@ -4,12 +4,12 @@
@endsection @endsection
@section('customcss') @section('customcss')
<style> <style>
.tepiBottom { .tepiBottom {
border-bottom: 1.5px groove #000; border-bottom: 1.5px groove #000;
padding-bottom: 15px; padding-bottom: 15px;
} }
</style> </style>
@endsection @endsection
@section('content') @section('content')
@ -22,13 +22,12 @@
<div class="row d-flex align-items-center"> <div class="row d-flex align-items-center">
<div class="col"> <div class="col">
<p class="card-title text-bold mb-0">Detail Pesanan (#{{ $order->ord_code }})</p> <p class="card-title text-bold mb-0">Detail Pesanan (#{{ $order->ord_code }})</p>
@if ($order->crt_type_order === \App\Models\Orders::CRT_TYPE_ORDER_ADMIN_SPECIAL) @if ($order->crt_type_order === \App\Models\Orders::CRT_TYPE_ORDER_ADMIN_SPECIAL)
<span class="badge bg-warning text-dark">Pesanan Khusus</span> <span class="badge bg-warning text-dark">Pesanan Khusus</span>
@endif @endif
</div> </div>
<div class="col text-end"> <div class="col text-end">
<button class="btn btn-secondary btn-sm" <button class="btn btn-secondary btn-sm" onclick="location.href='{{ route('view_keuangan_billing') }}'">Kembali</button>
onclick="location.href='{{ route('view_keuangan_billing') }}'">Kembali</button>
</div> </div>
</div> </div>
</div> </div>
@ -215,14 +214,11 @@
<div class="accordion mb-3"> <div class="accordion mb-3">
<div class="accordion-item border-0 radius-8"> <div class="accordion-item border-0 radius-8">
<h2 class="accordion-header" id="panelsStayOpen-headingFive"> <h2 class="accordion-header" id="panelsStayOpen-headingFive">
<button class="accordion-button radius-8 collapsed" type="button" <button class="accordion-button radius-8 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false" aria-controls="panelsStayOpen-collapseFive">
data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive"
aria-expanded="false" aria-controls="panelsStayOpen-collapseFive">
Berkas Driver Berkas Driver
</button> </button>
</h2> </h2>
<div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse" <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFive">
aria-labelledby="panelsStayOpen-headingFive">
<div class="accordion-body pb-0"> <div class="accordion-body pb-0">
<div class="row"> <div class="row">
@php @php
@ -237,8 +233,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -250,8 +245,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -263,14 +257,13 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@elseif ($drvUp->stts === \App\Models\OrdersDriversUploads::STTS_UP_TRAVEL_DOCUMENT) @elseif ($drvUp->stts === \App\Models\OrdersDriversUploads::STTS_UP_TRAVEL_DOCUMENT)
@php @php
$afterTravelDoc = 1; $afterTravelDoc = 1;
@endphp @endphp
<div class="col-12 mb-3 tepiBottom"> <div class="col-12 mb-3 tepiBottom">
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
@ -279,8 +272,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -292,8 +284,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -305,8 +296,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -318,8 +308,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -331,8 +320,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -344,8 +332,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -357,8 +344,7 @@
</div> </div>
<div class="card bg-light border mb-0"> <div class="card bg-light border mb-0">
<div class="card-body p-0"> <div class="card-body p-0">
<img src="{{ isset($drvUp->img)? \App\Helper::changeIpToDomain($drvUp->img): 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" <img src="{{ isset($drvUp->img) ? \App\Helper::changeIpToDomain($drvUp->img) : 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDVPuMlKfGrFErmCt6hCuECLbbhekJF-GCtAJvPIZpHX5upTT-hABFlp8qZY8rkgaZ0DE&usqp=CAU' }}" alt="" class="img-fluid img-report">
alt="" class="img-fluid img-report">
</div> </div>
</div> </div>
</div> </div>
@ -379,13 +365,13 @@
@endif @endif
{{-- invoicing termin 1 --}} {{-- invoicing termin 1 --}}
@php @php
$prev_yi = 0; $prev_yi = 0;
@endphp @endphp
@foreach ($group_items_by_termin as $yi => $y) @foreach ($group_items_by_termin as $yi => $y)
@php @php
$result_is_enable_btn = App\Helper::viewBillFncIsEnableBtn(isset($group_items_by_termin[$prev_yi]) ? $group_items_by_termin[$prev_yi][0] : 0, $y[0]); $result_is_enable_btn = App\Helper::viewBillFncIsEnableBtn(isset($group_items_by_termin[$prev_yi]) ? $group_items_by_termin[$prev_yi][0] : 0, $y[0]);
$sub_total = 0; $sub_total = 0;
$invc_items = ''; $invc_items = '';
@endphp @endphp
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
@ -434,91 +420,78 @@
</thead> </thead>
<tbody> <tbody>
@foreach ($y as $xi => $x) @foreach ($y as $xi => $x)
@php
$amt_bill_base_flat = $x->amt_bill_base_flat;
$amt_bill_total_flat = $x->amt_bill_total_flat;
if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) {
$before_ppn = round($amt_bill_base_flat / \App\Models\OrdersAItems::PPN_PERCENT_INCLUDE);
$ppn = round($amt_bill_base_flat - $before_ppn);
$amt_bill_base_flat = round($before_ppn);
$amt_bill_total_flat = round($amt_bill_base_flat * $x->unit_qty);
} else {
$amt_bill_total_flat = round($amt_bill_base_flat * $x->unit_qty);
}
@endphp
<tr class="">
<td class="small">{{ $xi + 1 }}</td>
<td class="small">
@if ($x->a_item_type != \App\Models\OrdersAItems::A_TYPE_PRIMARY)
@if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2)
<a href="javascript:void(0)" class="text-primary btnDelItem"><span class="icon ion-trash-b fz-16"></span></a>
@endif
@endif
</td>
<td class="small" data-ord_a_item_id="{{ $x->ord_a_item_id }}">
{!! $x->desc !!}
</td>
<td class="small text-nowrap text-end">{{ $x->unit_qty }}</td>
<td class="small">{{ $x->unit_type_name }}</td>
<td class="small text-nowrap text-end">{{ number_format($amt_bill_base_flat, 0, ',', '.') }}</td>
<td class="small text-nowrap text-end">{{ number_format($amt_bill_total_flat, 0, ',', '.') }}</td>
@php @php
$sub_total += $amt_bill_total_flat; $amt_bill_base_flat = $x->amt_bill_base_flat;
$invc_items .= "$x->ord_a_item_id,"; $amt_bill_total_flat = $x->amt_bill_total_flat;
if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) {
$before_ppn = round($amt_bill_base_flat / \App\Models\OrdersAItems::PPN_PERCENT_INCLUDE);
$ppn = round($amt_bill_base_flat - $before_ppn);
$amt_bill_base_flat = round($before_ppn);
$amt_bill_total_flat = round($amt_bill_base_flat * $x->unit_qty);
} else {
$amt_bill_total_flat = round($amt_bill_base_flat * $x->unit_qty);
}
@endphp @endphp
</tr> <tr class="">
<td class="small">{{ $xi + 1 }}</td>
<td class="small">
@if ($x->a_item_type != \App\Models\OrdersAItems::A_TYPE_PRIMARY)
@if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2)
<a href="javascript:void(0)" class="text-primary btnDelItem"><span class="icon ion-trash-b fz-16"></span></a>
@endif
@endif
</td>
<td class="small" data-ord_a_item_id="{{ $x->ord_a_item_id }}">
{!! $x->desc !!}
</td>
<td class="small text-nowrap text-end">{{ $x->unit_qty }}</td>
<td class="small">{{ $x->unit_type_name }}</td>
<td class="small text-nowrap text-end">{{ number_format($amt_bill_base_flat, 0, ',', '.') }}</td>
<td class="small text-nowrap text-end">{{ number_format($amt_bill_total_flat, 0, ',', '.') }}</td>
@php
$sub_total += $amt_bill_total_flat;
$invc_items .= "$x->ord_a_item_id,";
@endphp
</tr>
@endforeach @endforeach
</tbody> </tbody>
<tfooter> <tfooter>
@php @php
$total = $sub_total; $total = $sub_total;
$sign_tax = ''; $sign_tax = '';
if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) { if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) {
$ppn_flat = round($sub_total * $y[0]->termin_tax_ppn_percent / 100); $ppn_flat = round(($sub_total * $y[0]->termin_tax_ppn_percent) / 100);
$before_ppn = round($sub_total - $ppn_flat); // + $before_ppn = round($sub_total - $ppn_flat); // +
$pph_flat = round(0 * -1 * ($before_ppn * $y[0]->termin_tax_pph_percent / 100)); // -1 * $pph_flat = round(0 * -1 * (($before_ppn * $y[0]->termin_tax_pph_percent) / 100)); // -1 *
$before_ppn_pph = round($sub_total + $ppn_flat + $pph_flat); // + + $before_ppn_pph = round($sub_total + $ppn_flat + $pph_flat); // + +
$tax_flat = round($ppn_flat + $pph_flat); $tax_flat = round($ppn_flat + $pph_flat);
$total = round($before_ppn_pph); $total = round($before_ppn_pph);
// $sign_tax = '-'; // $sign_tax = '-';
} }
// $disc_flat = round($x->invc_disc_flat) ?? 0; ngebug kalo diskon sudah ada tetapi ada item baru, kalkulasinya tidak terupdate tetapi ke yang lama // $disc_flat = round($x->invc_disc_flat) ?? 0; ngebug kalo diskon sudah ada tetapi ada item baru, kalkulasinya tidak terupdate tetapi ke yang lama
if ($x->invc_disc_type === \App\Models\OrdersAItems::AMT_TYPE_FLAT) { if ($x->invc_disc_type === \App\Models\OrdersAItems::AMT_TYPE_FLAT) {
$disc_flat = round($x->invc_disc_flat); $disc_flat = round($x->invc_disc_flat);
} else { } else {
$disc_flat = round($total / 100 * $x->invc_disc_percent); $disc_flat = round(($total / 100) * $x->invc_disc_percent);
} }
$pengurangan_disc = round($total - ($disc_flat ?? 0)); $pengurangan_disc = round($total - ($disc_flat ?? 0));
$total = $pengurangan_disc; $total = $pengurangan_disc;
if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_EXCLUDE) { if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_EXCLUDE) {
$ppn_flat = round($total * $y[0]->termin_tax_ppn_percent / 100); $ppn_flat = round(($total * $y[0]->termin_tax_ppn_percent) / 100);
$after_ppn = round($total + $ppn_flat); $after_ppn = round($total + $ppn_flat);
$pph_flat = round(0 * $after_ppn * $y[0]->termin_tax_pph_percent / 100); $pph_flat = round((0 * $after_ppn * $y[0]->termin_tax_pph_percent) / 100);
$tax_flat = round($ppn_flat + $pph_flat); $tax_flat = round($ppn_flat + $pph_flat);
$total += $tax_flat; $total += $tax_flat;
} else if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_WITHOUT) { } elseif ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_WITHOUT) {
$ppn_flat = 0; $ppn_flat = 0;
$pph_flat = 0; $pph_flat = 0;
$tax_flat = 0; $tax_flat = 0;
} }
@endphp @endphp
<tr class="border-0"> <tr class="border-0">
<td class="text-nowrap text-end border-0" colspan="6">Sub total</td> <td class="text-nowrap text-end border-0" colspan="6">Sub total</td>
@if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2) @if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2)
<td id="subTotal" class="text-nowrap text-end border-0" <td id="subTotal" class="text-nowrap text-end border-0" data-items="{{ $invc_items }}" data-subtotal="{{ round($sub_total) }}" data-terminid="{{ $x->c_group_termin_id }}" data-taxtype="{{ $y[0]->termin_tax_type }}" data-ppnpercent="{{ $y[0]->termin_tax_ppn_percent }}" data-ppnflat="{{ round($ppn_flat) }}" data-pphpercent="{{ $y[0]->termin_tax_pph_percent * 0 }}" data-pphflat="{{ round($pph_flat) }}" data-taxflat="{{ round($tax_flat) }}" data-disctype="{{ $x->invc_disc_type ?? 0 }}" data-discpercent="{{ $x->invc_disc_percent ?? 0 }}" data-discflat="{{ round($disc_flat ?? 0) }}" data-total="{{ round($total) }}">
data-items="{{ $invc_items }}"
data-subtotal="{{ round($sub_total) }}"
data-terminid="{{ $x->c_group_termin_id }}"
data-taxtype="{{ $y[0]->termin_tax_type }}"
data-ppnpercent="{{ $y[0]->termin_tax_ppn_percent }}"
data-ppnflat="{{ round($ppn_flat) }}"
data-pphpercent="{{ $y[0]->termin_tax_pph_percent * 0 }}"
data-pphflat="{{ round($pph_flat) }}"
data-taxflat="{{ round($tax_flat) }}"
data-disctype="{{ $x->invc_disc_type ?? 0 }}"
data-discpercent="{{ $x->invc_disc_percent ?? 0 }}"
data-discflat="{{ round(($disc_flat ?? 0)) }}"
data-total="{{ round($total) }}">
@if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_EXCLUDE) @if ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_EXCLUDE)
{{ number_format($sub_total, 0, ',', '.') }} {{ number_format($sub_total, 0, ',', '.') }}
@elseif ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) @elseif ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE)
@ -549,15 +522,15 @@
Diskon Diskon
@endif @endif
</td> </td>
<td class="text-nowrap text-end border-0">{{ ($disc_flat > 0) ? '-'.number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td> <td class="text-nowrap text-end border-0">{{ $disc_flat > 0 ? '-' . number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td>
<tr class="border-bottom"> <tr class="border-bottom">
<td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;" colspan="6">PPN ({{ $y[0]->termin_tax_ppn_percent }}%)</td> <td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;" colspan="6">PPN ({{ $y[0]->termin_tax_ppn_percent }}%)</td>
<td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ $sign_tax.number_format($ppn_flat, 0, ',', '.') }}</td> <td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ $sign_tax . number_format($ppn_flat, 0, ',', '.') }}</td>
</tr> </tr>
@if ($pph_flat > 0) @if ($pph_flat > 0)
<tr class="border-0"> <tr class="border-0">
<td class="text-nowrap text-end border-0" colspan="6">PPH ({{ $y[0]->termin_tax_pph_percent }}%)</td> <td class="text-nowrap text-end border-0" colspan="6">PPH ({{ $y[0]->termin_tax_pph_percent }}%)</td>
<td class="text-nowrap text-end border-0">{{ $sign_tax.number_format($pph_flat, 0, ',', '.') }}</td> <td class="text-nowrap text-end border-0">{{ $sign_tax . number_format($pph_flat, 0, ',', '.') }}</td>
</tr> </tr>
@endif @endif
@elseif ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE) @elseif ($y[0]->termin_tax_type === \App\Models\OrdersAItems::AMT_TAX_TYPE_INCLUDE)
@ -569,16 +542,16 @@
Diskon Diskon
@endif @endif
</td> </td>
<td class="text-nowrap text-end border-0">{{ ($disc_flat > 0) ? '-'.number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td> <td class="text-nowrap text-end border-0">{{ $disc_flat > 0 ? '-' . number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td>
</tr> </tr>
<tr class="border-bottom"> <tr class="border-bottom">
<td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;" colspan="6">PPN ({{ $y[0]->termin_tax_ppn_percent }}%)</td> <td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;" colspan="6">PPN ({{ $y[0]->termin_tax_ppn_percent }}%)</td>
<td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ $sign_tax.number_format($ppn_flat, 0, ',', '.') }}</td> <td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ $sign_tax . number_format($ppn_flat, 0, ',', '.') }}</td>
</tr> </tr>
@if ($pph_flat > 0) @if ($pph_flat > 0)
<tr class="border-0"> <tr class="border-0">
<td class="text-nowrap text-end border-0" colspan="6">PPH ({{ $y[0]->termin_tax_pph_percent }}%)</td> <td class="text-nowrap text-end border-0" colspan="6">PPH ({{ $y[0]->termin_tax_pph_percent }}%)</td>
<td class="text-nowrap text-end border-0">{{ $sign_tax.number_format(-1*$pph_flat, 0, ',', '.') }}</td> <td class="text-nowrap text-end border-0">{{ $sign_tax . number_format(-1 * $pph_flat, 0, ',', '.') }}</td>
</tr> </tr>
@endif @endif
@else @else
@ -590,7 +563,7 @@
Diskon Diskon
@endif @endif
</td> </td>
<td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ ($disc_flat > 0) ? '-'.number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td> <td class="text-nowrap text-end border-bottom" style="border-bottom: 1px solid !important;">{{ $disc_flat > 0 ? '-' . number_format($disc_flat, 0, ',', '.') : $disc_flat }}</td>
</tr> </tr>
@endif @endif
</tfooter> </tfooter>
@ -615,7 +588,7 @@
@if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2) @if ($result_is_enable_btn === 1 || $result_is_enable_btn === 2)
<div class="card-footer"> <div class="card-footer">
<div class="row d-flex align-items-center justify-content-between"> <div class="row d-flex align-items-center justify-content-between">
<div class="{{ ($x->invc_id === null) ? 'col-8' : 'col-lg-5 col-md-4' }}"> <div class="{{ $x->invc_id === null ? 'col-8' : 'col-lg-5 col-md-4' }}">
<p class="mb-0"> <p class="mb-0">
Apakah item diatas sudah seluruhnya di masukkan? Apakah item diatas sudah seluruhnya di masukkan?
</p> </p>
@ -623,9 +596,7 @@
<div class="col-auto text-end d-flex"> <div class="col-auto text-end d-flex">
@if ($x->invc_id !== null && $x->is_gnrt_invc === \App\Models\OrdersInvoices::IS_GNRT_INVC_YES) @if ($x->invc_id !== null && $x->is_gnrt_invc === \App\Models\OrdersInvoices::IS_GNRT_INVC_YES)
{{-- {{ asset('pdf/invoice.pdf') }} --}} {{-- {{ asset('pdf/invoice.pdf') }} --}}
<button type="button" id="confirmInvc" class="btn btn-warning btn-block btn-sm text-nowrap" <button type="button" id="confirmInvc" class="btn btn-warning btn-block btn-sm text-nowrap" data-bs-toggle="modal" data-bs-target="#mdlConfirmInvc" data-id={{ $x->invc_id }} data-code={{ $x->invc_code }}>
data-bs-toggle="modal" data-bs-target="#mdlConfirmInvc"
data-id={{ $x->invc_id }} data-code={{ $x->invc_code }}>
Konfirmasi Pembayaran</button> Konfirmasi Pembayaran</button>
@endif @endif
{{-- {{ asset('pdf/invoice.pdf') }} --}} {{-- {{ asset('pdf/invoice.pdf') }} --}}
@ -635,21 +606,21 @@
</div> </div>
@else @else
@if ($y[0]->amt_bill_confirm !== 0) @if ($y[0]->amt_bill_confirm !== 0)
<div class="card-footer"> <div class="card-footer">
<div class="row d-flex align-items-center justify-content-between"> <div class="row d-flex align-items-center justify-content-between">
<div class="col-8"> <div class="col-8">
<p class="mb-0"><span class="fw-bold">Nilai yang diterima:</span> <span class="fw-bold">Rp{{ number_format($y[0]->amt_bill_confirm, 0, ',', '.') }}</span></p> <p class="mb-0"><span class="fw-bold">Nilai yang diterima:</span> <span class="fw-bold">Rp{{ number_format($y[0]->amt_bill_confirm, 0, ',', '.') }}</span></p>
<p class="mb-0"><span class="fw-bold">Keterangan:</span></p> <p class="mb-0"><span class="fw-bold">Keterangan:</span></p>
<p class="mb-0"><span class="">{!! nl2br($y[0]->amt_bill_confirm_note) !!}</span></p> <p class="mb-0"><span class="">{!! nl2br($y[0]->amt_bill_confirm_note) !!}</span></p>
</div>
</div> </div>
</div> </div>
</div>
@endif @endif
@endif @endif
</div> </div>
@php @php
$prev_yi += $yi; $prev_yi += $yi;
@endphp @endphp
@endforeach @endforeach
</div> </div>
</div> </div>
@ -946,7 +917,7 @@
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Batal</button> <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button id="btnSubmitChangePICInvoice" type="button" class="btn btn-sm btn-danger">Ganti</button> <button id="btnSubmitChangePICInvoice" type="button" class="btn btn-sm btn-danger">Ganti</button>
<div id="btnSubmitChangePICInvoiceSpinner" class="d-none"> <div id="btnSubmitChangePICInvoiceSpinner" class="d-none">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
@ -979,25 +950,25 @@
// console.log(data) // console.log(data)
// if(data == 99999999){ // if(data == 99999999){
// let a = ` // let a = `
// <div id="addNewItemContent"> // <div id="addNewItemContent">
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Nama Item</label> // <label for="" class="form-label">Nama Item</label>
// <input type="text" class="form-control"> // <input type="text" class="form-control">
// </div> // </div>
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Satuan</label> // <label for="" class="form-label">Satuan</label>
// <select name="" id="" class="select2 form-control" style="width: 100% !important"> // <select name="" id="" class="select2 form-control" style="width: 100% !important">
// <option value="none" selected disabled>Belum ada satuan yang dipilih</option> // <option value="none" selected disabled>Belum ada satuan yang dipilih</option>
// <option value="">Paket</option> // <option value="">Paket</option>
// <option value="">Unit</option> // <option value="">Unit</option>
// <option value="">Pcs</option> // <option value="">Pcs</option>
// </select> // </select>
// </div> // </div>
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Harga</label> // <label for="" class="form-label">Harga</label>
// <input type="number" class="form-control"> // <input type="number" class="form-control">
// </div> // </div>
// ` // `
// $('#addNewItemWrapper').html(a) // $('#addNewItemWrapper').html(a)
// $('.select2').select2({ // $('.select2').select2({
// dropdownParent: $('#mdlAddItem') // dropdownParent: $('#mdlAddItem')
@ -1013,61 +984,61 @@
// // fixed // // fixed
// if(data == 1){ // if(data == 1){
// let a = ` // let a = `
// <div id="disFieldContent"> // <div id="disFieldContent">
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Besaran Diskon (Rp)</label> // <label for="" class="form-label">Besaran Diskon (Rp)</label>
// <input class="form-control" type="number" id=""> // <input class="form-control" type="number" id="">
// </div> // </div>
// </div> // </div>
// ` // `
// $('#disFieldContent').remove() // $('#disFieldContent').remove()
// $('#disFieldWrapper').html(a) // $('#disFieldWrapper').html(a)
// } else if (data == 2) { // } else if (data == 2) {
// let a = ` // let a = `
// <div id="disFieldContent"> // <div id="disFieldContent">
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Masukkan Diskon (%)</label> // <label for="" class="form-label">Masukkan Diskon (%)</label>
// <input class="form-control" type="number" min="1" max="100" id=""> // <input class="form-control" type="number" min="1" max="100" id="">
// </div> // </div>
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Besaran Diskon (Rp)</label> // <label for="" class="form-label">Besaran Diskon (Rp)</label>
// <input class="form-control" type="number" id="" readonly> // <input class="form-control" type="number" id="" readonly>
// </div> // </div>
// </div> // </div>
// ` // `
// $('#disFieldContent').remove() // $('#disFieldContent').remove()
// $('#disFieldWrapper').html(a) // $('#disFieldWrapper').html(a)
// } else { // } else {
// $('#disFieldContent').remove() // $('#disFieldContent').remove()
// } // }
// if(data == 99999999){ // if(data == 99999999){
// let a = ` // let a = `
// <div id="addNewItemContent"> // <div id="addNewItemContent">
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Nama Item</label> // <label for="" class="form-label">Nama Item</label>
// <input type="text" class="form-control"> // <input type="text" class="form-control">
// </div> // </div>
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Satuan</label> // <label for="" class="form-label">Satuan</label>
// <select name="" id="" class="select2 form-control" style="width: 100% !important"> // <select name="" id="" class="select2 form-control" style="width: 100% !important">
// <option value="none" selected disabled>Belum ada satuan yang dipilih</option> // <option value="none" selected disabled>Belum ada satuan yang dipilih</option>
// <option value="">Paket</option> // <option value="">Paket</option>
// <option value="">Unit</option> // <option value="">Unit</option>
// <option value="">Pcs</option> // <option value="">Pcs</option>
// </select> // </select>
// </div> // </div>
// <div class="mb-3"> // <div class="mb-3">
// <label for="" class="form-label">Harga</label> // <label for="" class="form-label">Harga</label>
// <input type="number" class="form-control"> // <input type="number" class="form-control">
// </div> // </div>
// ` // `
// $('#addNewItemWrapper').html(a) // $('#addNewItemWrapper').html(a)
// $('.select2').select2({ // $('.select2').select2({
// dropdownParent: $('#mdlAddItem') // dropdownParent: $('#mdlAddItem')
// }); // });
// } else { // } else {
// $('#addNewItemContent').remove() // $('#addNewItemContent').remove()
// } // }
// }) // })
</script> </script>
<script> <script>
@ -1194,7 +1165,7 @@
OrdView.event(); OrdView.event();
OrdView.initDateAdtPoints(); OrdView.initDateAdtPoints();
}, },
event: function() { }, event: function() {},
reqShowAItem: function(params) { reqShowAItem: function(params) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
$.ajax({ $.ajax({
@ -1272,7 +1243,7 @@
}); });
// input // input
$('#add-item_price').on('keyup', function() { $('#add-item_price').on('keyup', function() {
let price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g,"."); let price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g, ".");
$('#add-item_price').val((new Intl.NumberFormat('id-ID')).format(price)); $('#add-item_price').val((new Intl.NumberFormat('id-ID')).format(price));
}); });
// submit // submit
@ -1287,7 +1258,7 @@
}, },
eventTax: function() { eventTax: function() {
// client // client
$('#add-item_bill_tax_type').on('change', function () { $('#add-item_bill_tax_type').on('change', function() {
const val = $('#add-item_bill_tax_type').val(); const val = $('#add-item_bill_tax_type').val();
if (val == State.tax_type.include) { if (val == State.tax_type.include) {
$('.groupTaxBill').removeClass('d-none'); $('.groupTaxBill').removeClass('d-none');
@ -1361,10 +1332,9 @@
qty: Number($('#add-item_qty').val()), qty: Number($('#add-item_qty').val()),
}; };
let slcType = $('#slcItem option:selected'); let slcType = $('#slcItem option:selected');
if (slcType.val() === 'new') { if (slcType.val() === 'new') {
calc.price = Number($('#add-item_price').val().split('.').join('')); calc.price = Number($('#add-item_price').val().split('.').join(''));
} else if (slcType.val() === '') { } else if (slcType.val() === '') {} else {
} else {
calc.price = Number(slcType.data('price')); calc.price = Number(slcType.data('price'));
} }
} }
@ -1392,19 +1362,18 @@
const data = {}; const data = {};
let slcType = $('#slcItem option:selected'); let slcType = $('#slcItem option:selected');
if (slcType.val() === 'new') { if (slcType.val() === 'new') {
data.a_id = '00'; data.a_id = '00';
data.a_name = $('#add-item_name').val(); data.a_name = $('#add-item_name').val();
data.a_type = $('#add-item_type').val(); data.a_type = $('#add-item_type').val();
data.a_price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g,"."); data.a_price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g, ".");
data.a_invc_price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g,"."); data.a_invc_price = $('#add-item_price').val().split('.').join('').replace(/[$,]+/g, ".");
if($('#add-item_isAdmPrice').prop('checked')) { if ($('#add-item_isAdmPrice').prop('checked')) {
data.is_adm_price = State.is_adm_price.yes data.is_adm_price = State.is_adm_price.yes
} else { } else {
data.is_adm_price = State.is_adm_price.no data.is_adm_price = State.is_adm_price.no
} }
} else if (slcType.val() === '') { } else if (slcType.val() === '') {} else {
} else {
data.a_id = slcType.val(); // id data.a_id = slcType.val(); // id
data.a_name = slcType.data('name'); data.a_name = slcType.data('name');
data.a_type = slcType.data('type'); data.a_type = slcType.data('type');
@ -1565,7 +1534,7 @@
$('#discFlat').val((new Intl.NumberFormat('id-ID')).format($('#subTotal').data('discflat'))); $('#discFlat').val((new Intl.NumberFormat('id-ID')).format($('#subTotal').data('discflat')));
// input // input
$('#discFlat').on('keyup', function() { $('#discFlat').on('keyup', function() {
let price = $('#discFlat').val().split('.').join('').replace(/[$,]+/g,"."); let price = $('#discFlat').val().split('.').join('').replace(/[$,]+/g, ".");
if (Number(price) < 1) { if (Number(price) < 1) {
Helper.toast('Warning', 'just now', 'Besaran diskon wajib diisi'); Helper.toast('Warning', 'just now', 'Besaran diskon wajib diisi');
} }
@ -1622,7 +1591,7 @@
}, },
getData: function(type = 'save_disc') { getData: function(type = 'save_disc') {
const data = {}; const data = {};
data.ord_id = State.ord_id; data.ord_id = State.ord_id;
data.ord_code = State.ord_code; data.ord_code = State.ord_code;
data.termin_id = $('#subTotal').data('terminid'); data.termin_id = $('#subTotal').data('terminid');
@ -1642,11 +1611,11 @@
if (type === 'save_disc') { if (type === 'save_disc') {
let discType = $('#addDisc option:selected'); let discType = $('#addDisc option:selected');
data.disc_type = discType.val(); data.disc_type = discType.val();
if (data.disc_type == State.invc_amt_type.flat || data.disc_type == State.invc_amt_type.percent) { } else { if (data.disc_type == State.invc_amt_type.flat || data.disc_type == State.invc_amt_type.percent) {} else {
data.disc_type = 0; data.disc_type = 0;
} }
data.disc_percent = Number($('#discPercent').val()); data.disc_percent = Number($('#discPercent').val());
data.disc_flat = Number($('#discFlat').val().split('.').join('').replace(/[$,]+/g,".")); data.disc_flat = Number($('#discFlat').val().split('.').join('').replace(/[$,]+/g, "."));
} else { } else {
data.disc_type = Number($('#subTotal').data('disctype')); data.disc_type = Number($('#subTotal').data('disctype'));
data.disc_percent = Number($('#subTotal').data('discpercent')); data.disc_percent = Number($('#subTotal').data('discpercent'));
@ -1786,7 +1755,7 @@
dropdownParent: $('#mdlTax') dropdownParent: $('#mdlTax')
}); });
// event select // event select
$('#add-invc_tax_type').on('change', function () { $('#add-invc_tax_type').on('change', function() {
const val = $('#add-invc_tax_type').val(); const val = $('#add-invc_tax_type').val();
if (val == State.tax_type.include) { if (val == State.tax_type.include) {
$('.groupTaxTax').removeClass('d-none'); $('.groupTaxTax').removeClass('d-none');
@ -1823,7 +1792,7 @@
}, },
getData: function() { getData: function() {
const data = {}; const data = {};
data.ord_id = State.ord_id; data.ord_id = State.ord_id;
data.ord_code = State.ord_code; data.ord_code = State.ord_code;
data.termin_id = $('#subTotal').data('terminid'); data.termin_id = $('#subTotal').data('terminid');
@ -1838,10 +1807,7 @@
return data; return data;
}, },
checkData: function(data, isAlert = false) { checkData: function(data, isAlert = false) {
if (data.invc_tax_type == State.tax_type.without) {} if (data.invc_tax_type == State.tax_type.without) {} else if (data.invc_tax_type == State.tax_type.include) {} else if (data.invc_tax_type == State.tax_type.exclude) {} else {
else if (data.invc_tax_type == State.tax_type.include) {}
else if (data.invc_tax_type == State.tax_type.exclude) {}
else {
if (isAlert) Helper.toast('Warning', 'just now', 'Perpajakan tidak valid'); if (isAlert) Helper.toast('Warning', 'just now', 'Perpajakan tidak valid');
return false; return false;
} }
@ -1924,7 +1890,7 @@
}) })
// input // input
$('#amt_bill_confirm').on('keyup', function() { $('#amt_bill_confirm').on('keyup', function() {
let price = $('#amt_bill_confirm').val().split('.').join('').replace(/[$,]+/g,"."); let price = $('#amt_bill_confirm').val().split('.').join('').replace(/[$,]+/g, ".");
$('#amt_bill_confirm').val((new Intl.NumberFormat('id-ID')).format(price)); $('#amt_bill_confirm').val((new Intl.NumberFormat('id-ID')).format(price));
}); });
// submit // submit
@ -1940,7 +1906,7 @@
data.invc_id = $('#confirmInvc').data('id'); data.invc_id = $('#confirmInvc').data('id');
data.invc_code = $('#confirmInvc').data('code'); data.invc_code = $('#confirmInvc').data('code');
data.amt_invoicing = Number($('#subTotal').data('total')); data.amt_invoicing = Number($('#subTotal').data('total'));
data.amt_bill_confirm = Number($('#amt_bill_confirm').val().split('.').join('').replace(/[$,]+/g,".")); data.amt_bill_confirm = Number($('#amt_bill_confirm').val().split('.').join('').replace(/[$,]+/g, "."));
data.amt_bill_confirm_note = $('#amt_bill_confirm_note').val(); data.amt_bill_confirm_note = $('#amt_bill_confirm_note').val();
return data; return data;
@ -2078,11 +2044,11 @@
const ChangePICInvoice = { const ChangePICInvoice = {
activate: function() { activate: function() {
$('#btnChangePICInvoice').on('click', function () { $('#btnChangePICInvoice').on('click', function() {
$('#mdlChangePICInvoice').modal('show'); $('#mdlChangePICInvoice').modal('show');
}); });
$('#btnSubmitChangePICInvoice').on('click', function () { $('#btnSubmitChangePICInvoice').on('click', function() {
const data = ChangePICInvoice.getData(); const data = ChangePICInvoice.getData();
let isValid = ChangePICInvoice.checkData(data, true); let isValid = ChangePICInvoice.checkData(data, true);
if (!isValid) return false; if (!isValid) return false;

8
resources/views/template/navbar.blade.php
View File

@ -230,20 +230,20 @@
{{-- <p class="mb-0" id="time"></p> --}} {{-- <p class="mb-0" id="time"></p> --}}
</div> </div>
</nav> </nav>
@if ($user_role == \App\Models\Users::ROLE_ADMIN) {{-- @if ($user_role == \App\Models\Users::ROLE_ADMIN)
<div class="sub-nav shadow" id="subNav"> <div class="sub-nav shadow" id="subNav">
<div class="container-fluid"> <div class="container-fluid">
<div class="row d-flex align-items-center"> <div class="row d-flex align-items-center">
<div class="col-auto"> <div class="col-auto">
<p class="text-bold mb-0">FLEET MANAGER</p> <p class="text-bold mb-0">FLEET MANAGER</p>
</div> </div>
{{-- <div class="col-5 d-flex align-items-center"> <div class="col-5 d-flex align-items-center">
<span class="me-2">Company</span> <span class="me-2">Company</span>
<select name="filter-company" class="select2 form-control" id="filter-company" style="width:100%;"> <select name="filter-company" class="select2 form-control" id="filter-company" style="width:100%;">
<option value="all">Semua Company</option> <option value="all">Semua Company</option>
</select> </select>
</div> --}} </div>
</div> </div>
</div> </div>
</div> </div>
@endif @endif --}}