@extends( 'layouts.app' )

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

@section('css')
<style type="text/css">
strong {
    color: black!important;
}
.body {
    font-size: 19px;
    color: solid 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;">
                <div class="row" style="margin-top: 2in;margin-left: -10px;">
                    <div class="col-sm-3 col-xs-3" style="">
                        <p style="font-weight:bold">TO:</p>
                        <p style="margin-top: -11px; font-weight:bold">{{ $property->customer->name }} </p>
                        <p style="margin-top: -11px; font-weight:bold">@if ($property->customer->father_type == 1)
                            {{ 'S/O ' }}
                           @elseif($property->customer->father_type == 2)
                           {{ 'D/O ' }} @else {{ 'W/O ' }}
                           @endif {{ $property->customer->father_name }}</p>
                        <p style="margin-top: -11px; font-weight:bold">Address:</p>
                        <p style="margin-top: -11px">{{ $property->customer->mailing_address }}</p>
                        <p style="margin-top: -11px; font-weight:bold">Phone No:</p>
                        <p style="margin-top: -11px">{{ $property->customer->mobile_number }}</p>
                    </div>
                    <div class="col-sm-9 col-xs-9" style="">
                        <div class="row"
                            style="border:0px solid black; height:27rem; display:flex; float: right;">
                                <p> <img class="img_wddth" style="height: 18rem;margin-top: 1rem;width: 18rem;"
                                        src="{{ asset('uploads/'.$property->customer->img_url) }}"
                                        onerror="this.onerror=null; this.src='{{ url('download.jpg') }}'">
                                </p>
                        </div>
                    </div>
                </div> 
                            
                    
                <div class="spacer" style="margin-left: 0.5in"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        @if($property->inventory->type->name == 'Residential Cash' || $property->inventory->type->name == 'Commercial Cash')
                            <p>1.   The management of Smart Housing Multan is pleased to allot the file of <span>{{ explode(' ',$property->inventory->type->name)[0] }}</span> plot
                            of <span style="font-weight: bold;">{{ $property->inventory->size->name }} {{ env('SIZE') }}
                            ({{ $property->inventory->size->name * 25 }} Sq Yds)</span> in Smart Housing Multan.</p>
                        @else
                            <p>1.   The management of Smart Housing Multan is pleased to allot the file of <span>{{ explode(' ',$property->inventory->type->name)[0] }}</span> file
                            of <span style="font-weight: bold;">{{ $property->inventory->size->name }} {{ env('SIZE') }}
                            ({{ $property->inventory->size->name * 25 }} Sq Yds)</span> in Smart Housing Multan.</p>
                        @endif
                    </div>
                </div>

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

                <div class="spacer" style="margin-top: 0.3in;  margin-left: 0.5in"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>2. <span style="font-weight: bold;">Reference No.
                            SHM/{{ date('mYd') }}/000{{ $property->id }}/RO{{ $property->inventory->size ? $property->inventory->size->name : '' }}{{ substr(env('SIZE'), 0, 1) }}</span>
                            dated <span>{{date('d-F-Y')}}</span>.
                        </p>
                        <input type="hidden" id='sizee' value={{ number_format($property->inventory->size->name) }}>

                    </div>
                </div>

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

                <div class="spacer" style="margin-top: 0.3in;  margin-left: 0.5in"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        @if($property->inventory->type->name == 'Residential Cash' || $property->inventory->type->name == 'Commercial Cash')
                            <p>3. Your Plot no is
                                <span>{{ $property->inventory ? $property->inventory->unit_number : '' }}
                                </span>Street
                                <span>{{ $property->inventory->floor ? $property->inventory->floor->name : '' }}
                                </span>Block
                                <span>{{ explode(' ',$property->inventory->floor ? $property->inventory->floor->unitBlock->name : '')[0] }}</span>
                            </p>
                        @else
                            <p>3. Your File no is
                                <span>{{ $property->inventory ? $property->inventory->unit_number : '' }}
                                </span>Street
                                <span>{{ $property->inventory->floor ? $property->inventory->floor->name : '' }}
                                </span>Block
                                <span>{{ explode(' ',$property->inventory->floor ? $property->inventory->floor->unitBlock->name : '')[0] }}</span>
                            </p>
                        @endif
                    </div>
                </div>

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

                <div class="spacer" style="margin-top: 0.3in;  margin-left: 0.5in"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        @if($property->inventory->type->name == 'Residential Cash' || $property->inventory->type->name == 'Commercial Cash')
                            <p>4. Remaining dues (Maintenance Charges) will be paid by you as per Smart Housing Multan after the possession of the plot.</p>
                        @else
                            <p>4. Remaining dues (Maintenance Charges) will be paid by you as per Smart Housing Multan after the possession of the file.</p>
                        @endif
                    </div>
                </div>

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

                <div class="spacer" style="margin-top: 0.3in;  margin-left: 0.5in"></div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>5. Adherence of all rules / regulation / by laws of Smart Housing Multan and MDA is mandatory.</p>
                    </div>
                </div>

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


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

                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p style="font-weight: bold; font-size: 21px">Managing Director</p>
                    </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