@extends('layouts.layout')

@section('body_class', 'nav-md')

@section('body_content')
<link rel="stylesheet" type="text/css" href="{{ asset('css/partner_voucher_print_invoice.css') }}" >
<div class="container bootstrap snippets bootdeys">
<div class="row">
  <div class="col-xs-12">
	  	<div class="panel panel-default invoice" id="invoice">
		  <div class="panel-body">
		    <div class="row">            
                <div class="col-xs-3">
                    <img style="width:100px; height:100px; float:right;"  src = "{{ asset('/images/partner_voucher_blast/logo.png') }}" />
                </div>
                <div class="col-xs-7" style="text-align:center;">
                    <p><strong style="font-size:15px;">PT. LAKU EMAS INDONESIA</strong><br/>
                    Synthesis Square Tower 2 Level 10</br>
                    Jalan Jend. Gatot Subroto Kav. 64 No. 177A, Jakarta Selatan 12870</br>  					
                    Telp: +621 8317788 | email: info@lakuemas.com</br>								
                    www.lakuemas.com</p>                   								
                </div>
                    <div class="col-xs-2">
                </div>
			</div>

			<hr>

            <div class="row">
                <div class="col-xs-12">
                    <H2 style="text-align:center;font-size: 25px;">Invoice</H2>
			    </div>
            </div>

			<div class="row">
				<div class="col-xs-6 from">
					<p class="lead marginbottom">To : </p>
					<p>Attn : {{ $invoice->sponsor->name }}</p>
				</div>

			    <div class="col-xs-6 text-right payment-details">
					<p class="lead marginbottom payment-info">Payment details :</p>
                    <p style="font-size:12px;">No : {{ $invoice->invoice_number }}</br>
					Date: {{ date('d-m-Y', strtotime($invoice->approval_date)) }}</br>
					Currency: IDR</br>
					Due Date: {{ date('d-m-Y', strtotime($invoice->jatuh_tempo)) }}</br>
			    </div>
			</div>

			<div class="row table-row">
				<table class="table table-striped" style="border-bottom:1px solid #00000030;">
                    <thead>
                        <tr>
                        <th class="text-center">No</th>			          
                        <th class="text-center">Description of Goods/Services</th>
                        <th class="text-center">Qty</th>
                        <th class="text-center">Unit Price</th>
                        <th class="text-center">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                    @php
                        $total = 0;                        
                    @endphp
                    @if(is_array($grouping) || is_object($grouping))
                        @forelse($grouping as $index => $list)
                            <tr>
                                <td class="text-center">{{ $index + 1 }}</td>
                                <td class="text-center">e-voucher nominal {{ number_format($list->nominal) }}</td>
                                <td class="text-center">{{ $list->total }}</td>
                                <td class="text-center">Rp. {{ number_format($list->nominal) }}</td>
                                <td class="text-center">Rp. {{ number_format($list->nominal * $list->total) }}</td>
                                @php
                                    $amount = $list->nominal * $list->total;
                                    $total += $amount;
                                @endphp
                            </tr>
                        @empty
                            <tr>
                                <td class="text-center" colspan="12">No Data</td>
                            </tr>
                        @endforelse
                    @endif			       
			       </tbody>
			    </table>
			</div>
            <br>
            <div class="row">  
                <div class="col-xs-9"></div>              
                <div class="col-xs-3 text-center invoice-total">
                    <p style="font-size:15px">Total : Rp. {{ number_format($total) }} </p>
                </div>
            </div>

            <br>

			<div class="row">
                <div class="col-xs-6 margintop">
                    <p class="lead marginbottom" style="font-size:10px;">Payment Instruction</br>
                    Please transfer the payment in full amount.</br>
                    Payment should be made via transfer to our Bank Account:</br>
                    PT Laku Emas Indonesia</br>
                    Bank BCA - Branch Grogol Muwardi</br>
                    268-3059951</p>

                    <button class="btn btn-success" id="invoice-print"><i class="fa fa-print"></i> Print/Save PDF Invoice</button>
                    {{-- <button class="btn btn-danger"><i class="fa fa-envelope-o"></i> Mail Invoice</button> --}}
                </div>
                <div class="col-xs-3">
                
                </div>
                <div class="col-xs-3 text-center pull-right">
                    <p>Jakarta, {{ date('d-m-Y', strtotime($invoice->approval_date)) }}</p>
                </div>
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-xs-9" style="right:10px">
                    
                </div>
                <div class="col-xs-3 text-center" style="right:10px">
                    <p>( {{ $approved_by->name }} )</p>
                </div>
            </div>

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

@endsection

@section('scripts')
<script>
    $(function(){
        $("#invoice-print").click(function(){
            window.print();
        });
    })
</script>
@endsection