@extends( 'layouts.app' )

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

@section('css')
<style type="text/css">
strong {
    color: black!important;

}
</style>

@section('content')

            <div class="container-fluid no-font">
                <!-- /.row -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="white-box printableArea" style="padding-left: 40px;border: none;padding-right: 40px;padding-top: 160px;">

<h3 style="text-align: center;"><strong>Provisional Allotment Letter</strong></h3>
<br>
<div class="pull-left" >
<div  >Registration Number:  <strong>{{$property->membership_no}}</strong></div>
<div  >Name:  <strong>{{$property->customer->name}}</strong></div>
</div>

<div class="pull-right" >
    <div  >Provisional Allotment: <strong>No. {{$property->id}}</strong> </div>

<div  >CNIC: <strong>{{$property->customer->cnic}}</strong> </div>
</div>

<div class="clearfix"></div>
<br>
<div>Address: {{$property->customer->address}} {{$property->customer->city ? ','.$property->customer->city->name.','.$property->customer->city->country->name : ''}}</div>
<br>
<br>
<p><strong>Subject: <u>PROVISIONAL ALLOTMENT OF {{$property->inventory->unitCategory->name}} IN PARADIGM GREENS ISLAMABAD</u></strong></p>
<p>Dear Sir,</p>
<p style="    text-align: justify;">M/s Paradigm Greens Islamabad pleased to provisionally allot you a <b>{{$property->inventory->unitCategory->name}} {{$property->inventory->unit_number}} Size {{$property->inventory->unitSize->name}} sqft</b> in Paradigm Greens Islamabad. This Provisional Allotment is subject to fulfillment of terms &amp; conditions as detailed mentioned over leaf and rules and regulations of M/s Paradigm Greens Islamabad. This Provisional allotment is given by Paradigm Greens after receiving 10 percent amount of unit.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; We are looking forward to join the Paradigm Greens.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: left;">

<div class="pull-left"><strong><h5>Malik Arif Hussain</h5>Paradigm Developer </strong></div>
<div class="pull-right"><strong style="float: right"><h5>Shakeel Javed</h5> Chief Executive</strong> </div>
</p>

                    </div>
                    <div class="text-right">
        <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>

@stop