<!doctype html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable">

<head>

    <meta charset="utf-8" />
    <title>APDC Homes</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="Themesbrand" name="author" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- gridjs css -->
    <link rel="stylesheet" href="assets/libs/gridjs/theme/mermaid.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">


    <!-- Layout config Js -->
    <script src="assets/js/layout.js"></script>
    <!-- Bootstrap Css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
    <!-- custom Css-->
    <link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

<!-- Begin page -->
<div id="layout-wrapper">

    @include('includes.header-topbar')

    <!-- ========== App Menu ========== -->
    @include('includes.sidebar-menu')
    <!-- Left Sidebar End -->
    <!-- Vertical Overlay-->
    <div class="vertical-overlay"></div>

    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="main-content">

        <div class="page-content">
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                            <h4 class="mb-sm-0">Offer Letter Preview</h4>

                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Application</a></li>
                                    <li class="breadcrumb-item active">Offer Letter Preview</li>
                                </ol>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- end page title -->

                <div class="card" id="demo" contenteditable="true">
                <div class="row justify-content-center">
                    <div class="col-xxl-9">
                        <div class="card" id="demo">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="card-header border-bottom-dashed p-4">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <img src="assets/images/logo.png" class="card-logo card-logo-dark" alt="logo" height="70">

                                            </div>

                                            <div class="flex-shrink-0 mt-sm-0 mt-3">
                                                <h5><span class="text-muted fw-normal">Abuja Property Development Company Limited</span></h5>
                                                <h6><span class="text-muted fw-normal">Plot 1329 Peace Drive, cultural Spine (Behind Agis), Area 11.</span></h6>
                                                <h6><span class="text-muted fw-normal">Garki, Abuja, Mobile: +234 815 061 8322.</span></h6>
                                                <h6 class="mb-0"><span class="text-muted fw-normal">website: www.apdc.com.ng
