File: /var/www/html/fieldsblaze-heroku/resources/views/admin/include/master-order-invoice.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FieldBlaze Admin | Dashboard</title>
{{-- Favicon --}}
<link rel="shortcut icon" href="{{ url('uploads/favicon.png') }}">
<link rel="icon" type="image/png" href="{{ url('uploads/favicon.png') }}">
<!-- Google Font: Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,600&display=swap"
rel="stylesheet">
<!-- Google Font: Nunito -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
rel="stylesheet">
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Tempusdominus Bootstrap 4 -->
<link rel="stylesheet"
href="{{ asset('plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}">
<!-- Select2 -->
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
<!-- Bootstrap4 Duallistbox -->
<link rel="stylesheet" href="{{ asset('plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css') }}">
<!-- BS Stepper -->
<link rel="stylesheet" href="{{ asset('plugins/bs-stepper/css/bs-stepper.min.css') }}">
<!-- dropzonejs -->
<link rel="stylesheet" href="{{ asset('plugins/dropzone/min/dropzone.min.css') }}">
<!-- iCheck -->
<link rel="stylesheet" href="{{ asset('plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
<!-- JQVMap -->
<link rel="stylesheet" href="{{ asset('plugins/jqvmap/jqvmap.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ asset('dist/css/adminlte.min.css') }}">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="{{ asset('plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}">
<!-- Daterange picker -->
<link rel="stylesheet" href="{{ asset('plugins/daterangepicker/daterangepicker.css') }}">
<!-- summernote -->
<link rel="stylesheet" href="{{ asset('plugins/summernote/summernote-bs4.min.css') }}">
<!-- DataTables -->
<link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}">
<!-- SweetAlert2 -->
<link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
<!-- pace-progress -->
<link rel="stylesheet" href="{{ asset('plugins/pace-progress/themes/black/pace-theme-flat-top.css') }}">
<link rel="stylesheet" href="{{ asset('dist/css/cm-style.css') }}">
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
<!-- SweetAlert2 -->
<script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
<style>
.content-wrapper {
margin-left: 0px !important;
}
</style>
</head>
<body class="hold-transition sidebar-mini pace-primary layout-fixed">
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
<!-- Site wrapper -->
<div class="wrapper">
<!-- Navbar -->
<!--Content-->
@yield('content')
<!--Content-->
</div>
<!-- ./wrapper -->
<!-- jQuery UI 1.11.4 -->
<script src="{{ asset('plugins/jquery-ui/jquery-ui.min.js') }}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- jquery-validation -->
<script src="{{ asset('plugins/jquery-validation/jquery.validate.min.js') }}"></script>
<script src="{{ asset('plugins/jquery-validation/additional-methods.min.js') }}"></script>
<!-- Select2 -->
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<!-- Bootstrap4 Duallistbox -->
<script src="{{ asset('plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js') }}"></script>
<!-- ChartJS -->
<script src="{{ asset('plugins/chart.js/Chart.min.js') }}"></script>
<!-- Sparkline -->
<script src="{{ asset('plugins/sparklines/sparkline.js') }}"></script>
<!-- JQVMap -->
<script src="{{ asset('plugins/jqvmap/jquery.vmap.min.js') }}"></script>
<script src="{{ asset('plugins/jqvmap/maps/jquery.vmap.usa.js') }}"></script>
<!-- jQuery Knob Chart -->
<script src="{{ asset('plugins/jquery-knob/jquery.knob.min.js') }}"></script>
<!-- InputMask -->
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('plugins/inputmask/jquery.inputmask.min.js') }}"></script>
<!-- daterangepicker -->
<script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="{{ asset('plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"></script>
<!-- Bootstrap Switch -->
<script src="{{ asset('plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
<!-- BS-Stepper -->
<script src="{{ asset('plugins/bs-stepper/js/bs-stepper.min.js') }}"></script>
<!-- dropzonejs -->
<script src="{{ asset('plugins/dropzone/min/dropzone.min.js') }}"></script>
<!-- Summernote -->
<script src="{{ asset('plugins/summernote/summernote-bs4.min.js') }}"></script>
<!-- bs-custom-file-input -->
<script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
<!-- overlayScrollbars -->
<script src="{{ asset('plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js') }}"></script>
<!-- DataTables & Plugins -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
<script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
<!-- pace-progress -->
<script src="{{ asset('plugins/pace-progress/pace.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('dist/js/adminlte.min.js') }}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="{{ asset('dist/js/pages/dashboard.js') }}"></script>
<!-- AdminLTE for demo purposes -->
<script src="{{ asset('dist/js/demo.js') }}"></script>
<!-- Page specific script -->
<script>
$(function() {
bsCustomFileInput.init();
});
</script>
<!---Tool Tip --->
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script>
$(function() {
//Initialize Select2 Elements
$('.select2').select2()
//Initialize Select2 Elements
$('.select2bs4').select2({
theme: 'bootstrap4'
})
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', {
'placeholder': 'dd/mm/yyyy'
})
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', {
'placeholder': 'mm/dd/yyyy'
})
//Money Euro
$('[data-mask]').inputmask()
//Date of Birth and Wedding anniversary picker
$('#dateOfBirth, #editDateOfBirth, #weddingAnniversary, #editWeddingAnniversary').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
});
//Date picker
$('#reservationdate').datetimepicker({
format: 'L'
});
//Date and time picker
$('#AddCollectionDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
maxDate: new Date(),
// minDate: new Date(),
});
$('#editCollectionDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
// minDate: new Date(),
});
// ExpenseDate Date and time picker
$('#addExpenseDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
defaultDate: new Date(),
});
$('#editExpenseDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
});
//Attendance Date and time picker
$('#attendanceDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
defaultDate: new Date(),
});
$('#editAttendanceDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
});
$('#checkOutAttendanceDate').datetimepicker({
format: 'DD/MM/YYYY',
maxDate: new Date(),
defaultDate: new Date(),
});
//Beat Plan Date
$('#BeatPlanDate, #BeatPlanDateSW').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
minDate: new Date(),
});
//Beat Plan Visit Date and Time
$('#VisitDate').datetimepicker({
// icons: {
// time: 'far fa-clock',
// format: 'DD/MM/YYYY',
// defaultDate: new Date(),
// },
format: 'DD/MM/YYYY',
defaultDate: new Date(),
minDate: new Date(),
});
$('#editVisitDate').datetimepicker({
format: 'DD/MM/YYYY',
});
//Edit Beat Plan Date
$('#editBeatPlanDate, #editBeatPlanDateSW').datetimepicker({
format: 'DD/MM/YYYY',
});
//Date of Leave
$('#dateTo, #editDateTo, #editStartDate, #editEndDate, #PlanDate', '#editPlanDateDw').datetimepicker({
//format: 'L'
format: 'DD/MM/YYYY',
defaultDate: new Date(),
});
//Date of Leave
$('#leaveStartDate, #leaveEndDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
});
$('#editLeaveStartDate, #editLeaveEndDate').datetimepicker({
format: 'DD/MM/YYYY',
});
//Date and time picker
$('#reservationdatetime').datetimepicker({
icons: {
time: 'far fa-clock'
}
});
//Order Book Date
$('#orderBookDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
minDate: new Date(),
maxDate: new Date(),
});
//Edit Order Book Date
$('#editOrderBookDate').datetimepicker({
format: 'DD/MM/YYYY',
});
//Order Delivery Date
$('#orderDeliveryDate').datetimepicker({
format: 'DD/MM/YYYY',
minDate: new Date(),
});
//Edit Delivery Date
$('#editOrderDeliveryDate').datetimepicker({
format: 'DD/MM/YYYY',
minDate: new Date(),
});
// Add Start Date
$('#addStartDate, #addEndDate, #addStockDate, #addstockReturnDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
minDate: new Date(),
});
$('#editStartDate, #editEndDate, #editStockDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
});
$('#editStartDate, #editEndDate, #editStockDate, #editstockReturnDate').datetimepicker({
format: 'DD/MM/YYYY',
defaultDate: new Date(),
});
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY hh:mm A'
}
})
//Date range as a button
$('#daterange-btn').daterangepicker({
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate: moment()
},
function(start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
'MMMM D, YYYY'))
}
)
//Timepicker
$('#timepicker').datetimepicker({
format: 'LT'
})
})
</script>
<!--Active Nav Menu -->
<script>
$(function() {
var url = window.location;
// for single sidebar menu
$('ul.nav-sidebar a').filter(function() {
return this.href == url;
}).addClass('active');
// for sidebar menu and treeview
$('ul.nav-treeview a').filter(function() {
return this.href == url;
}).parentsUntil(".nav-sidebar > .nav-treeview")
.css({
'display': 'block'
})
.addClass('menu-open').prev('a')
.addClass('active');
});
</script>
<!--Checkbox for check all records-->
<script>
$('#checkAll').click(function() {
$('input:checkbox').prop('checked', this.checked);
});
// $('#checkItem, #checkAll').change(function() {
// $('#btn-submit').prop("disabled", !this.checked);
// }).change()
function selectRecordDelete()
{
if($('#checkItem, #checkAll').is(":checked"))
$("#btn-submit").show();
else
$("#btn-submit").hide();
}
</script>
<script>
$(function() {
$("#attendanceTable").DataTable({
// "columnDefs": [
// { "orderable": false, "targets": 1 }
// ],
"responsive": true,
"lengthChange": true,
"autoWidth": false,
"lengthMenu": [10, 20, 50, 100, 250, 500],
"columnDefs": [{ "orderable": false, "targets": 0 }],
"initComplete": function() {
var column = this.api().column(3);
var select = $(
'<select class="filter form-control-sm" style="width: 15%;"><option value="">All Users</option></select>'
)
.appendTo('#selectTriggerFilter')
.on('change', function() {
var val = $(this).val();
column.search(val ? '^' + $(this).val() + '$' : val, true, false)
.draw();
});
column.data().unique().sort().each(function(d, j) {
select.append('<option value="' + d + '">' + d + '</option>');
});
}
//"buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
}).buttons().container().appendTo('#userTable_wrapper .col-md-6:eq(0)');
});
</script>
<!--Target Table-->
<script>
$(function() {
$("#targetTable").DataTable({
"responsive": true,
"lengthChange": true,
"autoWidth": false,
"lengthMenu": [10, 20, 50, 100, 250, 500],
// "initComplete": function() {
// var column = this.api().column(2);
// var select = $(
// '<select class="filter form-control-sm" style="width: 15%;"><option value="">All User</option></select>'
// )
// .appendTo('#selectTriggerFilter')
// .on('change', function() {
// var val = $(this).val();
// column.search(val ? '^' + $(this).val() + '$' : val, true, false)
// .draw();
// });
// column.data().unique().sort().each(function(d, j) {
// select.append('<option value="' + d + '">' + d + '</option>');
// });
// }
//"buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
}).buttons().container().appendTo('#userTable_wrapper .col-md-6:eq(0)');
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#logoutBtn").click(function() {
var Email = $('#Email').val();
var Password = $('#Password').val();
$.ajax({
url: "<?php echo url('/admin/logout/process'); ?>",
type: "POST",
cash: false,
data: {
'Email': Email,
'Password': Password,
"_token": $('#token').val()
},
type: 'POST',
success: function(response) {
var ResponseCode = response.ResponseCode;
var ResponseMessage = response.ResponseMessage;
if (ResponseCode == '200') {
window.location.href = "{{ url('/') }}";
}
},
error: function(response) {
console.log(response);
}
});
});
});
</script>
{{-- Email validation --}}
<script>
$('form').on('blur', '#email, #editEmail, #alternateEmail, #editAlternateEmail, #addEmail, #editEmail', function() {
var email = $(this).val();
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email)) {
Swal.fire({
icon: 'warning',
title: 'Invalid email address!',
showConfirmButton: false,
timer: 2000
});
$(this).val('');
//$(this).focus();
return false;
}
});
</script>
{{-- PAN Number Validation --}}
<script>
$('form').on('change', '#PanNumber, #editPanNumber', function() {
var pan = $(this).val();
var checkPan = /[A-Z]{5}[0-9]{4}[A-Z]{1}$/;
if (!checkPan.test(pan)) {
Swal.fire({
icon: 'warning',
title: 'Invalid PAN number!',
showConfirmButton: false,
timer: 2000
});
$(this).val('');
//$(this).focus();
return false;
}
});
</script>
{{-- GST Validation --}}
<script>
$('form').on('change', '#GstNumber, #editGstNumber', function() {
var pan = $(this).val();
var checkGst = /^([0][1-9]|[1-2][0-9]|[3][0-7])([A-Z]{5})([0-9]{4})([A-Z]{1}[1-9A-Z]{1})([Z]{1})([0-9A-Z]{1})+$/;
if (!checkGst.test(pan)) {
Swal.fire({
icon: 'warning',
title: 'Invalid GST number!',
showConfirmButton: false,
timer: 2000
});
$(this).val('');
//$(this).focus();
return false;
}
});
</script>
{{-- PIN code Validation --}}
<script>
$('form').on('change', '#billingPostalCode, #editBillingPostalCode, #shippingPostalCode, #editShippingPostalCode', function() {
var pan = $(this).val();
var checkPin = /^[1-9][0-9]{5}$/;
if (!checkPin.test(pan)) {
Swal.fire({
icon: 'warning',
title: 'Invalid PIN code!',
showConfirmButton: false,
timer: 2000
});
$(this).val('');
//$(this).focus();
return false;
}
});
</script>
{{-- White Space remove --}}
<script>
// Trim whitespace before and after value in input fields
$('form').on('blur', 'input[type="text"], textarea', function() {
// ES6
// $(this).val((i, value) => value.trim());
// ES5
$(this).val(function(i, value) {
return value.trim();
});
});
$('#amount, #editAmount, #listPrice, #editListPrice, #addKilometer, #editKilometer, #addExpenseAmount, #editExpenseAmount,#addExpenseRate, #editExpenseRate, #editExpenseKilometer, #addProductPrice, #editProductPrice, #addStockProductQuantity, #editStockProductQuantity, #addReturnProductQuantity, #editReturnProductQuantity')
.on('input', function() {
this.value = this.value.match(/^\d+\.?\d{0,2}/);
});
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js">
</script>
<script type="text/javascript">
$("body").on("click", "#donloadbtn", function() {
var invoiceno = document.getElementById("DownloadOrderInvoice").innerText;
//alert(invoiceno);
html2canvas($('#orderinvoice')[0], {
onrendered: function(canvas) {
var data = canvas.toDataURL();
var docDefinition = {
content: [{
image: data,
width: 500
}]
};
pdfMake.createPdf(docDefinition).download(invoiceno+ ".pdf");
}
});
});
</script>
</body>
</html>