@extends('layouts.app')
@section('title')
Property Allotment Letter 
@stop

<!-- @section('breadcrumb')
<ol class="breadcrumb pull-right no-print">
    <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>
    @permission('list-membership')
    <li ><a href="{{route('statement.all')}}">Statements</a></li>
    @endpermission
    <li class="active">Statement Detail</li>
</ol>
@stop -->
@section('content')

<div class="container-fluid">
    <div class="row printableArea"  id="content">
        <div class="col-lg-12">
            <div class="white-box border-none mt-95">
                <div class="row">
                    <div class="col-sm-6 col-xs-6">
                        <div class="row">
                            <div class="col-xs-1 col-sm-1" style="white-space: nowrap;margin-right: 46px;">Ref: <b>THE PLAZA-Apt/12/403/21</b></div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-6">
                        <span class="pull-right"><b><b>DATE: 6 February 2021</b></b></span>
                    </div>
                </div>
            </div>
            <div class="white-box border-none ">
                <div class="row">
                    <div class="col-sm-12 col-xs-12 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                                <b>SUBJECT: <u>ALLOTMENT OF APPARTMENT</u></b>
                           </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xs-12 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                            <p>The management of <b>Emlaak Property Managers</b> is pleased to welcome you on becoming a member of this prestigious project. We are determined to provide the project within the stipulated time frame. </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xs-12 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                            <p>We <b>Emlaak Property Managers</b> certify that <b>3-bed duplex Apartment</b>, Total area <b>1644 sq ft</b> gross to be constructed on <b>4th and 5th </b>floor at <b>(The Plaza)</b> Project of <b>Emlaak Property Managers</b> Paradise commercial Bahria Town phase 4 Near G.T Road Islamabad has been allotted to </p>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="white-box border-none ">
                <div class="row">
                    <div class="col-sm-6 col-xs-8 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                            <div><b>Mr. Shehzad D/O Rehman</b></div>
                            <div class="mt-18"><b>Contact#</b> +923445369856 <b>Email:</b> example@email.com</div>
                            <div class="mt-18"><b>Nominee Namee:</b> Mr. Nominee's Name</div>
                            <div class="mt-18"><b>Nominee CNIC#</b> 85368-3586856-7</div>
                            <div class="mt-18"><b>Mailing Address:</b> D-12, Block 12, Business Bay, Phase 7, Islamabad</div>
                            <div class="mt-18"><b>Permanent Address:</b> Same as above</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-4 mt-18">
                        <div class="row pull-right">
                            <div class="col-sm-12 col-xs-12">
                                <img style="width: auto;height: 90px;" src="{{asset('uploads/img_avatar.png')}}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="white-box border-none ">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <br>
                        <b style="margin-top: 6%;">&nbsp;</b>
                    </div>
                    <div class="col-sm-6 col-xs-4 mt-18">
                        <div class="row" >
                            <div class="col-xs-12 col-sm-12"><u><b>Payment Mode:</b></u></div>
                            <div class="col-xs-12 col-sm-12">Bank Transfer</div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-8 mt-18">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12">
                                <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th><b>Property Details</b></th>
                                            <th><b>Size sq ft(Approx.)</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Appartment 403 4th floor</td>
                                            <td>822 sq ft</td>
                                        </tr>
                                        <tr>
                                            <td>5th Floor</td>
                                            <td>822 sq ft</td>
                                        </tr>
                                        <tr>
                                            <td><b>Allocated Area</b></td>
                                            <td><b>1644 sq ft</b></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="white-box border-none ">
                <div class="row">
                    <div class="col-sm-12 col-xs-12 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                            <p>We assure our client that the title of the said land and building is thereon clear, marketable and free from all encumbrances and doubts. </p>
                        </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-xs-12 mt-18">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                            <p>Thanking you and assuring you of our best services all the times.</p>
                        </div>
                        </div>
                    </div><br>
                    <div class="col-sm-8 col-xs-8 mt-18">
                        &nbsp;
                    </div>
                    <div class="col-sm-4 col-xs-4 mt-18">
                        <div class="row">
                            <p><b>Munir Akhter (CEO)<br>Emlaad Property Managers</b></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        

        

    </div>
    <div style="display: inline-block;    margin-bottom: 70px;">
       
    <div class="text-left" style="display: inline-block;"><a target="_blank" href="#">
        <button  class="btn btn-default btn-outline" type="button"> <span><i class="fa fa-download"></i> Download</span> </button></a>
    </div>
    

  

    <div class="text-right" style="display: inline-block;">
        <button id="print" class="btn btn-default btn-outline" type="button"> <span><i class="fa fa-print"></i> Print</span> </button>
    </div>
    
</div>
</div>
<!-- /.container-fluid -->



@stop

@section('js')
<script src="{{asset('js/jquery.PrintArea.js')}}" type="text/JavaScript"></script>
<script>
$(function () {
    $("#print").on("click", function () {
        var mode = 'iframe'; //popup
        var close = mode == "popup";
        var options = {
            mode: mode,
            popClose: close
        };
        $("div.printableArea").printArea(options);
    });
});
</script>
<script>
    $('#example23').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
</script>
@stop