@extends('layouts.sidebar')

@section('content')
    <style>
        @media print {
            body * {
                visibility: hidden;
            }

            .print-content,
            .print-content * {
                visibility: visible;
                font-size: 10px;
                /* Adjust the font size as needed */
            }

            .print-content {
                position: absolute;
                left: 0;
                top: 0;
                width: 210mm;
                /* A4 width */
                height: 350mm;
                /* A4 height */
                padding: 10mm;
                /* Add padding to simulate margin */
                box-sizing: border-box;
            }

            .print-content table td,
            .print-content table th {
                padding: 2px;
                /* Adjust the padding as needed */
            }
        }
    </style>
    <div class="max-w-2xl p-6 mx-auto bg-white rounded-lg shadow-md print-content">
        <div class="mb-6 text-center">
            <h1 class="text-2xl font-bold text-gray-900">RWEB Solutions.</h1>
            <p class="text-gray-700">Bacaca. Road</p>
            <p class="text-gray-700">Tel. No. #######</p>
            <p class="text-gray-700">{{ \Carbon\Carbon::now()->format('F j, Y') }}</p>
        </div>

        <div class="mb-6">
            <h2 class="text-lg font-semibold text-gray-900">To:</h2>
            <p class="text-gray-700">{{ $lease->client->owners_name }}</p>
            <p class="text-gray-700">{{ $lease->unit->unit_name }}</p>
            <p class="text-gray-700">Matina Crossing, Davao City</p>
        </div>

        <div class="mb-6">
            <p class="text-gray-900">Sir / Madam:</p>
            <p class="text-gray-700">
                As per Section III of our Contract of Lease, an escalation rate of
                <strong>{{ $lease->yearly_escalation }}%</strong>
                will be applied to your monthly rental
                starting <strong>{{ $nextEscalationDateFormatted }}</strong>. Your adjusted monthly rental shall now be
                <strong>{{ ucfirst($newRentalAmountWords) }} Only (₱{{ number_format($newRentalAmount, 2) }})</strong>
                effective on the date mentioned above.
            </p>
            <p class="text-gray-700">For your information.</p>
        </div>
        <div class="flex justify-between">
            <div class="">
                <p class="text-gray-900">Thank you.</p>
                <p class="my-5 text-gray-900">Respectfully yours,</p>
                <p class="font-bold text-gray-700">{{ $admin->admin_name }}</p>
                <p class="text-gray-700">Admin Staff</p>
            </div>

            <div class="mt-10">
                <p class="font-semibold text-gray-900">RECEIVED BY:</p>
                <hr class="my-4 border-2 border-black w-44">
            </div>
        </div>
    </div>

    <div class="mt-4 text-center">
        <button onclick="window.print()" class="px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700">
            Print
        </button>
    </div>
@endsection