@extends( 'layouts.app' )

@section('title')
Possession Letter of Customer Statement 
@stop

@section('css')
<style type="text/css">
strong {
    color: black!important;
}
.body {
    font-size: 19px;
    color: black;
}
</style>

@section('content')

    <div class="container-fluid no-font" >
        <!-- /.row -->
        <div class="row printableArea" id="content">
            <div class="col-lg-12" style="font-size: 14px; color: black; margin-left: 14px;">
                <div class="row" style="margin-top: 1.5in;">
                    <h3 style="text-decoration: underline; font-weight: bold; text-align: center;">REQUEST FOR POSSESSION (Plot / commercial)</h3><br>
                    <div class="col-sm-12 col-xs-12" style="text-align: right; font-weight: bold">Dated: <span>{{ date(' jS F, Y', strtotime('now')) }}</span></div>
                    <div class="col-sm-12 col-xs-12" style="">
                        <p style="">To,</p>
                        <p style="margin-top: -11px;">Management Multan Housing,</p>
                        <p style="margin-top: -11px;">Multan</p><br>
                    </div>
                </div>                            
                <div class="spacer" style=""></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p style="font-weight: bold;">Subject:
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span style="text-decoration:
                                underline">PERMISSION TO BUILD / POSSESSION OF PLOT</span></p>
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="spacer" style="margin-top: 0.1in;"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>Respected Sir,</p>
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="spacer" style="margin-top: 0.1in;"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>It is submitted that I have booked a <span style="font-weight: bold;">Plot no.
                            <span>{{ $property->inventory->unit_number }}</span>, Measuring area
                            <span>{{ $property->inventory->size->name }}</span> Marla
                            & Street no: <span>{{ $property->inventory->floor->name }}</span></span> in your
                            society
                            Smart Housing Multan I would like to firmally
                            request you to allow permission me to build my plot. So please grant the permission to build
                            for the measured plot. So I expect your coorperation in this regards to ensure Smooth
                            contruction of villa without any delays.</p>
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="spacer" style="margin-top: 0.2in;"></div>
                <div class="row" style="font-weight: bold">
                    <div class="col-sm-12 col-xs-12">
                        <p style="font-size: 15px">Thank you for your coorperation.</p>
                        <p style="font-size: 17px">Regards, </p>
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="spacer" style="margin-top: 0.1in;"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12 mt-18">
                         <div class="row">
                            <div class="col-xs-3 col-sm-2">Name:</div>
                            <div class="col-xs-9 col-sm-10"><span style="border-bottom: 1px solid">{{$property->customer->name}}</span></div>
                        </div>
                         <div class="row">
                            <div class="col-xs-3 col-sm-2">CNIC no:</div>
                            <div class="col-xs-9 col-sm-10"><span style="border-bottom: 1px solid">{{$property->customer->cnic}}</span></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-3 col-sm-2">Plot Registration no:</div>
                            <div class="col-xs-9 col-sm-10"><span style="border-bottom: 1px solid">{{$property->membership_no}}</span></div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-xs-3 col-sm-2">Signature:</div>
                            <div class="col-xs-9 col-sm-10">__________________________</div>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>


                <div class="spacer" style="margin-top: 1in;  margin-left: 0.5in;"></div>

                <div class="col-sm-12 col-xs-12" style="">
                    <div class="row">
                        <div class="col-sm-4 col-xs-4" style="text-align:center">
                            <b style="border-top: 1px solid; font-weight: bold;">Sales Department</b>
                        </div>
                        <div class="col-sm-4 col-xs-4" style="text-align:center">
                            <b style="border-top: 1px solid; font-weight: bold;">Accounts Department</b>
                        </div>
                        <div class="col-sm-4 col-xs-4" style="text-align:center">
                            <b style="border-top: 1px solid; font-weight: bold;">Project Director</b>
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div><br><br>

                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p style="font-weight: bold">Documents to be attached:</p>
                        <ul>
                            <li>CNIC Copy</li>
                            <li>2 passport size picture</li>
                            <li>Payment clearance slip from account</li>
                        </ul>
                    </div>
                </div>




            </div>   
            <div class="text-left no-print" >
                <button id="print" class="btn btn-default btn-outline" type="button"> <span><i class="fa fa-print"></i> Print</span> </button>
            </div>
        </div>
        <!-- .row -->
    </div>
        
@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>
    var a = ['','one ','two ','three ','four ', 'five ','six ','seven ','eight ','nine ','ten ','eleven ','twelve ','thirteen ','fourteen ','fifteen ','sixteen ','seventeen ','eighteen ','nineteen '];
    var b = ['', '', 'twenty','thirty','forty','fifty', 'sixty','seventy','eighty','ninety'];
    function number2TextConversion(num) {
        if ((num = num.toString()).length > 9) return 'overflow';
        n = ('000000000' + num).substr(-9).match(/^(\d{2})(\d{2})(\d{2})(\d{1})(\d{2})$/);
        if (!n) return; var str = '';
        str += (n[1] != 0) ? (a[Number(n[1])] || b[n[1][0]] + ' ' + a[n[1][1]]) + 'crore ' : '';
        str += (n[2] != 0) ? (a[Number(n[2])] || b[n[2][0]] + ' ' + a[n[2][1]]) + 'lac ' : '';
        str += (n[3] != 0) ? (a[Number(n[3])] || b[n[3][0]] + ' ' + a[n[3][1]]) + 'thousand ' : '';
        str += (n[4] != 0) ? (a[Number(n[4])] || b[n[4][0]] + ' ' + a[n[4][1]]) + 'hundred ' : '';
        str += (n[5] != 0) ? ((str != '') ? 'and ' : '') + (a[Number(n[5])] || b[n[5][0]] + ' ' + a[n[5][1]]) : '';

        return str;
    }

    num=$("#sizee").val();
    let stringWithoutComma = num.replace(/,/g,'');
    $("#sizee-label").text(number2TextConversion(stringWithoutComma));


</script>

@stop