@extends('layouts.layout')

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

@section('css')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="{{ asset('css/voucher_print.css') }}" />

@endsection

@section('body_content')
<div class="print_button">
	<select id="pageName" class="form-control" style="margin-bottom: 5px;" onchange="setPage()">
		<option value="1">With color</option>
		<option value="0" selected>Without color</option>
	</select>
	<button class="btn btn-success" onclick="printCounter()"><i class="fa fa-print"></i> Print</button>
</div>
<div class="print_body">
	@foreach($invoice->so_invoice_item as $key => $inv_item)
		@foreach($inv_item->campaign_voucher as $key1 => $item)
			<div class="voucher_layout">
				<div class="part-1">
					@php
						$oldGram = number_format($item->gram + 0, (fmod($item->gram,1)!=0.00 ? 1 : 0), ',', '.') . ' gram';
					@endphp
					{{ $item->campaign->type === 1 || (float) $item->gram > 0 ? (float) $item->gram . ' gram' : 'Rp. ' . number_format($item->nominal, 0, ',', '.') . ',-' }}
				</div>
				<div class="part-2">
					{{ $item->voucher_code }}
				</div>
				<div class="part-3">
					<div class="title1 year">{{ date("Y", strtotime($item->campaign->berlaku_sampai)) }}</div>
					<div class="title1">{{ date("m", strtotime($item->campaign->berlaku_sampai)) }}</div>
					<div class="title1">{{ date("d", strtotime($item->campaign->berlaku_sampai)) }}</div>
				</div>
			</div>
		@endforeach
	@endforeach
</div>
@endsection

@section('scripts')
    <script type="text/javascript">
        function setPage() {
            location = '{{url('sales_order/invoice/' . $id . '/print_with_color')}}';
        }

        function printCounter() {
            $.ajax({
                url: "{{url('sales_order/count_invoice_print/' . $id)}}",
                type : 'post',
                data: {_token: "{{csrf_token()}}"},
                success: function(response){
                    window.print();
                }
            });
        }
    </script>
@endsection