134 lines
8.3 KiB
PHP
134 lines
8.3 KiB
PHP
@extends('layouts.main')
|
|
@section('content')
|
|
<div class="main-content">
|
|
<section class="section">
|
|
<div class="section-body">
|
|
<div class="invoice">
|
|
<div class="invoice-print">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="invoice-title">
|
|
<h2>Invoice</h2>
|
|
<div class="invoice-number">Order #{{ $transaction->id }}</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<address>
|
|
<strong>Pembeli:</strong><br>
|
|
{{ ucwords(strtolower($transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang)) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_pembeli->alamat)) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_pembeli->getVillageName() . ', ' . $transaction->data_pembeli->getDistrictName())) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_pembeli->getCityName() . ', ' . $transaction->data_pembeli->getProvinceName())) }}
|
|
</address>
|
|
</div>
|
|
<div class="col-md-6 text-md-right">
|
|
<address>
|
|
<strong>Penjual:</strong><br>
|
|
{{ ucwords(strtolower($transaction->data_penjual->nama_depan . ' ' . $transaction->data_penjual->nama_belakang)) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_penjual->alamat)) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_penjual->getVillageName() . ', ' . $transaction->data_penjual->getDistrictName())) }}<br>
|
|
{{ ucwords(strtolower($transaction->data_penjual->getCityName() . ', ' . $transaction->data_penjual->getProvinceName())) }}
|
|
</address>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<address>
|
|
<strong>Payment Method:</strong><br>
|
|
Visa ending **** 4242<br>
|
|
npannisa@gmail.com
|
|
</address>
|
|
</div>
|
|
<div class="col-md-6 text-md-right">
|
|
<address>
|
|
<strong>Tanggal Transaksi:</strong><br>
|
|
{{ $transaction->created_at->format('d M Y, g:i') }}<br><br>
|
|
</address>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<div class="col-md-12">
|
|
<div class="section-title">Rangkuman Transaksi</div>
|
|
<p class="section-lead">Semua barang yang didaftarkan dalam transaksi.</p>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-hover table-md" style="font-size: 16px;">
|
|
<tr>
|
|
<th data-width="40">#</th>
|
|
<th>Nama Barang</th>
|
|
<th class="text-center">Harga</th>
|
|
<th class="text-center">Jumlah</th>
|
|
<th class="text-right">Total</th>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>{{ $transaction->nama_barang }}</td>
|
|
<td class="text-center">
|
|
Rp.{{ number_format($transaction->harga_barang, 2, ',', '.') }}</td>
|
|
<td class="text-center">{{ $transaction->jumlah_barang }}</td>
|
|
<td class="text-right">
|
|
Rp.{{ number_format($transaction->total_harga, 2, ',', '.') }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-lg-8">
|
|
<div class="section-title">Metode Pembayaran</div>
|
|
<div class="images">
|
|
@if ($transaction->metode_pembayaran != null)
|
|
<img style="width: 20%; height: 20%;"
|
|
src="{{ asset('assets/img/metode_pembayaran/' . $transaction->metode_pembayaran . '.png') }}"
|
|
alt="{{ $transaction->metode_pembayaran }}">
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 text-right">
|
|
<div class="invoice-detail-item">
|
|
<div class="invoice-detail-name">Subtotal</div>
|
|
<div class="invoice-detail-value">
|
|
Rp.{{ number_format($transaction->total_harga, 2, ',', '.') }}
|
|
</div>
|
|
</div>
|
|
<div class="invoice-detail-item">
|
|
<div class="invoice-detail-name">Biaya Admin</div>
|
|
<div class="invoice-detail-value">
|
|
Rp.{{ number_format($transaction->total_keuntungan, 2, ',', '.') }}
|
|
</div>
|
|
</div>
|
|
<hr class="mt-2 mb-2">
|
|
<div class="invoice-detail-item">
|
|
<div class="invoice-detail-name">Total</div>
|
|
<div class="invoice-detail-value invoice-detail-value-lg">
|
|
Rp.{{ number_format($transaction->total_bayar, 2, ',', '.') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="text-md-right">
|
|
<button class="btn btn-warning btn-icon icon-left" id="btnPDF"
|
|
data-id="{{ $transaction->id }}"><i class="fas fa-print"></i>Print</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#btnPDF').on('click', function() {
|
|
const id = $(this).data('id');
|
|
window.open(
|
|
"{{ route('invoice.export') }}?id=" + id
|
|
);
|
|
});
|
|
});
|
|
</script>
|
|
@endsection
|