CasperSecurity
<div class="row">
<div class="card z-auto p-[25px]" style="min-height: 690px;">
<div class="card-body">
<div class="p-[2.125rem]">
<div class="row flex justify-start">
<div class="xl:w-1/6 mb-2">
<label class="form-label">From Date<span class="text-danger">*</span></label>
<input type="date" wire:model="from_date"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="exampleFormControlInputFrom" placeholder="Enter Date" />
</div>
<div class="xl:w-1/6 mb-2">
<label class="form-label">To Date<span class="text-danger">*</span></label>
<input type="date" wire:model="to_date"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full"
id="exampleFormControlInputTo" placeholder="Enter Date" />
</div>
<div class="xl:w-1/6 mb-2">
<label class="form-label">Filter By</label>
<select wire:model="filter_by" id="filter_by" class="form-control relative text-[13px] text-dark h-[2.813rem] border border-dark block rounded-md py-1.5 px-3 duration-500 dark:hover:border-b-color outline-none w-full">
<option value="">Select</option>
<option value='tender_name'>Project</option>
<option value='client_name'>Client</option>
</select>
</div>
<?php if($filter_by == "tender_name"): ?>
<div class="xl:w-1/4 mb-2" id="search">
<label for="tender_name" class="form-label">Search</label>
<select id="tender_name" name="tender_name" wire:model="search" class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select Project</option>
<?php $__currentLoopData = $tenders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tender): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($tender->id); ?>"><?php echo e($tender->tender_name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<?php elseif($filter_by == "client_name"): ?>
<div class="xl:w-1/4 mb-2" id="search">
<label for="client_name" class="form-label">Search</label>
<select id="client_name" name="client_name" wire:model="search" class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select Client</option>
<?php $__currentLoopData = $clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($client->id); ?>"><?php echo e($client->client_name); ?></option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
</div>
<?php endif; ?>
</div>
<?php if(sizeof($datatable) > 0): ?>
<div class="overflow-x-auto table-scroll">
<div class="card-body table-responsive pt-0" id="Invoice">
<table id="dept_datatable" class="display table w-full">
<tr>
<?php if($org != null): ?>
<td colspan="4">
<center>
<b style="font-size:25px; font-weight:bold;vertical-align:middle;"><?php echo e($org['organisation_name']); ?></b>
</center>
<br>
<center>
<b style="font-size:18px; font-weight:bold;vertical-align:middle;">Invoice Register</b>
</center>
</td>
<?php endif; ?>
</tr>
<tr>
<td colspan="6" style="font-size:18px; border-right:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #fff; font-weight:bold;">
<table style="border: 1px solid #72839e; width:100%;">
<thead>
<tr>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Invoice Date</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Invoice No</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Invoice Cycle</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Project Name</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Client</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Total Quantity</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Gross Amount</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center">Net Amount</th>
</tr>
</thead>
<tbody>
<?php $__currentLoopData = $datatable; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e(\Carbon\Carbon::parse($data->invoice_date)->format('d-m-Y')); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->invoice_no); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->invoice_cycle); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->tender_name); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->client_name); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->total_quantity); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->gross_amount); ?></td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center"><?php echo e($data->net_amount); ?></td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-right">Grand Total:</td>
<td class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center"><?php echo e($total_gross_amount); ?></td>
<td class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-weight-bold text-center"><?php echo e($total_net_amount); ?></td>
</tr>
</tfoot>
</table>
</td>
</tr>
</table>
</div>
</div>
<div class="flex justify-center">
<button class="btn xl:py-[0.719rem] mr-4 py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-danger bg-danger-light leading-5 inline-block border border-danger-light btn-danger light hover:text-white hover:bg-danger offcanvas-close" wire:click="closemodalclick">Cancel</button>
<button class="btn btn-primary xl:py-[0.719rem] py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-white bg-primary leading-5 inline-block border border-primary hover:bg-hover-primary" onclick="downloadclick('Invoice')"><span class="indicator-label">Download</span></button>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php $__env->startSection('externaljs'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
<script>
function downloadclick(divid) {
var element = document.getElementById(divid);
console.log(element);
var Tender = 'Invoice_report.pdf';
var opt = {
margin: [0.5,0.5,0.5,0.5],
filename: Tender,
image: { type: 'jpeg', quality: 100 },
html2canvas: { scale: 1 },
font_size: '12px;',
jsPDF: { unit: 'in', format: 'letter', orientation: 'landscape' },
style: '@media print { @page { size: landscape; } }',
};
html2pdf().from(element).set(opt).toPdf().get('pdf').then(function(pdf) {
var totalPages = pdf.internal.getNumberOfPages();
if (totalPages > 10) {
pdf.deletePage(2); // Remove additional pages if needed
}
pdf.save(Tender);
});
}
</script>
<?php $__env->stopSection(); ?>
<?php /**PATH /var/www/orientalss.com/resources/views/livewire/report/invoice-register-livewire.blade.php ENDPATH**/ ?>