@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 - {{$statement->membership_no}}</b>
                                <br>
                                <b>2021</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>{{$statement->inventory->type->name}}</b>, Total area <b>{{$statement->inventory->size->name}} sq ft</b> gross to be constructed on <b>{{$statement->inventory->floor->name}} </b> 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>{{$statement->customer->name}} 
                                @if($statement->customer->father_type == 1)
                                S/O
                                @elseif($statement->customer->father_type == 2) 
                                D/O
                                @elseif($statement->customer->father_type == 3) 
                                W/O

                                @else
                                S/O

                                @endif

                                {{$statement->customer->father_name}}</b></div>
                                <div class="mt-18"><b>CNIC#</b>                                                     @if($i == 5 || $i == 12)
                            -
                            @endif

                        {{$c[$i]}}
                        
                    </div>
                            <div class="mt-18"><b>Contact#</b> {{$statement->customer->mobile_number}} <b>Email:</b> {{$statement->customer->email}}</div>
                            <div class="mt-18"><b>Nominee Namee:</b> {{$statement->customer->nominee_name}}</div>
                            <div class="mt-18"><b>Nominee CNIC#</b> 
                                                                                                    @if($i == 5 || $i == 12)
                                    -
                                    @endif
                                    {{$c[$i]}}
                                                                    </div>
                            <div class="mt-18"><b>Mailing Address:</b> {{$statement->customer->mailing_address}}</div>
                            <div class="mt-18"><b>Permanent Address:</b> {{$statement->customer->permanent_address}}</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/'.$statement->customer->img_url)}}">
                            </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>{{$statement->inventory->unit_number}} {{$statement->inventory->floor->name}}</td>
                                            <td>{{$statement->inventory->size->name}} sq ft</td>
                                        </tr>
                                        
                                        <tr>
                                            <td><b>Allocated Area</b></td>
                                            <td><b>{{$statement->inventory->size->name}} 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