@extends('admin.layout.app')
@section('title','Rental Invoice')
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Rental Invoice</h4>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <!-- <div class="panel-heading">
                            <h4>Invoice</h4>
                        </div> -->
                        <div class="panel-body">
                            <div class="clearfix">
                                <div class="pull-left">
                                    <h3><img src="assets/images/logo_sm.png" alt="" height="24"> Garage</h3>
                                </div>
                                <div class="pull-right">
                                    <h4>Invoice # <br>
                                        <strong>{{$invoice->invoice_number}}</strong>
                                    </h4>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="pull-left m-t-30">
                                        <address>
                                            <strong>Garage, Inc.</strong><br>
                                        </address>
                                    </div>
                                    <div class="pull-right m-t-30">
                                        <p><strong>Start
                                                Date: </strong> {{date('d-M-Y', strtotime($invoice->start_date))}}</p>
                                        <p><strong>Receive
                                                Date </strong>{{date('d-M-Y', strtotime($invoice->receive_date))}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="m-h-50"></div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table m-t-30">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Plate Number</th>
                                                <th>Description</th>
                                                <th>Quantity</th>
                                                <th>Unit Cost</th>
                                                <th>Amount</th>
                                                <th>Discount</th>
                                                <th>Gross Amount</th>
                                                <th>5% VAT</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($invoice_details as $invoice_detail)
                                                <tr>
                                                    <td>
                                                        {{ $invoice_detail->id }}
                                                    </td>
                                                    <td>{{$invoice_detail->plate_number}}
                                                    </td>
                                                    <td>{{$invoice_detail->description}}
                                                    </td>
                                                    <td>{{$invoice_detail->no_of_days}}
                                                    </td>
                                                    <td>{{$invoice_detail->unit_price}}
                                                    </td>
                                                    <td>{{$invoice_detail->no_of_days * $invoice_detail->unit_price}}
                                                    </td>
                                                    <td>{{$invoice_detail->discount}}
                                                    </td>
                                                    <td>{{($invoice_detail->no_of_days * $invoice_detail->unit_price) - $invoice_detail->discount}}
                                                    </td>
                                                    <td>{{$invoice_detail->vat}}
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <div class="clearfix m-t-40">
                                        <h5 class="small text-inverse font-600">PAYMENT TERMS AND POLICIES</h5>
                                        <small>
                                            All accounts are to be paid within 7 days from receipt of
                                            invoice. To be paid by cheque or credit card or direct payment
                                            online. If account is not paid within 7 days the credits details
                                            supplied as confirmation of work undertaken will be charged the
                                            agreed quoted fee noted above.
                                        </small>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 col-xs-6 col-md-offset-3">
                                    @php
                                        $t_amount= 0;
                                        $t_discount = 0;
                                        $t_vat = 0;
                                    @endphp
                                    @foreach($invoice_details as $invoice_detail)
                                        @php
                                            $t_discount += $invoice_detail->discount;
                                            $t_amount += $invoice_detail->no_of_days * $invoice_detail->unit_price;
                                            $t_vat += $invoice_detail->vat;
                                        @endphp
                                    @endforeach
                                    <p class="text-right"><b>Sub-total:</b> {{$t_amount}}</p>
                                    <p class="text-right">Discout: {{$t_discount}}</p>
                                    <p class="text-right">VAT: {{$t_vat}}</p>
                                    <hr>
                                    <h3 class="text-right">AED {{$t_amount - $t_discount + $t_vat}}</h3>
                                </div>
                            </div>
                            <hr>
                            <div class="hidden-print">
                                <div class="pull-right">
                                    <a href="javascript:window.print()"
                                       class="btn btn-inverse waves-effect waves-light"><i
                                            class="fa fa-print"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection