@extends( 'layouts.app' )

@section('title')

Membership Letter of Customer Statement
@stop

@section('css')
<style type="text/css">
     @media print {
         title {
    display: none;
  }
        .no-print {
            display: block;
        }
        
        .only-print {
            display: none;
        }
     }
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: 2.3in;">
                    <div class="col-xs-offset-8 col-sm-4 col-xs-offset-8 col-xs-4" 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>
                    <div class="spacer" style="margin-left: 0.5in"></div>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12" style="font-weight:bold">
                            @php
                                $dateValue = $property->booking_date;
                              
                                $currentDate = date('Y-m-d', strtotime('2023-07-20'));
                            @endphp
                            
                            @if (strtotime($currentDate) <= strtotime($dateValue))
                                <p>Reference No: <span>{{$property ? $property->membership_no : ''}}</span></p>
                            @else
                                <p>Reference No: <span>SHM/{{date('mYd')}}/000{{$property->id}}</span></p>
                            @endif
                            <p>Dated: {{ date('d-F-Y') }}</p>
                            
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="spacer" style="margin-top: 0.8in;  margin-left: 0.5in"></div>
                    <div class="row">
                        <div class="col-sm-12 col-xs-12">
                            <p style="font-weight:bold">Subject: <span style="text-decoration: underline">Membership Letter - Smart Housing Multan</span></p>
                            @if($property->inventory->type->name == 'Residential Cash' || $property->inventory->type->name == 'Commercial Cash')
                                <p>Plot no <span style="font-weight:bold">{{$property->inventory ? $property->inventory->unit_number : '' }} </span>refers.
                            @else
                                <p>Booking form no <span style="font-weight:bold">{{$property->inventory ? $property->inventory->unit_number : '' }} </span>refers.
                            @endif
                            </p>
                        </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>The management of Smart Housing Multan is pleased to welcome you on becoming the member
                               of this prestigious project. We are determined to provide <span
                               style="font-weight: bold;">{{ explode(' ',$property->inventory->type->name)[0] }}</span> plot
                               within the stipulated time frame.</p>
                        </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>You have been allocated Membership No. <span style="font-weight: bold;">
                                   SHM/{{ date('mYd') }}/000{{$property->id}}/RO{{ $property->inventory->size ? $property->inventory->size->name : '' }}{{ substr(env('SIZE'), 0, 1) }}</span>
                                   against confirm allotment of <span style="font-weight: bold;">{{ $property->inventory->size->name }} 
                                   <!-- (<span id='sizee-label' style="text-transform: capitalize;"></span>) -->
                                   {{ env('SIZE') }},
                                   {{ $property->inventory->size->name * 25 }} Sq Yds.
                                   <span>{{ explode(' ',$property->inventory->type->name)[0] }}</span>
                                   Plot</span>
                                   in Smart Housing Multan. In future, membership No. will be issued as reference.
                                </p>
                            @else
                                <p>You have been allocated Membership No. <span style="font-weight: bold;">
                                   SHM/{{ date('mYd') }}/000{{$property->id}}/RO{{ $property->inventory->size ? $property->inventory->size->name : '' }}{{ substr(env('SIZE'), 0, 1) }}</span>
                                   against provisional allotment of <span style="font-weight: bold;">{{ $property->inventory->size->name }} 
                                   <!-- (<span id='sizee-label' style="text-transform: capitalize;"></span>) -->
                                   {{ env('SIZE') }},
                                   {{ $property->inventory->size->name * 25 }} Sq Yds.
                                   <span>{{ explode(' ',$property->inventory->type->name)[0] }}</span>
                                   File</span>
                                   in Smart Housing Multan. In future, membership No. will be issued as reference.
                                </p>
                            @endif
                            <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>
                    @if($property->inventory->type->name == 'Residential Cash' || $property->inventory->type->name == 'Commercial Cash')
                    @else
                        <div class="row">
                            <div class="col-sm-12 col-xs-12">
                                <p>Payment Schedule for the Payment of further installments is attached. To avoid any surcharge / incovenience, 
                                    you are requested to Pay installments within the due date of payment, through PO/Bank/Draft/Cheque in the favor of <span style="font-weight: bold;">"Smart Housing Multan"</span>.</p>
                            </div>
                        </div>
                    @endif

                    <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>Thank you and assuring you of our best professional services at all times.</p>
                        </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>With Profound Regards,</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 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>
        <!-- .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