В режиме печати, чтобы div находился внизу моей страницы и на последней странице моей печати. ⇐ Jquery

[Anonymous]

У меня есть управление системой сертификации, и я хочу, чтобы нижний колонтитул или раздел отображался внизу моей страницы на последней странице.
Я пытался исправить этот раздел, но он отображается все страницы.
Я попробовал несколько кодов JavaScript, но проблема все равно возникла.
Пример того, как я хочу прикрепить выбранную красную область к находиться в желтой эпохе и показывать его только на последней странице в нижнем колонтитуле, но не показывать на всех страницах
[img]https:/ /i.sstatic.net/KPtU6wRG.png[/img]

Я хочу напечатать подпись на последней странице и внизу страницы.
Я пытался исправить это с помощью JavaScript или CSS, но мне не удалось решить эту проблему.

Код: Выделить всё

@media print {
.non-print-view {
display: none;
}
footer {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
justify-content: space-between;
padding: 5px 1cm;
background-color: #c2c3c5;
}
.for-print {
display: block;
}
@page {
size: A4;
margin: 0mm;
}
.watermark {
background-repeat: no-repeat !important;
background-position: center !important;
position: fixed !important;
opacity: 0.1 !important;
top: 50% !important;
left: 50% !important;
max-width: 440px;
max-height: 540px;
transform: translate(-50%, -50%) !important;
z-index: 9999 !important;
display: block !important;
}
.qrCode {
align-self: end;
padding-left: 10px !important;
}
}

@font-face {
font-family: 'AKFont';
src: url("{{ asset('assets/fonts/public/assets/fonts/arabic.ttf') }}");
}

/* --------------- Start: Signature --------------- */

.signature {
display: flex;
justify-content: space-between;
margin: 2cm 1cm;
padding: 1cm 0;
}

.signature h2 {
font-size: 15px;
font-weight: bold;
}

.signature p {
font-size: 14px;
font-weight: bold;
}

Код: Выделить всё

[*]
Certification
@if (isset($student))
{{ $student->name }}
@endif





[url={{ route(]زڤرین[/url]


چاپكرن


@php
$head = 10;
$mark = 0.6; // init value
$noteSpace = 0.4;
$otherMargin = 5;
$totalSpace = $head;
$break = true;
@endphp


[img]{{ asset([/img]

زانـکـۆیـا دهـوك
رێڤەبەریا تومارکرنا گشتی



کومارا ئیراقێ، هەرێما کوردستانێ

سەروکاتیا جڤاتا وەزیران

وەزارەتا خواندنێن باڵا و ڤەکولینێت زانستی






ژمارە:

@php
$englishLettersToArabic = [
'B' => 'ب',
'M' => 'م',
'D' => 'د',
'C' =>  'چ',
];
$newCertificateUniqueId = strtr($certificate->certificate_unique_id, $englishLettersToArabic);
@endphp

{{ $newCertificateUniqueId }}


مێژوو:

{{ date('Y/m/d') }} م
{{ getKurdishYear('ku') }} ك




{{--
بەلگەناما نمرا
--}}

[img]{{ asset([/img]
image) }}" alt="">




بەلگەناما نمرا
@if (isset($transcript))
@if (str_contains($transcript, $student->getNameByLang('ku')))
{!! str_replace(
$student->getNameByLang('ku'),
'[b]' . $student->getNameByLang('ku') .  '[/b]',
$transcript,
) !!}
@endif
@endif



@foreach ($StudentSubjects as $year => $courses)
@if ($loop->iteration > 2 && $loop->iteration % 2 == 1 || $loop->iteration > 3 && $loop->iteration % 6 == 0)


var header = document.querySelector('.transcript-head');
header.style.paddingTop = '2cm';


@endif
{{--
@endif --}}
@php
// Determine the number of subjects for each course
$subjectsCounts = array_map('count', $courses);
$maxRows = max($subjectsCounts); // Find the course with the most subjects
@endphp
{{-- {{var_dump($totalSpace >= 16, $totalSpace)}}
@if ($totalSpace >= 27 && $break)

@php $break = false; @endphp

@endif --}}
سالا
{{ numToText($loop->iteration, 'krd') }} {{changeYearToDoubleYear($year)}}

@if (count($courses) == 2)

@endif

@foreach ($courses as $course => $subjects)
@php
$totalSpace += count($subjects) * $mark;
@endphp

[h4] وەرزێ {{ numToText($loop->iteration, 'krd') }}[/h4]


بابه‌ت
ژمارا یه‌كا
ب هەژمار
ب نڤیسین
پلە


@foreach ($subjects as $subject)

{{ $subject['subject'] }}
{{ $subject['unit'] }}
{{ $subject['attempt'] == 1 ? '' : '+' }}
{{ $subject['mark'] }}
{{ changeStudentMarkFigureToText($subject['mark'], 'krd') }}
{{ changeMarkToGrade($subject['mark'], 'krd') }}

@endforeach
@php
// Calculate how many empty rows are needed to match the course with more subjects
$emptyRowsNeeded = $maxRows - count($subjects);
@endphp

@for ($i = 0; $i < $emptyRowsNeeded;  $i++)

 

@endfor




@endforeach

@if (count($courses) == 2)

@endif
@endforeach



@php
$totalSpace += count($notes) * $noteSpace + $otherMargin;
$signatureMargin = 59 - $totalSpace;
@endphp



تێبینی
[list]

پله‌: 50-59 په‌سه‌ند     60-69 ناڤنجی     70-79 باش     80-89 زۆر باش     90-100 هه‌ره‌ باش

@foreach ($notes as $note)
[*]{{ $note }}
@endforeach
[/list]








تێکرا هوسا دهێتە دەرئێخستن:
[list]
[*]
ساڵا ئێکێ 10٪
ساڵا دووێ 20٪
ساڵا سیێ 30٪
ساڵا چوارێ 40٪

[/list]



{{var_dump($signatureMargin)}}



پ.هـ.د.  نه‌به‌ز ابراهیم محمد
هاریكارێ سه‌رۆكێ زانكویێ بۆ كاروبارێن قوتابیان

ديار هاشم مالو
توماركارێ زانكویێ





[email protected]

www.uod.ac



[img]{{ asset([/img]




const qrCode = new QRCodeStyling({
width: 120,
height: 120,
data: "{{ route('admin.qr', ['token' => $certificate->token]) }}",
type: "image",
image: "{{ asset('assets/images/logo.png') }}",
dotsOptions: {
color: "#005baa",
type: "rounded"
},

imageOptions: {
crossOrigin: "anonymous",
margin: 0,
imageSize: 0.8
}
});

qrCode.append(document.getElementById("qrcode"));


var replaceDigits = function() {
var map = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧",
"٨", "٩"
];
document.body.innerHTML = document.body.innerHTML.replace(/\d(?=[^]*(

Подробнее здесь: [url]https://stackoverflow.com/questions/79033378/in-printing-mode-to-make-a-div-be-at-bottom-of-my-page-and-on-the-last-page-of-m[/url]