@if ($administrativeUser && $administrativeUser->signature_image)
    <div class="signature">
        {{-- {{ dd(public_path('storage/' . $administrativeUser->signature_image))}} --}}
        <img src="{{ public_path('storage/' . $administrativeUser->signature_image) }}"
            alt="Signature of {{ $administrativeUser->name }}"
            class="signature-image" />
    </div>
    <div class="administrative-user">
        <div class="signature-line"></div>
        <p class="info-line">
            <strong>{{ $administrativeUser->name }}</strong><br />
            <span><strong>Director</strong></span>
        </p>
    </div>
@endif

<style>
    .signature {
        text-align: center;
        margin-top: 20px;
    }

    .signature-image {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 20px auto 0;
    }

    .administrative-user {
        text-align: center;
        margin-top: -10px;
        color: black;
    }

    .administrative-user .info-line {
        text-align: center;
        margin-top: 5px;
        font-size: 13px;
    }

    .signature-line {
        border-bottom: 1px solid black;
        width: 100%;
        margin: 0 auto;
    }
</style>