| Path : /var/www/html/jewelry-pos/resources/views/pointToSale/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/jewelry-pos/resources/views/pointToSale/invoice.blade.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{{asset('assets/style.css')}}" />
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>{{__('message.invoice')}} - {{$settings_->shop_name}}</title>
<style>
@media print {
.noPrint{
display:none;
}
}
.middle-table p{
margin-bottom: 0.5rem !important;
font-size: 12px !important;
}
span{
font-family: "Khmer OS Siemreap" !important;
font-size: 12px !important;
}
</style>
</head>
<body class="" style="background-color: #eee">
<div class="row">
<div class="mt-2 noPrint" style="padding-left: 50px;width: 50%">
<a class="btn btn-sm btn-primary" id="cancel" href="{{ route('pointToSale.index')}}"
style="color: black !important;font-weight: bold;font-size: 15px;height: 100%" onclick="window.close();">
<svg class="pr-1" style="width: 20px" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"/>
</svg>
{{__('message.back')}}
</a>
</div>
<div class="mt-2 text-end" style="padding-right: 30px;width: 50%;">
<a onclick="prints();" class="menu-item btn btn-sm btn-primary noPrint" data-action="app-print" data-toggle="tooltip" data-placement="left"
title="Print page" href=""
style="color: black !important;font-weight: bold;font-size: 15px">
<!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
{{__('message.print')}}
<svg style="width: 25px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/>
</svg>
</a>
</div>
</div>
<div class="row" style="margin-top: -10px;">
<div class="col-sm-12 col-xl-12" style="margin: auto;width: 148.5mm;height: 210mm;">
<div class="row" style="font-family: 'Khmer OS Siemreap';">
<div class="col-sm-12 col-xl-12 mt-4" id="invoice">
<div class="col-sm-12 col-xl-12">
<div class="row g-0 p-2 container shadow-3 bg-white">
<div class="col-2 logo-gia text-center" style="margin-top: -10px">
<img src="{{asset($settings_->logo)}}" alt="" class="p-0" style="width: 100%;">
</div>
<div class="col" style="font-family: 'Khmer OS Siemreap';font-size: 14px !important;font-weight: bold;margin: 10px;">
<h2 class="text-center fs-6" style="margin-bottom: 3px;font-size: 19px !important;">ហាងមាសពេជ្រ ក្រោន</h2>
<div class="text-center" style="width: 20rem;">
<p class="title-name fs-7" style="font-family: 'Khmer OS Battambang';margin-bottom: 0;font-size: 13px !important;">CROWN JEWELRY</p>
</div>
</div>
<div class="col logo-diamon mt-4 text-center">
</div>
<div class="table-address" style="margin-left: 20px;padding: 0;margin-top: -8px">
<p class="address fs-7" id="txt" style="font-size: 12px !important;"></p>
<p class="phone-number fs-7" style="font-size: 12px;margin-bottom: 10px">លេខទូរស័ព្ទៈ <b>{{$settings_->phone}}</b></p>
</div>
<script>
var txt = '{{ $settings_->address }}';
var val = txt.replace(',' , '<br>');
document.getElementById('txt').innerHTML = val;
</script>
<div class="col" style="padding-left: 20px">
<div class="border-head mb-1" style="margin-top: -10px;margin-right: 20px"></div>
<div class="row ">
<div class="col table-info ml-2">
<p style="font-size: 10px">
Customer ID : ................
<br>
Customer Name : ...............
<br>
Phone : ..............
</p>
</div>
<div class="col table-info" style="text-align: end;margin-right: 20px">
<p style="font-size: 10px">
Invoice N<label style="font-size: 10px;">O</label> : ..................
<br>
Invoice Date : {{now()->toDateTimeString()}}
<br>
Cashier : <b>{{$cashie->name}}</b>
</p>
</div>
</div>
<div class="invoices" style="margin-right: 20px;">
<h4 class="text-center fw-bold" style="font-size: 13px">វិក្កយបត្រ<br>PREVIEW INVOICE</h4>
<table class="table table-bordered item-table " border="2">
<thead>
<tr>
<th scope="col" class="text-center" style="font-family: 'Khmer OS Siemreap';padding: 3px 0 !important;font-size: 11px !important;">កូដទំនិញ
<br>
Item Code
</th>
<!-- <th rowspan="2"></th> -->
<th class="text-center" colspan="3" style="font-family: 'Khmer OS Siemreap';padding: 2px 10px !important;font-size: 11px !important;">ឈ្មោះទំនិញ
<br>
Description
</th>
<th class="text-center" scope="col" style="font-family: 'Khmer OS Siemreap';padding: 0 0 !important;font-size: 11px !important;">ចំនួន
<br>
Qty
</th>
<th class="text-center" scope="col" style="font-family: 'Khmer OS Siemreap';padding: 2px 5px !important;font-size: 11px !important;">តម្លៃ
<br>
Price
</th>
<th class="text-center" scope="col" style="font-family: 'Khmer OS Siemreap';padding: 2px 0 !important;font-size: 11px !important;">បញ្ចុះតម្លៃ
<br>
Discount
</th>
<th class="text-center" scope="col" style="font-family: 'Khmer OS Siemreap';padding: 2px 2px !important;font-size: 11px !important;">តម្លៃសរុប
<br>
Amount
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8">
<div class="row" style="padding: 0 !important;margin: 0 !important;margin-top: 5px !important;">
<div class="col" style="margin-top: -5px;">
<div class="row main-item border-bottom" style="border: 1px; border-bottom-style: dotted;font-size: 12px;display: flex;justify-content: space-between;align-items: center">
<div class="col-2 p-0" id="part_number" style="line-height: 20px;">{{$product->part_number}}</div>
<div class="col-3 text-center p-0">
<span id="not_upgrade" style="font-family: 'Khmer OS Siemreap';font-size: 12px;">{{$product->name}} @if($product->productCategory->name == $product->name) @else{{$productCategory->name??''}} @endif</span>
<span id="upgrade" class="d-none" style="font-family: 'Khmer OS Siemreap';font-size: 12px;">{{$product->name}} @if($product->productCategory->name == $product->name) @else{{$productCategory->name??''}} @endif</span>
</div>
<div class="col-1 text-center p-0">{{$qty??$product->qty}}</div>
{{-- <div class="col-2 text-center p-0">{{number_format($product->sellingPrice() , 2)}} {{$currency_->currency_symbol}}</div>--}}
<div class="col-2 text-center p-0"><span id="sellingPrice"></span> {{$currency_->currency_symbol}}</div>
<div class="col-1 text-center p-0" style="width: 12.499999995%">{{$discount}} {{$currency_->currency_symbol}}</div>
<div class="col-2 text-end p-0"><span id="amount" class="usdAmountLocal fw-bold"></span> {{$currency_->currency_symbol}}</div>
</div>
</div>
</div>
<div class="col">
<div class="row middle-table">
<div class="col" style="margin-top: 10px !important;">
<img src="{{ !empty($product->image) ? asset($product->image) : '' }}" alt=""
width="25%" style="margin-left: 10px">
<div id="add_html">
<img src='{{ !empty($product->image) ? "" : "/no_image.png" }}' width='25%' style='margin-left: 10px'>
</div>
</div>
<div class="col mt-2" style="margin-left: -50%; padding-right: 10pX;">
<div class="row g-0" style=" border-bottom: 2px solid #673091 !important;font-size: 13px">
<div class="col ">
<span class="desc-text" style="font-family: 'Khmer OS Siemreap'">បរិយាយ</span>
</div>
<div class="col">
<span class="desc-text" style="font-family: 'Khmer OS Siemreap'">ចំនួន / ទម្ងន់</span>
</div>
<div class="border-bottom border-success border-opacity-25"></div>
</div>
<div class="row g-0 pb-1 border-bottom" style="margin-top: 0px; border: 1px; border-bottom-style: dotted;font-size: 11px">
<div class="col">
<span class="desc-child-text desc-text" style="font-family: 'Khmer OS Siemreap'">ទម្ងន់/Weight (L)</span>
</div>
<div class="col">
<span class="desc-child-text m-2">
{{number_format($w??$product->weight , 2)}}
@if($product->weight_description)
({{$product->weight_description}})
@endif
</span>
</div>
</div>
<div class="row g-0 pb-1 border-bottom" style="margin-top: 0px; border: 1px; border-bottom-style: dotted;font-size: 11px">
<div class="col">
<span class="desc-child-text desc-text" style="font-family: 'Khmer OS Siemreap'">អត្រា/Rate</span>
</div>
<div class="col">
<span class="desc-child-text m-2" id="selling_rate">
</span>
</div>
</div>
<div class="row g-0 pb-1 border-bottom" style="margin-top: 0px; border: 1px; border-bottom-style: dotted;font-size: 11px">
<div class="col">
<span class="desc-child-text desc-text" style="font-family: 'Khmer OS Siemreap'">ឈ្នួល/Fee</span>
</div>
<div class="col">
{{-- <span class="desc-child-text m-2">{{$wg??$product->selling_wagesInWeight()}}--}}
<span class="desc-child-text m-2">
@if($product->productCategory->fixed_price == true || $product->fixed_price == true)
{{$wg??$product->wages}} {{$currency_->currency_symbol}}
@else
{{$wg??$product->wages_in_weight}}
@endif
</span>
</div>
</div>
<div class="row g-0 mt-1" id="html_diamond_size" style="font-size: 11px">
<div class="col">
<div class="row border-bottom text-left" style="width: 100% !important;margin-left: 0;">
<div class="col p-0">
<span class="desc-child-text desc-text">ប្រភេទពេជ្រ</span>
</div>
<div class="col p-0">
<span class="desc-child-text desc-text">ទំហំពេជ្រ</span>
</div>
</div>
<div class="row text-left" style="width: 100% !important;margin-left: 0">
<span id="diamondSize">
</span>
</div>
</div>
</div>
<script>
$(document).ready(function (){
html = '';
let getLocalDiamond = localStorage.getItem('diamondLocal');
if(getLocalDiamond === ' ' || getLocalDiamond === '' || !getLocalDiamond){
$('#html_diamond_size').html(html);
$('#html_diamond_size').removeAttr('style');
}
var str = getLocalDiamond;
// alert(str)
str = str.replaceAll(/(?:\r\n|\r|\n)/g, '</p>').replaceAll('<br/>','</p>').replaceAll('<br>','</p>').replaceAll(' ','').replaceAll(' ','</p>');
var row = str.split('</p>') ;
var column='';
for(var i=0; i<row.length; i++){
if(row[i]){
row[i]= row[i].replace('<p>','')
column = row[i].split(':');
console.log(row)
$('#diamondSize').append('<div class="row g-0 pb-1 border-bottom" style="margin-top: 0px; border: 1px; border-bottom-style: dotted;font-size: 11px"> <div class="col"> <span class="" style="font-family: \'Khmer OS Siemreap\'">'+column[0]+'</span> </div> <div class="col"> <span class="desc-child-text m-2">'+column[1]+'</span> </div> </div>');
}
}
$('p').filter(function(){
return this.innerHTML == ' ';
}).remove();
});
</script>
@if(count($product->productAttributes) != 0)
<div class="row border-bottom text-left" style="width: 100% !important;margin-left: 0;">
<div class="col p-0">
<span class="desc-child-text desc-text">ទំហំត្បូង</span>
</div>
<div class="col p-0">
<span class="desc-child-text desc-text">បរិមាណត្បូង</span>
</div>
</div>
<?php
$prices = 0;
?>
@foreach($product->productAttributes as $index => $productAttribute)
<?php
$arr_name = preg_split('/\r\n|\r|\n/', $productAttribute->name);
$arr_qty = preg_split('/\r\n|\r|\n/', $productAttribute->qty);
$prices = $prices + $productAttribute->price;
?>
@foreach($arr_name as $i => $name)
@if(isset($arr_qty[$i]) && $name)
<div class="row g-0 pb-1 border-bottom" id="border" style="margin-top: 0px; border: 1px; border-bottom-style: dotted;">
<div class="col">
<span class="desc-child-text desc-text" style="font-family: 'Khmer OS Siemreap'">{!! $name!!}</span>
</div>
<div class="col">
<span class="desc-child-text m-2">{{$arr_qty[$i]}}</span>
</div>
</div>
@endif
@endforeach
@endforeach
<div class="col" style="display: flex;justify-content: end;align-items: center">
<span class="text-center" style="width: 100%">តម្លៃត្បូងសរុប = {{number_format($prices , 2)}} {{$currency_->currency_symbol}}</span>
</div>
@endif
@if($product->description && $product->description != '<p>0</p>')
<div class="row g-0 mt-1" id="description_html" style=" border: 1px; border-bottom-style: dotted;font-size: 11px">
<div class="col">
<span class="desc-child-text desc-text" style="font-family: 'Khmer OS Siemreap'">បរិយាយ/Description</span>
</div>
<div class="col" style="line-height: 10px">
{!!$product->description!!}
</div>
</div>
@endif
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- <table > -->
<div class="foot-tage row" style="margin-top: -10px !important;">
<div class="col col-sm-7" style="padding: 0">
<ol style="font-size: 9px;margin: 0;padding: 0;margin-left: 12px">
<h7>
<b style="font-size: 10px">* លក្ខណ៍ក្នុងការលក់ និង ដូរម៉ូត</b>
</h7>
<li>គ្រឿងអលង្ការមាសលក់វិញខាតឈ្នួល</li>
<li>គ្រឿងអលង្ការផ្លាក់ទីនលក់វិញខាត 0.5 ទឹកនិងឈ្នួល</li>
<li>គ្រឿងដាំពេជ្រលក់វិញខាត ៥% និងឈ្នួល ប្ដូរម៉ូតខាត ៣% និងឈ្នួល</li>
<li>ផ្លាកទីនអ៊ីតាលី 18k លក់វិញទឹក 7 បើបែកបាក់លក់វិញទឹក5</li>
<li>ទំហំពេជ្រធំជាង 5 លីឡើង លក់វិញខាត 10%និងឈ្នួល ប្ដូរម៉ូតខាត 5% និងឈ្នួល</li>
<li>ស្នាយ ពែក្ស គុជ និង ត្បូងផ្សេងៗ អត់ទិញចូលវិញ</li>
</ol>
<ol style="font-size: 9px;margin:0;padding:0;margin-left: 12px">
<h7>
<b style="font-size: 10px">* លក្ខណ៍ក្នុងការលក់ និង ដូរម៉ូតរយះពេល ១ ទៅ ៧ ថ្ងៃ</b>
</h7>
<li>គ្រឿងអលង្ការដែលមានទំហំត្បូងពេជ្រ៥លីចុះក្រោម លក់វិញខាត៣%និងឈ្នួល ប្ដូរម៉ូតខាត១%និងឈ្នួល</li>
<li>គ្រឿងអលង្ការដែលមានទំហំត្បូងពេជ្រ៥លីឡើង លក់វិញខាត៥%និងឈ្នួល ប្ដូរម៉ូតខាត៣%និងឈ្នួល</li>
</ol>
</div>
<div class="col sub-footer col-sm-5" style="text-align: end;">
<table class="" style="width: 100%;font-size: 10px">
<tbody>
<tr>
<td class="fw-bold">Amount :</td>
<td class="fw-bold"><span class="usdAmountLocal" style="font-size: 12px">0.00</span><span>{{$currency_->currency_symbol}}</span></td>
</tr>
<tr>
<td class="fw-bold">Discount :</td>
<td><span id="discount"></span><span>{{$currency_->currency_symbol}}</span></td>
</tr>
<tr>
<td class="fw-bold">Grand Total :</td>
<td class="fw-bold"><span class="usdAmountLocal1" style="font-size: 12px">0.00</span><span>{{$currency_->currency_symbol}}</span></td>
</tr>
<tr>
<td class="fw-bold">USD :</td>
<td class="fw-bold"><span id="usd" style="font-size: 12px">0.00</span><span>{{$currency_->currency_symbol}}</span></td>
</tr>
<tr>
<td class="fw-bold">KHR :</td>
<td class="fw-bold"><span id="khr" style="font-size: 12px">0.00</span><span style="font-family: 'Khmer OS Battambang'"> ៛</span></td>
</tr>
<tr>
<td class="fw-bold">THB :</td>
<td class="fw-bold"><span id="thb" style="font-size: 12px">0.00</span><span>B</span></td>
</tr>
</tbody>
</table>
<div class="sale-name text-center mt-2" >
<span style="font-family: 'Khmer OS Siemreap';font-weight: bold;font-size: 12px">អ្នកលក់</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.11.3/JsBarcode.all.min.js"></script>
<script>
function prints(){
window.print();
setTimeout(function closePrintView(){
window.location.href = "{{route('pointToSale.index')}}";
}, 1000);
}
let a = localStorage.getItem('parseQ');
if(a){
var total_grandLocal = parseFloat(localStorage.getItem('DolarAmountLocal')).toFixed(2);
var discountLocal = parseFloat(localStorage.getItem('discountLocal')).toFixed(2);
var upgrade_purity = localStorage.getItem('upgrade_purity');
if('{{$wg}}' == 0 && upgrade_purity != 0){
$('#upgrade').removeClass('d-none');
$('#not_upgrade').addClass('d-none');
}else{
$('#not_upgrade').removeClass('d-none');
$('#upgrade').addClass('d-none');
}
total_grandLocal = total_grandLocal.replace('$' , '');
let after_discount = parseFloat(total_grandLocal) - Number(discountLocal);
$('.usdAmountLocal').html(parseFloat(total_grandLocal).toFixed(2));
$('#sellingPrice').html(parseFloat(total_grandLocal/'{{$qty??$product->qty}}').toFixed(2));
$('.usdAmountLocal1').html(parseFloat(after_discount).toFixed(2));
$('#discount').html(parseFloat(discountLocal).toFixed(2));
var selling_rate = localStorage.getItem('selling_rate');
$('#selling_rate').html(parseFloat(selling_rate).toFixed(4) + ' {{$currency_->currency_symbol}}');
}else{
$(document).ready(function (){
let dolarAmountLocal = parseFloat(localStorage.getItem('DolarAmountLocal')).toFixed(2);
if(dolarAmountLocal){
$('.usdAmountLocal').html(dolarAmountLocal);
}
});
setTimeout(function (){
localStorage.clear();
}, 1000)
}
</script>
<script>
$(document).ready(function() {
$("#js-nav-menu").removeClass('active');
$("#js-nav-menu li ul li").removeClass('active');
$("#menu_sales").addClass('active')
})
</script>
</body>
</html>