Anons79 Mini Shell
Anons79 Mini Shell
| Directory : /home/aplikasiposinfo/public_html/coba.fixmate.id/resources/views/penjualan/ |
| Current File : /home/aplikasiposinfo/public_html/coba.fixmate.id/resources/views/penjualan/index.blade.php |
@extends('layouts.app', ['title' => 'Transaksi Penjualan'])
@section('content')
@push('styles')
<!-- JQuery DataTable Css -->
<link href="{{ url('material') }}/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css" rel="stylesheet">
<!-- JQuery DataTable Css -->
@endpush
@push('scripts')
{{-- data Table --}}
<script src="{{ url('material') }}/js/pages/tables/jquery-datatable.js"></script>
<script src="{{ url('material') }}/plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src="{{ url('material') }}/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
{{-- data Table --}}
<script>
document.addEventListener("DOMContentLoaded", function() {
const select_infobox = document.getElementById('select_infobox');
const infobox = document.getElementById('infobox');
if (select_infobox.value == "0") {
infobox.style.display = 'none';
}
select_infobox.addEventListener("change", function() {
if (select_infobox.value == "1") {
infobox.style.display = 'block';
infobox.style.opacity = '1';
} else {
infobox.style.display = 'none';
infobox.style.opacity = '0';
}
});
});
</script>
<script>
$(document).on('change','.pilih-banyak',function(){
pilihBanyakData();
});
function pilihBanyakData(){
var dataIds = [];
document.querySelectorAll(".pilih-banyak").forEach(function (checkbox) {
if (checkbox.checked) {
dataIds.push(checkbox.value);
} else {
var findIndex = dataIds.indexOf(checkbox.value);
if(findIndex > -1){
dataIds.splice(findIndex, 1);
}
}
});
document.getElementById("pilih-banyak-id").value = dataIds;
}
</script>
@endpush
<style>
#infobox {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
</style>
<div class="container-fluid">
<div class="block-header">
<h2>Transaksi Penjualan</h2>
</div>
<div class="row clearfix">
<!-- Task Info -->
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="card">
<div class="body">
@include('layouts.includes.filter')
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-lime ">shopping_cart</i>Total
Order</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h2>{{ $jumlah_penjualan }}</h2>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-blue ">add_shopping_cart</i>Total Barang
Terjual
</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h2>{{ $barang_terjual }}</h2>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-red ">money_off</i>
Retur Penjualan</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h2>{{ $jumlah_retur_penjualan }}</h2>
</div>
</div>
</div>
</div>
</div>
@if (\Helper::hakAkses('dashboard_admin', 'view'))
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-green ">attach_money</i>Omset
</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($omset) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2>
<i class="material-icons col-amber ">attach_money</i>Omset Cash
</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($omset_cash) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-blue ">attach_money</i>Omset Transfer
</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($omset_transfer) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h2><i class="material-icons col-blue ">attach_money</i>Omset Credit
</h2>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($omset_kredit) }}</h3>
</div>
</div>
</div>
</div>
</div>
@endif
<div id="infobox">
@if (\Helper::hakAkses('dashboard_admin', 'view'))
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-green ">attach_money</i>Uang Muka
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($dp) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-amber ">attach_money</i> Uang Muka Cash
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($dp_cash) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-blue ">attach_money</i>Uang Muka
Transfer
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($dp_transfer) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-blue ">attach_money</i>Uang Muka Kredit
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($dp_kredit) }}</h3>
</div>
</div>
</div>
</div>
</div>
@endif
@if (\Helper::hakAkses('dashboard_admin', 'view'))
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-green ">attach_money</i>Total Uang Muka
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($total_dp) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-amber ">attach_money</i>Total Uang
Muka
Cash
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3>Rp. {{ number_format($total_dp_cash) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-blue ">attach_money</i>Total Uang Muka
Transfer
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($total_dp_transfer) }}</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="card">
<div class="header text-center">
<div>
<h3><i class="material-icons col-blue ">attach_money</i>Total Uang Muka
Kredit
</h3>
</div>
</div>
<div class="body text-center" style="padding-top:0">
<div style="margin-bottom:0px;margin-top:0">
<h3> Rp. {{ number_format($total_dp_kredit) }}</h3>
</div>
</div>
</div>
</div>
</div>
@endif
</div>
<div class="m-b-20">
<select id="select_infobox">
<option value="0">Sembunyikan Informasi</option>
<option value="1">Tampilkan Informasi </option>
</select>
</div>
<div class="m-b-20">
@if (\Helper::hakAkses('penjualan', 'create'))
<a href="{{ route('penjualan.create') }}" class="btn btn-primary">Tambah Penjualan</a>
@endif
</div>
@if (\Helper::hakAkses('penjualan', 'cetak'))
<div class=" row ">
<div class="col-md-2">
<div class=" row">
<div class="col-md-6">
<form action="{{ route('penjualan.cetak') }}" target="_blank"
class="">
<div class="">
<input type="hidden" class="" name="periode" id="daterange"
value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
<input type="hidden" class="form-control" name="periode"
id="daterange"
value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
<input type="hidden" class="form-control" name="pengguna_id"
value="{{ $request->pengguna_id }}">
<input type="hidden" class="form-control" name="excel"
value="0">
</div>
<div class="">
<button type="submit" class="btn bg-light-green waves-effect">
<i class="material-icons">print</i>
<span>Cetak</span>
</button>
</div>
</form>
</div>
<div class="col-md-6">
<form action="{{ route('penjualan.cetak') }}" target="_blank"
class="">
<div class="">
<input type="hidden" class="form-control" name="periode"
id="daterange"
value="@if (isset($periode)) {{ $periode[0] }} - {{ $periode[1] }} @endif">
<input type="hidden" class="form-control" name="pengguna_id"
value="{{ $request->pengguna_id }}">
<input type="hidden" name="excel" value="1">
</div>
<div class="">
<button type="submit" class="btn bg-green waves-effect">
<i class="material-icons">print</i>
<span>Cetak Excel</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endif
<div class="table-responsive">
@php
$bisaHapus = \Helper::hakAkses('penjualan', 'delete');
@endphp
<table class="table table-bordered table-striped table-hover js-basic-example dataTable">
<thead>
<tr>
@if($bisaHapus)
<th>
*
</th>
@endif
<th>No.</th>
<th style="min-width: 80px;">Tanggal Penjualan</th>
{{-- <th style="min-width: 80px;">Tanggal Pelunasan</th> --}}
<th>No.Penjualan</th>
<th>Nama Pelanggan</th>
<th style="min-width: 200px;">List Barang</th>
<th>Status Garansi</th>
<th>Total Harga</th>
<th>Metode Bayar</th>
<th style="min-width: 80px;">Status Pembayaran</th>
<th style="min-width: 80px;">Status Lanjutan</th>
<th>Sales</th>
<th>Kasir</th>
@if (\Helper::hakAkses('penjualan', 'edit'))
<th>Action</th>
@endif
<th style="min-width: 150px!important;">Tools</th>
</tr>
</thead>
<tbody>
@foreach ($datas as $key => $data)
@php
$list = '';
@endphp
@foreach ($data->detail_penjualan as $detail)
@php
if ($detail->akhir_garansi != '') {
$date = strftime('%d-%m-%Y', strtotime($detail->akhir_garansi));
$formatted_date = $date;
} else {
$formatted_date = '-';
}
$diskon = ($detail->diskon / $detail->harga_item) * 100;
$diskon_bulat = ceil($diskon);
if ($diskon_bulat <= 0) {
$persentase_diskon = '-';
} else {
$persentase_diskon = $diskon_bulat . '%';
}
$list .=
$detail->nama_item .
',' .
$detail->harga_item .
',' .
$detail->qty .
',' .
$persentase_diskon .
',' .
$detail->total .
',' .
$formatted_date .
'.';
@endphp
@endforeach
<tr>
@if($bisaHapus)
<td>
<input type="checkbox" id="pilih-banyak-{{ $data->id }}" name="data_id[]" value="{{ $data->id }}" class="pilih-banyak filled-in chk-col-red" />
<label for="pilih-banyak-{{ $data->id }}">Pilih</label>
</td>
@endif
<td>{{ $loop->iteration }}</td>
<td>{{ $data->tanggal_penjualan }}</td>
<td style="min-width:150px;">{{ $data->nomor_nota }}</td>
<td>
<a class="fill-table font-bold font-14" style="text-decoration:none;"
href="#" data-toggle="modal" data-target="#largeModal"
data-nama_pelanggan="{{ $data->pelanggan->nama_pelanggan }}"
data-logo="{{ asset('images/Logo/' . $profil->photo) }}"
data-id="{{ $data->id }}"
data-telp_pelanggan="{{ $data->pelanggan->telp_pelanggan }}"
data-kecamatan_pelanggan="{{ $data->pelanggan->kecamatan_pelanggan }}"
data-status_transaksi="{{ $data->status_pembayaran }}"
data-metode_bayar="{{ $data->metode_bayar }}"
data-alamat_pelanggan="{{ $data->pelanggan->alamat_pelanggan }}"
data-list="{{ $list }}"
data-total="{{ number_format($data->total) }}"
data-uang_bayar="{{ number_format($data->uang_bayar) }}"
data-uang_kembali="{{ number_format($data->uang_bayar - $data->total) }}"
@if (isset($infobox['profil']->photo)) data-logo="{{ asset('images/Logo/' . $infobox['profil']->photo) }}" @endif
data-id="{{ $data->id }}">
{{ $data->pelanggan->nama_pelanggan }}
</a>
<br>({{ $data->pelanggan->telp_pelanggan }})
@if ($data->status_pesan == 0)
<br><span class="label label-danger">Belum dikirim nota</span>
@endif
</td>
<td style="max-width: 300px;">
@foreach ($data->detail_penjualan as $detail)
{!! $detail->nama_item . ',' . '<br>' !!}
@endforeach
</td>
<td>
@foreach ($data->detail_penjualan as $detail)
@if ($detail->akhir_garansi >= now())
<span class="label bg-green">aktif</span><br>
@else
<span class="label bg-orange">kedaluwarsa</span><br>
@endif
@endforeach
</td>
<td>Rp. {{ number_format($data->total) }}</td>
<td>
@if ($data->metode_bayar == 'kredit')
<span class="label bg-orange">{{ $data->metode_bayar }}</span>
@elseif($data->metode_bayar == 'transfer')
<span class="label bg-blue">{{ $data->metode_bayar }}</span>
@else
<span class="label bg-green">{{ $data->metode_bayar }}</span>
@endif
</td>
<td>
@if ($data->status_pembayaran == 'lunas')
<span class="label bg-green">{{ $data->status_pembayaran }}</span>
@elseif($data->status_pembayaran == 'belum lunas')
<span class="label bg-orange">{{ $data->status_pembayaran }}</span>
<br>
@if ($data->status == 'indent')
<span class="label bg-blue">{{ $data->status }}</span>
@endif
@endif
<br>
{{ $data->jam_selesai }}
</td>
<td>
@if($data->status_lanjutan == 'garansi')
<span class="label bg-blue">{{ $data->status_lanjutan }}</span>
@elseif($data->status_lanjutan == 'refund')
<span
class="label bg-light-blue">{{ $data->status_lanjutan }}</span>
@elseif($data->status_lanjutan == 'retur')
<span class="label bg-red">{{ $data->status_lanjutan }}</span>
@endif
</td>
<td>
{{ optional($data->sales)->nama_pengguna }}
</td>
<td>
{{ $data->pengguna ? $data->pengguna->nama_pengguna : '-' }}
</td>
@if (\Helper::hakAkses('penjualan', 'edit'))
<td>
<div class="btn-group btn-block ">
<button type="button"
class="btn btn-default btn-block waves-effect dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a
href="{{ route('pesanWellcomePenjualan', $data->id) }}">Kirim
Nota</a></li>
{{-- @if ($data->status_transaksi != 'cancel')
<li role="separator" class="divider"></li>
<li><a
href="{{ route('service.proses', $data->id) }}?status=cancel">Cancel</a>
</li>
@endif --}}
<li role="separator" class="divider"></li>
<li>
<a title="Garansi" href="{{ route('garansi_penjualan.create', [($id = $data->id)]) }}">
Garansi
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="{{ route('retur_penjualan.create', ['penjualan_id' => $data->id]) }}">
Retur
</a>
</li>
<li role="separator" class="divider"></li>
@if ($data->status_pembayaran == 'belum lunas')
<li><a
href="{{ route('pembayaran_piutang.edit', $data->id) }}">Bayar</a>
</li>
@endif
<li><a
href="{{ route('refund_penjualan.edit', $data->id) }}?status=refund">Refund</a>
</li>
<li><a href="{{ route('pesan_penjualan.edit', $data->id) }}">Kirim
Pesan</a>
</li>
<!-- <li><a href="javascript:void(0);">Batal</a></li> -->
</ul>
</div>
</td>
@endif
<td>
<div style="display: flex; gap: 6px;">
<a title="Chat WA Pelanggan"
href="https://wa.me/{{ '628' . substr($data->pelanggan->telp_pelanggan, 2) }}"
target="blank_" class="btn btn-success waves-effect">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="20" height="20" viewBox="0,0,256,256"
style="fill:#FFFFFF;">
<g fill="#ffffff" fill-rule="nonzero" stroke="none"
stroke-width="1" stroke-linecap="butt"
stroke-linejoin="miter" stroke-miterlimit="10"
stroke-dasharray="" stroke-dashoffset="0"
font-family="none" font-weight="none" font-size="none"
text-anchor="none" style="mix-blend-mode: normal">
<g transform="scale(8.53333,8.53333)">
<path
d="M15,3c-6.627,0 -12,5.373 -12,12c0,2.25121 0.63234,4.35007 1.71094,6.15039l-1.60352,5.84961l5.97461,-1.56836c1.74732,0.99342 3.76446,1.56836 5.91797,1.56836c6.627,0 12,-5.373 12,-12c0,-6.627 -5.373,-12 -12,-12zM10.89258,9.40234c0.195,0 0.39536,-0.00119 0.56836,0.00781c0.214,0.005 0.44692,0.02067 0.66992,0.51367c0.265,0.586 0.84202,2.05608 0.91602,2.20508c0.074,0.149 0.12644,0.32453 0.02344,0.51953c-0.098,0.2 -0.14897,0.32105 -0.29297,0.49805c-0.149,0.172 -0.31227,0.38563 -0.44727,0.51563c-0.149,0.149 -0.30286,0.31238 -0.13086,0.60938c0.172,0.297 0.76934,1.27064 1.65234,2.05664c1.135,1.014 2.09263,1.32561 2.39063,1.47461c0.298,0.149 0.47058,0.12578 0.64258,-0.07422c0.177,-0.195 0.74336,-0.86411 0.94336,-1.16211c0.195,-0.298 0.39406,-0.24644 0.66406,-0.14844c0.274,0.098 1.7352,0.8178 2.0332,0.9668c0.298,0.149 0.49336,0.22275 0.56836,0.34375c0.077,0.125 0.07708,0.72006 -0.16992,1.41406c-0.247,0.693 -1.45991,1.36316 -2.00391,1.41016c-0.549,0.051 -1.06136,0.24677 -3.56836,-0.74023c-3.024,-1.191 -4.93108,-4.28828 -5.08008,-4.48828c-0.149,-0.195 -1.21094,-1.61031 -1.21094,-3.07031c0,-1.465 0.76811,-2.18247 1.03711,-2.48047c0.274,-0.298 0.59492,-0.37109 0.79492,-0.37109z">
</path>
</g>
</g>
</svg>
</a>
@if (\Helper::hakAkses('penjualan', 'edit'))
{{-- <a title="Garansi"
href="{{ route('garansi_penjualan.create', [($id = $data->id)]) }}"
class="btn btn-info waves-effect"><i
class="material-icons">verified_user</i>
</a> --}}
<a title="Edit Data"
href="{{ route('penjualan.edit', [($id = $data->id)]) }}"
class="btn btn-primary"><i
class="material-icons">create</i></a>
@endif
@if (\Helper::hakAkses('penjualan', 'delete'))
<form action="{{ route('penjualan.destroy', $data->id) }}"
method="POST" style="display:inline">
@csrf
@method('DELETE')
<button title="Delete Data" type="submit"
class="btn btn-danger" id="hapus-button"><i
class="material-icons">delete</i></button>
</form>
@endif
</div>
</td>
</tr>
@endforeach
</tbody>
<tfoot>
@if ($bisaHapus)
<tr>
<td colspan="11">
<form action="{{ route('penjualan.multiDelete') }}" method="POST">
@csrf
<input type="hidden" name="data_id" id="pilih-banyak-id" value="">
<button class="btn btn-danger" id="hapus-button">
<i class="material-icons">delete</i>
Hapus Yang Dipilih
</button>
</form>
</td>
</tr>
@endif
</tfoot>
</table>
</div>
</div>
</div>
</div>
<!-- #END# Task Info -->
</div>
</div>
{{-- Modal --}}
<div class="modal fade" id="largeModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class='modal-header bg-purple'>
<h4 class='modal-title' id='largeModalLabel'> Detail Penjualan </h4>
</div>
<div class='modal-body '>
<div>
<img style='width:150px;object-fit:cover;' src='logo'>
</div>
<h2>nama_pelanggan</h2>
<div class='row'>
<table class='font-12 col-sm-9 ' id='table-data'>
<tbody>
<tr>
<td style='max-width:10px'><i class='material-icons'>phone</i></td>
<td style='padding:10px ;max-width:300px'>telp_pelanggan</td>
</tr>
<tr>
<td style='max-width:10px'><i class='material-icons'>place</i></td>
<td style='padding:10px ;max-width:300px'>kecamatan_pelanggan</td>
</tr>
<tr>
<td style='max-width:10px'><i class='material-icons'>home</i></td>
<td style='padding:10px ;max-width:300px'>alamat_pelanggan</td>
</tr>
<tr>
<td></td>
<td class='font-bold font-18 font-underline' style='padding:10px;'>
</td>
</tr>
</tbody>
</table>
<div class='col-sm-3 ' style=' width:200px;'>
<div
style="background-color:#efefef ;text-align:center;border-radius:10px;border:solid 2px #777777;padding-top: 20px;padding-bottom:20px;">
<h1 style="color: #777777;font-size:16px;margin:0px;">status_transaksi</h1>
</div>
</div>
</div>
<table style='width: 100%'>
<thead>
<tr>
<th style='border-bottom: 1px solid #dddddd;padding-bottom:10px'>Item</th>
<th style='border-bottom: 1px solid #dddddd;padding-bottom:10px'>Qty</th>
<th class='text-right' style='border-bottom: 1px solid #dddddd;padding-bottom:20px'>Total
</th>
</tr>
</thead>
<tbody>
<tr>
<td style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>item
<td style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>
2
</td>
<td class='text-right font-bold'
style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>
Rp. totalSparepart</td>
</tr>
<tr>
<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>
<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>
<td class='text-right font-bold'
style='border-bottom: 2px solid #dddddd;padding-top:20px;'>
TOTAL Rp. grandTotal</td>
</tr>
<tr>
<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>
<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>
<td class='text-right font-bold col-teal'
style='border-bottom: 2px solid #dddddd;padding-top:20px;'>TOTAL BAYAR Rp. final</td>
</tr>
</tbody>
</table>
</div>
<div class='modal-footer'>
<a href='service/nota/id' class='btn btn-success'><i class='material-icons'>print</i> <span
class='icon-name'>Kirim Nota</span></a>
<a target='_blank' href='service/rincian/nota/id' class='btn btn-warning'><i
class='material-icons'>print</i> <span class='icon-name'>Cetak</span></a>
<button type='button' class='btn btn-link waves-effect' data-dismiss='modal'>TUTUP</button>
</div>
</div>
</div>
</div>
{{-- Modal --}}
@push('scripts')
<script>
$(document).ready(function() {
$('.fill-table').click(function(e) {
e.preventDefault(); // Menghentikan aksi default dari link
$('.modal-content').empty();
// Mengambil data dari atribut data pada link
var nama_pelanggan = $(this).data('nama_pelanggan');
var telp_pelanggan = $(this).data('telp_pelanggan');
var alamat_pelanggan = $(this).data('alamat_pelanggan');
var kecamatan_pelanggan = $(this).data('kecamatan_pelanggan');
var logo = $(this).data('logo');
var uang_bayar = $(this).data('uang_bayar');
var uang_kembali = $(this).data('uang_kembali');
var id = $(this).data('id');
var total = $(this).data('total');
var metode_bayar = $(this).data('metode_bayar');
var status_transaksi = $(this).data('status_transaksi');
var list = $(this).data('list');
var items = list.split('.');
console.log(items);
var itemList = [];
for (var i = 0; i < items.length; i++) {
var itemQtyPrice = items[i].trim().split(',');
console.log(itemQtyPrice);
if (itemQtyPrice.length === 6) {
var item = itemQtyPrice[0].trim();
var price = itemQtyPrice[1].trim();
var qty = itemQtyPrice[2].trim();
var diskon = itemQtyPrice[3].trim();
var total = itemQtyPrice[4].trim();
var garansi = itemQtyPrice[5].trim();
itemList.push({
item: item,
price: price,
qty: qty,
diskon: diskon,
total: total,
garansi: garansi
});
}
}
var info =
"<div class='modal-header bg-purple'>" +
"<h4 class='modal-title' id='largeModalLabel'> Penjualan Detail </h4>" +
"</div>" +
" <div class='modal-body '>" +
"<div>" +
"<img style='width:150px;object-fit:cover;' src='" + logo + "'>" +
"</div>" +
"<h2>" + nama_pelanggan + "</h2>" +
"<div class='row'>" +
"<table class='font-12 col-sm-9 ' id='table-data'>" +
"<tbody>" +
"<tr>" +
"<td style='max-width:10px'><i class='material-icons'>phone</i></td>" +
"<td style='padding:10px ;max-width:300px'>" + telp_pelanggan + "</td>" +
"</tr>" +
"<tr>" +
"<td style='max-width:10px'><i class='material-icons'>place</i></td>" +
"<td style='padding:10px ;max-width:300px'>" + kecamatan_pelanggan + "</td>" +
"</tr>" +
"<tr>" +
"<td style='max-width:10px'><i class='material-icons'>home</i></td>" +
"<td style='padding:10px ;max-width:300px'>" + alamat_pelanggan + "</td>" +
"</tr>" +
"<tr>" +
"<td style='max-width:10px'><i class='material-icons'>attach_money</i></td>" +
"<td style='padding:10px ;max-width:300px'>" + metode_bayar + "</td>" +
"</tr>" +
"<tr>" +
"<td></td>" +
"<td class='font-bold font-18 font-underline' style='padding:10px;'>" +
"</td>" +
"</tr>" +
"</tbody>" +
"</table>" +
"<div class='col-sm-3 ' style=' width:200px;'>" +
"<div style='background-color:#efefef ;text-align:center;border-radius:10px;border:solid 2px #777777;padding-top: 20px;padding-bottom:20px;'>" +
"<h1 style='color: #777777;font-size:16px;margin:0px;'>" + status_transaksi + "</h1>" +
"</div>" +
"</div>" +
"</div>" +
"<table style='width: 100%'>" +
"<thead>" +
"<tr>" +
"<th style='border-bottom: 1px solid #dddddd;padding-bottom:10px'>Item</th>" +
"<th class='text-center'style='border-bottom: 1px solid #dddddd;padding-bottom:10px'>Harga</th>" +
"<th class='text-right' style='border-bottom: 1px solid #dddddd;padding-bottom:10px;padding-left:10px; padding-right:10px;'>Qty</th>" +
"<th class='text-center' style='border-bottom: 1px solid #dddddd;padding-bottom:10px'>Diskon</th>" +
"<th class='text-center' style='border-bottom: 1px solid #dddddd;padding-bottom:10px;padding-left:10px; padding-right:10px; '>Akhir Garansi</th>" +
"<th class='text-right' style='border-bottom: 1px solid #dddddd;padding-bottom:20px'>Total</th>" +
"</tr>" +
"</thead>" +
"<tbody>";
for (var i = 0; i < itemList.length; i++) {
var item = itemList[i].item;
var price = itemList[i].price;
var qty = itemList[i].qty;
var diskon = itemList[i].diskon;
var total_item = itemList[i].total;
var garansi = itemList[i].garansi;
info += "<tr>" +
"<td style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>" + item +
"</td>" +
"<td class='text-center' style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>" +
price +
"</td>" +
"<td class='text-right' style='border-bottom: 1px dotted #dddddd;padding-top:20px;padding-left:10px; padding-right:10px;'>" +
qty + "</td>" +
"<td class='text-center' style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>" +
diskon +
"</td>" +
"<td class='text-center' font-bold' style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>" +
garansi + "</td>" +
"<td class='text-right font-bold' style='border-bottom: 1px dotted #dddddd;padding-top:20px;'>" +
"Rp. " + total_item + "</td>" +
"</tr>";
}
info += "<tr>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:50px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:50px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:50px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:50px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:50px;'></td>" +
"<td class='text-right font-bold' style='border-bottom: 2px solid #dddddd;padding-top:50px;'>" +
"TOTAL Rp. " + total + "</td>" +
"</tr>" +
"<tr>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td class='text-right font-bold col-teal' style='border-bottom: 2px solid #dddddd;padding-top:20px;'>" +
"UANG BAYAR Rp." + uang_bayar + "</td>" +
"</tr>" +
"<tr>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td style='border-bottom: 2px solid #dddddd;padding-top:20px;'></td>" +
"<td class='text-right font-bold col-teal' style='border-bottom: 2px solid #dddddd;padding-top:20px;'>" +
"UANG KEMBALI Rp." + uang_kembali + "</td>" +
"</tr>" +
"</tbody>" +
"</table>" +
"</div>" +
"<div class='modal-footer'>" +
"<a href='penjualan/kirim/nota/" + id +
"' class='btn btn-success'><i class='material-icons'>print</i> <span class='icon-name'>Kirim Nota</span></a>" +
"<a target='_blank' href='penjualan/nota/" + id +
"' class='btn btn-warning'><i class='material-icons'>print</i> <span class='icon-name'>Cetak</span></a>" +
"<button type='button' class='btn btn-link waves-effect' data-dismiss='modal'>TUTUP</button>" +
"</div>";
$('.modal-content').append(info);
});
});
</script>
@endpush
@endsection