@extends('layouts.sidebar')

@section('content')
    <div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
        <div class="w-full max-w-3xl overflow-y-auto bg-white border border-gray-300 rounded-lg shadow-lg">
            <!-- Modal header -->
            <div class="px-6 py-4 text-white bg-gray-900 rounded-t-lg">
                <h5 class="text-lg font-bold">Lease Agreement</h5>
            </div>
            <div class="p-6">
                <div class="pb-4 mb-4">
                    <h3 class="mb-2 text-xl font-semibold text-gray-800">Lease Details</h3>
                    <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Tenant Name:</strong> <span
                                    class="font-semibold">{{ $lease->client->owners_name ?? 'N/A' }}</span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Lease Start Date:</strong> <span
                                    class="font-semibold">{{ \Carbon\Carbon::parse($lease->lease_start_date)->format('F j, Y') }}</span>
                            </p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Contract Type:</strong> <span
                                    class="font-semibold">{{ $lease->contract_type }}</span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Lease Duration:</strong> <span
                                    class="font-semibold">{{ $lease->lease_duration }}
                                    {{ $lease->contract_type === 'Daily' ? 'days' : ($lease->contract_type === 'Weekly' ? 'weeks' : ($lease->contract_type === 'Monthly' ? 'months' : 'years')) }}
                                </span>
                            </p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Estimated End Date:</strong> <span
                                    class="font-semibold">{{ \Carbon\Carbon::parse($lease->lease_start_date)->addYears($lease->contract_type === 'Yearly' ? $lease->lease_duration : 0)->addMonths($lease->contract_type === 'Monthly' ? $lease->lease_duration : 0)->addWeeks($lease->contract_type === 'Weekly' ? $lease->lease_duration : 0)->addDays($lease->contract_type === 'Daily' ? $lease->lease_duration : 0)->format('F j, Y') }}</span>
                            </p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Rent Amount:</strong> <span
                                    class="font-semibold">₱{{ number_format($lease->rent_amount, 2) }}</span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Yearly Escalation:</strong> <span
                                    class="font-semibold">{{ $lease->yearly_escalation }}%</span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Escalation Agreement:</strong> <span
                                    class="font-semibold">
                                    @if ($lease->escalation == null)
                                        Escalation will start After a year
                                    @else
                                        {{ $lease->escalation - 12 }} Months after a year the
                                        escalation will start.
                                    @endif
                                </span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Terms:</strong> <span
                                    class="font-semibold">{{ $lease->terms }}</span></p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Start of Business:</strong> <span
                                    class="font-semibold">{{ \Carbon\Carbon::parse($lease->business_start)->format('F j, Y') }}
                                </span>
                            </p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Security Deposit:</strong> <span
                                    class="font-semibold">₱{{ number_format($lease->security_deposit, 2) }}
                                    {{ $lease->security_deposit_paymentmethod }} <span
                                        class="font-bold">V#{{ $lease->security_deposit_voucher }}</span></span>
                            </p>
                        </div>
                        <div class="p-3 border border-gray-200 rounded-lg shadow bg-gray-50">
                            <p class="text-sm text-gray-700"><strong>Advance Payment:</strong> <span
                                    class="font-semibold">₱{{ number_format($lease->relief_rental, 2) }}
                                    {{ $lease->relief_rental_paymentmethod }} <span
                                        class="font-bold">V#{{ $lease->relief_rental_voucher }}</span></span>
                            </p>
                        </div>
                    </div>
                </div>

                <h3 class="mt-4 mb-2 text-lg font-semibold text-gray-800">Additional Information</h3>
                <p class="text-sm text-gray-700"><strong>Utilities:</strong> <span
                        class="font-semibold">{{ $lease->utilities }} {{ $lease->utilities_paymentmethod }} <span
                            class="font-bold">V#{{ $lease->utilities_voucher }}</span></span></p>
                <p class="text-sm text-gray-700"><strong>Rules and Regulations:</strong> <span
                        class="font-semibold">{{ $lease->rules_and_regulations }}</span></p>

                <div class="pt-4 mt-4 border-t border-gray-300">
                    <h3 class="text-lg font-semibold text-gray-800">Acknowledgment</h3>
                    <p class="mt-2 text-sm text-gray-700">
                        By signing this lease agreement, both parties acknowledge their understanding and acceptance
                        of
                        the terms outlined above.
                    </p>
                </div>
            </div>

            <!-- Close Button -->
            <div class="px-8 pb-6">
                <a href="{{ url('/clients-billing-soa/' . $lease->client_id) }}"
                    class="w-full px-4 py-2 text-white transition duration-200 bg-gray-900 rounded hover:bg-gray-800">back</a>
            </div>
        </div>
    </div>
@endsection