@extends('layouts/inventory_layout')
@section('title', '| '.$moduleTitle)
@section('content')
@include('successMsg')

 {{-- <style>
    .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfood > tr > td, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfood > tr > th {
        border-color: #000 !important;
    }
    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top-color: #000 !important;}
</style> --}}
<style type="text/css">
	.barcodeSpan{
        margin: 2px 3px 2px 3px;
        display: inline-block;
        text-align:center !important;
    }
</style>

<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
        <div class="col-md-12 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{ route('inventory_purchase_list') }}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                </i>Purchase List</a>
                <button type="button" class="btn btn-primary" onclick='printDiv();' id="print">Print</button> &nbsp;&nbsp;&nbsp;

            </div>
            <div id="barcodePrint">
            <style>
                @media print {
                    html {
                        -webkit-print-color-adjust: exact !important;
                        font-family: sans-serif;
                    }

                    body {
                        zoom: 70% !important;
                        -moz-transform: scale(1.05); /* Firefox */
                        -moz-transform-origin: 0 0;
                    }
                }
            </style>
            @foreach($data->inv_purchase_details as $key => $barcode)
            @php
            $purchaseBarcodeQuantity = 0;
            $posproductbarcode = '';
            $purchaseBarcodeQuantity = $barcode->quantity;
            $posproductbarcode = $barcode->inv_product->barcode;
            @endphp
                @for($i=0; $i < $purchaseBarcodeQuantity;$i++ )
                <spna class="barcodeSpan">
                    <span class="barcodeSpan"><b>{{$barcode->inv_product->name}}</b></span><br>
                    {!! DNS1D::getBarcodeSVG($posproductbarcode, "C128", 1.4,55,false) !!}
                    {{-- {!! DNS1D::getBarcodeSVG($barcode->barcode_serial, "C128", 1.4,55,false) !!} --}}
                    <br><span class="barcodeSpan" style="padding-top:1px;"><b>Price: </b>{{$barcode->inv_product->cost_price}} Tk.</span>
                </spna>
                @endfor
            @endforeach
            </div>
        </div>
    </div>
</div>

@endsection

<script type="text/javascript">

    function printDiv()
    {
		var printContents = document.getElementById("barcodePrint").innerHTML;
		var printStyle = '<style>#purchasesBarcodePrint{float:left;height:100px;padding:0px;width:100%;font-size:11px;margin-bottom:30px; page-break-inside:auto;width:250px;page-break-inside:avoid;}.barcodeSpan{margin: 2px 3px 2px 3px;display:inline-block;text-align:center !important;}<style>@page {size: A4 portrait;margin: 0;}</style>';
		var printDiv = '<div id="order-details-wrapper" style="padding: 0;">' + printStyle + printContents +'</div>';
        document.body.innerHTML = printDiv;
		var originalContents = document.body.innerHTML;
		window.print();
		document.body.innerHTML = originalContents;
		location.reload();

    }
</script>