@extends('layouts.app')

@section('title')
Loan & Advance 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>
    <li class="active">Transer Letter</li>
</ol>
@stop

@section('css')

<style type="text/css">

@media print {
    .col-xs-12
            {
                width:99%;
                float:left;
            }

.border {
    border: none !important;

    text-align: justify;

     }
}


 .border {
    border: 0px solid black ;
    border-bottom: 1px solid black;
    border-width: -22px solid black ;
    text-align: center;

 } 

 .border2{
    border: 0px solid black !important;
    border-bottom: 1px solid black !important;
    border-width: 100% solid black !important;
 } 


</style>

@stop

@section('content')

<div class="container-fluid white-box border-none" style="margin-left: 15px;">
    <div class="row border-none" id="content">
        <div class="col-lg-12">
            <div class=" border-none">
                <div class="row">
                    <div class="white-box border-none" style="margin-bottom: -40rem;">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12 mt-12">
                                <div class="row" style="margin-top: 2%;">
                                    <div class="col-xs-4 col-sm-3" style="font-family: century-gothic;"><strong class="un" style="font-size: 19px;">{{date('F-d-y', mktime(0, 0, 0, ))}}</strong></div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-xs-12 mt-12" style="margin-top: 3%">
                                <div class="row">
                                    <div class="col-xs-4 col-sm-3" style=" color: black !important; font-size: 18px; font-family: century-gothic;">The Manager</div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6 col-sm-5" style="color: black !important; font-size: 18px; font-family: century-gothic;">{{env('APP_NAME')}}.</div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-4 col-sm-3" style="color: black !important; font-size: 18px; font-family: century-gothic;">{{env('APP_ADDRESS')}}</div>
                                </div>
                        
                            </div>
                            <div class="col-lg-12 col-xs-12 mt-18">
                                <div class="row border-none">
                                    <div class="col-xs-12 col-lg-12"> <span style="font-size: 18px; font-family: century-gothic; color: black;">Subject: <strong style="text-decoration: underline; margin-left: 10rem; font-size: 20px;">Application for {{$type}} </strong></span> </div>
                                </div>
                                <br>
                                <div class="row border-none">
                                    <div class="col-xs-6 col-sm-5" style="color: black !important; font-size: 18px; font-family: century-gothic;">Dear Sir</div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-xs-12" style="margin-top: 2rem; color: black !important; font-size: 18px;  text-align: justify;">
                                        <p style="font-family: century-gothic;  font-weight: 400;">I am <b>{{$employee_name}}</b> Cnic No : <b>{{$employee_cnic }}</b> an employee at your company for over half a decade now. I would like to request you to kindly provide me an <b>{{$type}}</b> of <b>{{number_format($amount)}}/-</b> ( <span id="AoumtInWords"></span> ) . I need it on an urgent basis for some unavoidable situation. You can deduct from my monthly salary or bonus in the upcoming months. I shall be very thankful to you.</p>
                                    </div>
                                    <div class="col-sm-12 col-xs-12" style="margin-top: 4rem; color: black !important; font-size: 18px; font-family: century-gothic;">Thank You</div>
                                    <div class="col-sm-12 col-xs-12" style="margin-top: 5rem; font-family: century-gothic; font-size: 19px;"><strong>For and on behalf of</strong>
                                        <br> <strong>{{ strtolower(env('APP_NAME'))}}</strong> </div>
                                    <br>
                                    <br>
                                    <div class="col-sm-12 col-xs-12" style="margin-top: 5rem; font-family: century-gothic; font-size: 19px;"> <span>____________________</span>
                                        <br> <span><strong>Authorised Signatories</strong></b></span> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="border-none">
                    <br>
                    <br>
                    <button id="print" class="btn btn-success no-print" type="button" style="float: right; color: white;"> <span style="color: white;"><i class="fa fa-print"></i> Print</span> </button>

                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>


</div>
</div> 

  

@stop

@section('js')
<script src="{{asset('js/jquery.PrintArea.js')}}" type="text/JavaScript"></script>
<script>
$(function () {
    $("#print").on("click", function () {
        window.print();
    });
});


$( document ).ready(function() {

    var inWordAmount =  inWords('{{round($amount)}}')
    $('#AoumtInWords').html(inWordAmount)
    });

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 inWords (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]]) + 'lakh ' : '';
    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+' Only';
}

</script>
@stop