@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_with_color.css') }}" />
@endsection

@section('body_content')
<div class="container body">
    <div class="main_container">
        {{-- @include('includes.sidebar') --}}
        <div class="print_button">
            <select id="pageName" class="form-control" style="margin-bottom: 5px;" onchange="setPage()">
                <option value="1" selected>With color</option>
                <option value="0">Without color</option>
            </select>
            <button class="btn btn-success" onclick="window.print()"><i class="fa fa-print"></i> Print</button>
        </div>
        <div class="right_col" role="main">
            {{-- <div class="page-title">
                <div class="title_left">
                    <h3>Campaign</h3>
                </div>
                <div class="clearfix"></div>
            </div> --}}

            <form id="form" class="form-horizontal">
                {{-- <div class="row">
                    <div class="col-xs-12">
                        <ol class="breadcrumb">
                            <li><a href="{{ url('/dashboard') }}">Home</a></li>
                            <li><a href="{{ url('/campaign') }}">Campaign</a></li>
                            <li class="active">Print</li>
                        </ol>
                    </div>
                </div> --}}

                <div class="print_body">
                    @foreach($vouchers as $key => $voucher)
                        @if($key % 4 === 0 && $key !== 0)
                            <div style="height: 0.63cm;"></div>
                        @endif
                        <div class="voucher_layout">
                            <div class="part-1">
                                {{ $voucher->campaign->type === 1 ? $voucher->gram . ' gram' : 'Rp. ' . number_format($voucher->nominal) . ',-' }}
                            </div>
                            <div class="part-2">
                                {{ $voucher->voucher_code }}
                            </div>
                            <div class="part-3">
                                <div class="title1 year">{{ date("Y", strtotime($voucher->campaign->berlaku_sampai)) }}</div>
                                <div class="title1">{{ date("m", strtotime($voucher->campaign->berlaku_sampai)) }}</div>
                                <div class="title1">{{ date("d", strtotime($voucher->campaign->berlaku_sampai)) }}</div>
                            </div>
                        </div>
                        @if($vouchers->count() !== ($key + 1))
                            <div class="pagebreak"></div>
                        @endif
                    @endforeach
                </div>
            </form>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

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