CasperSecurity
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
<!--begin::Container-->
<div id="kt_content_container" class="container-fluid">
<div class="card mb-6 mb-xl-9">
<!--begin::Modal-->
<div class="modal fade" id="Tender" tabindex="-1" aria-hidden="true" wire:ignore.self>
<div class="modal-dialog modal-dialog-centered" style="max-width: 900px; padding: 10px;">
<div class="modal-content">
<!--begin::Modal header-->
<div class="modal-header" style="padding: 15px;">
<h2 class="fw-bolder" style="font-size: 18px;">Tender Report - {{ $tender->tender_no }}</h2>
<h3>
Tender Name: {{ $tender->tender_name }}
<!-- Tender status with dynamic label -->
@if($tender->tender_status == '1')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-info-light">New</span>
@elseif ($tender->tender_status == '2')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-primary-light">Open</span>
@elseif ($tender->tender_status == '3')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-danger-light">Not Interested</span>
@elseif ($tender->tender_status == '4')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-success-light">Approved</span>
@elseif ($tender->tender_status == '5')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-warning-light">In Progress</span>
@elseif ($tender->tender_status == '6')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-info">Submitted</span>
@elseif ($tender->tender_status == '7')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-success">Awarded</span>
@elseif ($tender->tender_status == '8')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-white bg-danger">Disqualified</span>
@endif
</h3>
</div>
<div class="modal-body" style="padding: 10px;">
<!-- Tender Details Section -->
<div class="col-12 col-md-6 mb-5">
<!-- <h3 class="fw-bolder" style="font-size: 16px;">Tender Details</h3> -->
<table class="" style="font-size: 16px;">
<thead>
<!-- <tr>
<th class="px-2 py-0 fw-bold" style="width: 15%; white-space: nowrap;">Label</th>
<th class="px-2 py-0 fw-bold" style="width: 85%;">Details</th>
</tr> -->
</thead>
<tbody>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Department Name:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->department_name }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Period:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->tender_period }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Existing Man Power:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->existing_man_power }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">New Man Power:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->new_man_power }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Mode:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->tender_mode == 3 ? 'Online' : 'Offline' }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Information Source:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->information_source }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Opening Date:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->tender_opening_date }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Closing Date:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->tender_closing_date }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Value:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->tender_value }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Tender Details:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->description }}</td>
</tr>
<!-- Client Information -->
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Client Name:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->getClient ? $tender->getClient->client_name : 'N/A' }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Mobile No:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->getClient ? $tender->getClient->contact_mobile : 'N/A' }}</td>
</tr>
<tr>
<td class="px-2 py-0" style="white-space: nowrap;">Email Id:</td>
<td class="px-2 py-0 text-start" style="vertical-align: middle;">{{ $tender->getClient ? $tender->getClient->contact_mail : 'N/A' }}</td>
</tr>
</tbody>
</table>
</div>
<!-- Related Documents Section -->
<div class="col-12 mb-3 mt-5 p-2">
<h3 class="fw-bolder" style="font-size: 16px;">Related Documents</h3>
<table class="table table-bordered fs-9 text-black" style="font-size: 12px; width: 50%; table-layout: fixed;">
<thead>
<tr style="background: #0186df; color: #fff;">
<th class="px-2 py-0 fw-bold text-center" style="width: 10%; text-align: center; vertical-align: middle;">No.</th>
<th class="px-2 py-0 fw-bold text-center" style="width: 90%;">Document Name</th>
</tr>
</thead>
<tbody>
@if($documents->isEmpty())
<tr>
<td colspan="2" class="text-center text-danger">No Data Available</td>
</tr>
@else
@foreach ($documents as $index => $document)
<tr style="border: 1px solid #000;">
<td class="px-2 py-0 text-center">{{ $index + 1 }}</td>
<td class="px-2 py-0 text-center">{{ $document->document_name }}</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
<!-- Activity Summary Section -->
<div class="col-12 mt-5 p-2">
<h4 class="fs-3" style="font-size: 16px;">Activity Summary</h4>
<table class="table table-bordered fs-9 text-black" style="font-size: 14px; width: 100%; table-layout: fixed;">
<thead>
<tr style="background: #0186df; color: #fff;">
<th class="px-2 py-0 fw-bold text-center">Sl No.</th>
<th class="px-2 py-0 fw-bold text-center">Activity Name</th>
<th class="px-2 py-0 fw-bold text-center">Start Date</th>
<th class="px-2 py-0 fw-bold text-center">End Date</th>
<th class="px-2 py-0 fw-bold text-center">Status</th>
<th class="px-2 py-0 fw-bold text-center">Assigned To</th>
</tr>
</thead>
<tbody>
@if($activities->isEmpty())
<tr>
<td colspan="6" class="text-center text-danger">No Data Available</td>
</tr>
@else
@foreach($activities as $key => $activity)
<tr style="border:#000 solid 1px;">
<td class="px-2 py-0 text-center">{{ $key + 1 }}</td>
<td class="px-2 py-0 text-center">{{ $activity->activity_name }}</td>
<td class="px-2 py-0 text-center">{{ \Carbon\Carbon::parse($activity->activity_start_date)->format('d-m-Y') }}</td>
<td class="px-2 py-0 text-center">{{ \Carbon\Carbon::parse($activity->activity_end_date)->format('d-m-Y') }}</td>
<td class="px-2 py-0 text-center">
@if($activity->activity_status == '1')
<span class="text-success bg-success-light">Yet to Start</span>
@elseif($activity->activity_status == '2')
<span class="text-dark bg-d-light-2">Started</span>
@elseif($activity->activity_status == '3')
<span class="text-dark bg-d-light-2">In Progress</span>
@elseif($activity->activity_status == '4')
<span class="text-dark bg-d-light-2">Successful</span>
@elseif($activity->activity_status == '0')
<span class="text-dark bg-d-light-2">Failed</span>
@else
<span class="text-danger bg-light">Unknown Status</span>
@endif
</td>
<td class="px-2 py-0 text-center">{{ $activity->assigned_to ?? 'Not Assigned' }}</td>
</tr>
@endforeach
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--end::Modal-->
<!-- Modal Footer with Print Button -->
<div class="modal-footer flex justify-center mt-2">
<!-- Cancel Button -->
<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"
data-bs-dismiss="modal"
onclick="window.history.back()">
Close
</button>
<!-- Download Button (Save as PDF) -->
<button class="btn 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('Tender')">
<span class="indicator-label">Download</span>
</button>
</div>
</div>
</div>
</div>
@section('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);
var Tender = 'tender_report.pdf';
var opt = {
margin: [0.5, 0.5, 0.5, 0.5],
filename: Tender,
image: { type: 'jpeg', quality: 100 },
html2canvas: {
scale: 0.7,
useCORS: true,
windowWidth: document.body.scrollWidth,
scrollY: -window.scrollY
},
jsPDF: {
unit: 'in',
format: 'letter',
orientation: 'landscape'
},
style: '@media print { @page { size: letter landscape; } }',
};
html2pdf().from(element).set(opt).toPdf().get('pdf').then(function(pdf) {
var totalPages = pdf.internal.getNumberOfPages();
if (totalPages > 1) {
pdf.deletePage(2); // Optional: Remove extra pages if overflow occurs
}
pdf.save(Tender); // Trigger the download
});
}
</script>
@endsection