</span>
                                                </h6>
                                            </div>

                                        </div>
                                    </div>
                                    <!--end card-header-->
                                </div><!--end col-->

                                <div class="col-lg-12">
                                    <br>
                                    <br>
                                    <br>
                                    <p class="text-muted" style="padding-left: 20px; padding-right: 20px">Dear {{$offer->name}},</p>
                                    <p class="text-muted" style="padding-left: 20px; padding-right: 20px">{{$offer->office_address}},</p>
                                </div><!--end col-->
                                <div style="margin-top: 5rem;
                                          text-decoration: underline;
                                          text-transform: uppercase;
                                          text-align: center;">
                                    <p style="font-size: 1.4rem">offer letter</p>
                                    <p class="text-muted mb-2 text-uppercase fw-semibold"> {{$offer->house_type}} at apdc capital estate, {{$offer->project}}
                                    </p>
                                </div>
                                <div class="col-lg-12">
                                    <p class="text-muted" style="padding-left: 20px; padding-right: 20px"> Further to your expression of interest to purchase one number, three bedroom flat (carcass) at APDC capital estate, kaba district, Abuja we are glad to offer you said property for purchase on the following terms and conditions.</p>
                                </div>
                                <div style="margin-top: 2rem; text-align: center;">
                                    <div style="display:flex; justify-content: center;">
                                        <p class="text-muted mb-2 text-uppercase fw-semibold">Offer/Vendor</p>
                                        <p style="margin-left: 10%;">Abuja Property Development Company (APDC)</p>
                                    </div>
                                    <div style="display:flex; justify-content: center;">
                                        <p class="text-muted mb-2 text-uppercase fw-semibold">Housing Type</p>
                                        <p style="margin-left: 13%; margin-right: 13%">
                                            {{$offer->house_type}}
                                        </p>
                                    </div>
                                    <div style="display: flex; justify-content: center;">
                                        <p class="text-muted mb-2 text-uppercase fw-semibold">Tenure</p>
                                        <p style="margin-left: 10%;">
                                            On leasehold basis fot the remainder of term of <br />
                                            99years with effect from {{ date('d-m-Y', strtotime($offer->write_date)) }}.
                                        </p>
                                    </div>
                                </div>

                                <div style="margin-top: 2rem; overflow-x: hidden; padding: 0px 50px">
                                    <div style="text-decoration: underline;">
                                        <p style=" font-size: 20px;">Price/Payment terms</p>
                                    </div>
                                    <div style="display: flex; justify-content: space-between;">
                                        <h3 class="fw-medium">Installment/NHF mortgage plan</h3>
                                        <h3 class="fw-medium">12-18 months payments spread</h3>
                                    </div>

                                </div>
                                <div class="col-lg-12">
                                    <div class="card-body p-4">
                                        <div class="table-responsive">
                                            <table class="table table-borderless text-center table-nowrap align-middle mb-0">
                                                <thead>
                                                <tr class="table-active">
                                                    <th scope="col">Payment</th>
                                                    <th scope="col">Timeline</th>
                                                    <th scope="col">% PMT</th>
                                                    <th scope="col" class="text-end">Amount Due (N)</th>
                                                </tr>
                                                </thead>
                                                <tbody id="products-list">
                                                <tr>
                                                    <td class="text-start">
                                                        1st Installment
                                                    </td>
                                                    <td>Upon Application</td>
                                                    <td>10%</td>
                                                    <td class="text-end">{{ number_format($offer->amount * 0.1)}}</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start">
                                                        2nd Installment
                                                    </td>
                                                    <td>12-18months</td>
                                                    <td>40%</td>
                                                    <td class="text-end">{{ number_format($offer->amount * 0.4)}}</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start">

                                                    </td>
                                                    <td></td>
                                                    <td>50%</td>
                                                    <td class="text-end">{{ number_format($offer->amount * 0.5)}}</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start">

                                                    </td>
                                                    <td></td>
                                                    <td>100%</td>
                                                    <td class="text-end">{{ number_format($offer->amount)}}</td>
                                                </tr>
                                                </tbody>
                                            </table><!--end table-->
                                        </div>



                                        <div class="mt-3">
                                            <h6 class="text-muted text-uppercase fw-semibold mb-3">Payment Details:</h6>
                                            <p class="text-muted mb-1">Payment is to be made by Bank Draft or Bank Transfer into Abuja Property Development Company
                                                Zenith Bank Account Number 1011525243</p>
                                        </div>


                                        <div class="col-lg-12">
                                            <div class="card-header border-bottom-dashed p-4">
                                                <div class="d-flex">

                                                </div>
                                            </div>
                                            <!--end card-header-->
                                        </div>
                                        <div class="mt-4">
                                            <div class="alert alert-danger">
                                                <p class="mb-0"><span class="fw-semibold">NOTES:</span>
                                                    <span id="note">BEWARE OF FRAUDSTERS, VERIFY ALL DETAILS AT APDC HEAD OFFICE, PLOT 1329 PEACE DRIVE BEHIND AGIS HEAD OFFICE, AREA 11, GARKI, ABUJA.

                                                        </span>
                                                </p>
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <h6 class="text-muted text-uppercase fw-semibold mb-3">OTHER CONDITIONS FOR PURCHASE</h6>
                                            <ul>
                                                <li class="text-muted">This is a letter of offer. Accordingly, until full or at least 60% of the purchase price is paid, the
                                                    Offeror/Vendor shall be at liberty to upwardly review the price at any time and without notice.
                                                </li>
                                                <br>
                                                <li class="text-muted">Full percentage or a minimum of 60% of the purchase price shall be paid before allocation of
                                                    any specific unit and subsequent installments shall be paid within the stipulated period.
                                                </li>
                                                <br>
                                                <li class="text-muted">If the full purchase price is not received within the stipulated payment schedule, this offer
                                                    shall be automatically rescinded and the Offeror/Vendor shall be entitled to sell the property
                                                    to a ready buyer.
                                                </li>
                                                <br>
                                                <li class="text-muted">The choice of a specific house is not guaranteed until the payment of full purchase price.
                                                </li>
                                                <li class="text-muted">Where no allocation has been made, all refund of monies paid shall only be made upon the
                                                    resale of the property to another client and shall be subject to 10% (of the purchase price)
                                                    deduction as administrative charge.
                                                </li>
                                                <br>
                                                <li class="text-muted">Where allocation has been made, all refund of money paid shall be subject to 15% (of the
                                                    purchase price) deduction as administrative charge.
                                                </li>
                                                <br>
                                                <li class="text-muted">Once the full purchase price has been paid and upon handing over of keys to the property,
                                                    the Offeree/Purchaser shall be responsible for perfecting & obtaining sub-title at the Federal
                                                    Capital Development Authority.
                                                </li>
                                                <br>
                                                <li class="text-muted">Prior to moving into the property, the Offeree/Purchaser shall be responsible for paying one
                                                    off fees for water connection & survey plan
                                                </li>
                                                <br>
                                                <li class="text-muted">APDC shall provide Facilities Management services which shall be paid for by the Purchaser
                                                    on an annual basis. Payment for the first year must be paid before occupation of the property
                                                    by any person.
                                                </li>
                                                <br>
                                                <li class="text-muted">Once the full purchase price has been paid in accordance with the provisions of this letter of
                                                    offer, the parties shall enter into a formal detailed Contract of Sale.
                                                </li>
                                            </ul>

                                            <p>If the above mentioned terms and conditions are acceptable to you, please sign and
                                                return the enclosed copy of this letter and proceed to make deposit of the minimum payment
                                                of 1st installment as indicated above into designated account via a Certified Bank Draft or Bank
                                                Transfer within 30 days or this offer will stand withdrawn.

                                                <br>
                                                <br>
                                               Yours Sincerely, <br>
                                                <strong>Aisha Mohammed</strong> <br>
                                                <strong>Head, Marketing & Sales</strong> <br> <br>

                                                Should you have any questions or require further clarifications, kindly contact any of the under
                                                listed on telephone or Plot 1329 Peace Drive (Cultural Spine) Behind AGIS Head Office Area 11,
                                                Garki Abuja.

                                            </p>
                                            <div style="margin-top: 2rem; text-align: center;">
                                                <div style="display:flex; justify-content: center;">
                                                    <p class="text-muted mb-2 text-uppercase fw-semibold">Aisha</p>
                                                    <p style="margin-left: 10%;">+234 8150648328</p>
                                                </div>
                                                <div style="display:flex; justify-content: center;">
                                                    <p class="text-muted mb-2 text-uppercase fw-semibold">Uju</p>
                                                    <p style="margin-left: 10%;">
                                                        +234 9025020054
                                                    </p>
                                                </div>
                                                <div style="display: flex; justify-content: center;">
                                                    <p class="text-muted mb-2 text-uppercase fw-semibold">Zahraddeen</p>
                                                    <p style="margin-left: 4%;">
                                                        +234 8032679070
                                                    </p>
                                                </div>
                                            </div>
                                            <br>
                                            <div style="text-align: center;">
                                                <h5 class="text-muted text-uppercase fw-semibold mb-3">CARCASS FEATURES</h5>
                                            </div>


                                            <h6 class="text-muted text-uppercase fw-semibold mb-3">Inclusions</h6>
                                            <li><strong>Internal works: </strong> block work, internal plumbing piping only.</li>
                                            <br>
                                            <li><strong>External works:</strong> aluminum windows without net, provision of external doors (main entrance
                                                    and back door), external rendering (plastering) and painting, waste connection & supply
                                                    reticulation (block of flats only) load supply line (block of flats only) septic tanks and soakaways
                                                    (excluding chambers for Terraces) and roof carcass & covering.</li>
                                            <br>
                                            <li> <strong>Common areas:</strong> tiling on common area (block of flats only), staircase& balcony railing (block of
                                                flats only) and parking & drive ways (block of flats only)</li>

                                        </div>

                                        <div class="col-lg-12">
                                            <div class="card-header border-bottom-dashed p-4">
                                                <div class="d-flex">

                                                </div>
                                            </div>
                                            <!--end card-header-->
                                        </div>

                                    </div>
                                    <!--end card-body-->
                                </div><!--end col-->
                            </div><!--end row-->
                        </div>
                        <!--end card-->
                    </div>
                    <!--end col-->
                </div>
                </div>

                <div class="hstack gap-2 justify-content-end d-print-none mt-4">
                    <a href="javascript:window.print()" class="btn btn-success"><i class="ri-printer-line align-bottom me-1"></i> Print</a>
                    <form action="{{ route('send.offer.email') }}" method="post">
                        @csrf
                        <input type="hidden" name="id" value="{{$offer->id}}">
                        <button type="submit" class="btn btn-primary">
                            <i class="ri-mail-send-fill align-bottom me-1"></i> Send
                        </button>
                    </form>
                </div>
                <!--end row-->

            </div><!-- container-fluid -->
        </div><!-- End Page-content -->

        @include('includes.footer')
    </div><!-- end main content-->
    <!-- end main content-->

</div>
<!-- END layout-wrapper -->



<!--start back-to-top-->
<button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
    <i class="ri-arrow-up-line"></i>
</button>
<!--end back-to-top-->

<!--preloader-->
<div id="preloader">
    <div id="status">
        <div class="spinner-border text-primary avatar-sm" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>
</div>

<div class="customizer-setting d-none d-md-block">
    <div class="btn-info rounded-pill shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
        <i class='mdi mdi-spin mdi-cog-outline fs-22'></i>
    </div>
</div>


<!-- JAVASCRIPT -->
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<script src="assets/libs/feather-icons/feather.min.js"></script>
<script src="assets/js/pages/plugins/lord-icon-2.1.0.js"></script>
<script src="assets/js/plugins.js"></script>

<!-- prismjs plugin -->
<script src="assets/libs/prismjs/prism.js"></script>

<!-- gridjs js -->
<script src="assets/libs/gridjs/gridjs.umd.js"></script>
<!-- gridjs init -->
<script src="assets/js/pages/gridjs.init.js"></script>

<!-- App js -->
<script src="assets/js/app.js"></script>
</body>


</html>
