@props([
    'showCopies' => true,
])

<style>
    .print-footer {
        margin-top: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #222;
    }
    .print-footer .copies {
        margin-top: 10px;
        font-size: 10px;
    }
    .print-footer .copies span {
        display: inline-block;
        border: 1px solid #111;
        width: 11px;
        height: 11px;
        margin-right: 4px;
        vertical-align: -1px;
    }
    .print-footer .notes {
        margin-top: 10px;
        font-size: 9.5px;
        line-height: 1.45;
    }
    .print-footer .notes b { font-size: 10px; }
    .print-footer .notes p { margin: 2px 0; }
</style>

<div {{ $attributes->merge(['class' => 'print-footer']) }}>
    @if($showCopies)
        <div class="copies">
            Salinan: <span></span> Kad Pengenalan &nbsp;&nbsp; <span></span> Akaun Bank/ Slip/ Penyata Bank
        </div>
    @endif

    @if(trim($slot) !== '')
        <div class="notes">
            {{ $slot }}
        </div>
    @endif
</div>