@extends('admin.master')
@if(isset($editModeData))
    @section('title','Print Barcode')
@else
    @section('title','Print Barcode')
@endif
@section('content')
    <link href="{!! asset('admin_assets/css/custom.css') !!}" rel="stylesheet">
    <link href="{!! asset('admin_assets/css/print.css') !!}" rel="stylesheet">

    <div class="container-fluid">
        <div class="row bg-title page-breadcrumb bg-white">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12 ">
                <ol class="breadcrumb ">
                    <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i>
                            Dashboard</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>

        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-info">
                    <div class="panel-heading"><i class="mdi mdi-clipboard-text fa-fw"></i>@yield('title')</div>
                    <div class="panel-wrapper collapse in" aria-expanded="true">
                        <div class="panel-body">
                            @if(isset($editModeData))
                                {{ Form::model($editModeData, array('route' => array('barcode.update', $editModeData->id), 'method' => 'PUT','files' => 'true','class' => 'form-horizontal')) }}
                            @else
                                {{ Form::open(array('route' => 'barcode.store','enctype'=>'multipart/form-data','class'=>'form-horizontal')) }}
                            @endif
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-offset-2 col-md-6">
                                        @if($errors->any())
                                            <div class="alert alert-danger alert-dismissible" role="alert">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-label="Close"><span aria-hidden="true">×</span></button>
                                                @foreach($errors->all() as $error)
                                                    <strong>{!! $error !!}</strong><br>
                                                @endforeach
                                            </div>
                                        @endif
                                        @if(session()->has('success'))
                                            <div class="alert alert-success alert-dismissable">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-hidden="true">×
                                                </button>
                                                <i class="cr-icon glyphicon glyphicon-ok"></i>&nbsp;<strong>{{ session()->get('success') }}</strong>
                                            </div>
                                        @endif
                                        @if(session()->has('error'))
                                            <div class="alert alert-danger alert-dismissable">
                                                <button type="button" class="close" data-dismiss="alert"
                                                        aria-hidden="true">×
                                                </button>
                                                <i class="glyphicon glyphicon-remove"></i>&nbsp;<strong>{{ session()->get('error') }}</strong>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-sm-12 col-lg-12">
                                            <div class="well well-sm">
                                                <div class="form-group" style="margin-bottom:0; margin: 0">
                                                    <div class="input-group wide-tip">
                                                        <div class="input-group-addon"
                                                             style="padding-left: 10px; padding-right: 10px;">
                                                            <i class="fa fa-2x fa-barcode addIcon"></i></div>
                                                        <input type="text" name="product" class="form-control  input-lg"
                                                               id="products" style="height: 48px"
                                                               placeholder="Search by product name or code">
                                                        <div class="input-group-addon"
                                                             style="padding-left: 10px; padding-right: 10px;">
                                                            <a href="{{ route('product.create') }}" id="addManually1"
                                                               tabindex="-1"><i class="fa fa-2x fa-plus-circle addIcon"
                                                                                id="addIcon"></i></a></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                </div>

                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="control-group table-group">
                                            <label class="table-label">Order Items</label>

                                            <div class="controls table-controls">
                                                <table id="poTable"
                                                       class="order-details table items table-striped table-bordered table-condensed table-hover sortable_table">
                                                    <thead>
                                                    <tr>
                                                        <th class="col-md-6">Product (Code - Name)</th>
                                                        <th class="col-md-1">Quantity</th>
                                                        <th><i class="fa fa-trash-o"
                                                               style="opacity:0.5; filter:alpha(opacity=50);"></i></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody class="ui-sortable custom-row ">

                                                    </tbody>

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

                                </div>

                                <div class="row">

                                    <div class="col-sm-12 col-lg-12">
                                        <div class="well well-sm">
                                            <b>Print:</b>
                                            <div class="form-group row pt-3">
                                                <div class="col-sm-12">
                                                    <div class="custom-control custom-checkbox"
                                                         style="display: inline-block">
                                                        <input type="checkbox" id="customCheck1" name="site_name"
                                                               checked>
                                                        <label for="customCheck1">Site Name</label>
                                                    </div>

                                                    <div class="custom-control custom-checkbox"
                                                         style="display: inline-block">
                                                        <input type="checkbox" id="customCheck1" name="product_name"
                                                               checked>
                                                        <label for="customCheck1">Product Name</label>
                                                    </div>

                                                    <div class="custom-control custom-checkbox"
                                                         style="display: inline-block">
                                                        <input type="checkbox" id="customCheck1" name="product_price"
                                                               checked>
                                                        <label for="customCheck1">Product Price</label>
                                                    </div>

                                                    {{--													<div class="custom-control custom-checkbox" style="display: inline-block">--}}
                                                    {{--														<input type="checkbox"  id="customCheck1" name="unit"  >--}}
                                                    {{--														<label for="customCheck1">Unit</label>--}}
                                                    {{--													</div>--}}

                                                    <div class="custom-control custom-checkbox"
                                                         style="display: inline-block">
                                                        <input type="checkbox" id="customCheck1" name="address">
                                                        <label for="customCheck1">Address</label>
                                                    </div>

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

                                </div>


                            </div>

                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <button type="submit" class="btn btn-success  center-block"><i
                                                        class="fa fa-gear"></i> Generate Barcode
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ Form::close() }}

                            @if(isset($barcodes))
                                <div class="panel-body">
                                    <div class="row printableArea">


{{--                                        <div id="barcode-con">--}}
{{--                                            <button type="button" onclick="window.print();return false;"--}}
{{--                                                    class="btn btn-primary btn-block tip no-print" title=""--}}
{{--                                                    data-original-title="Print"><i class="icon fa fa-print"></i> Print--}}
{{--                                            </button>--}}
{{--                                            <div class="item style50" style="width:4.1in;height:3in;border:0;">--}}
{{--                                                <div class="div50"--}}
{{--                                                     style="width:4.1in;height:3in;border: 1px dotted #CCC;padding-top:0.025in;">--}}
{{--                                                    <span--}}
{{--                                                        class="barcode_site"><strong>GOODLUCK IT (গুডলাক আইটি)</strong></span><span--}}
{{--                                                        class="barcode_price">ADAPTER</span><span--}}
{{--                                                        class="barcode_name"><strong>Price 350.00</strong></span> <span--}}
{{--                                                        class="barcode_image"><img--}}
{{--                                                            src="{{ asset('sample.png') }}"--}}
{{--                                                            alt="GLIT0003" class="bcimg"></span></div>--}}
{{--                                            </div>--}}
{{--                                            <div class="item style50" style="width:4.1in;height:3in;border:0;">--}}
{{--                                                <div class="div50"--}}
{{--                                                     style="width:4.1in;height:3in;border: 1px dotted #CCC;padding-top:0.025in;">--}}
{{--                                                    <span--}}
{{--                                                        class="barcode_site"><strong>GOODLUCK IT (গুডলাক আইটি)</strong></span><span--}}
{{--                                                        class="barcode_price">ADAPTER</span><span--}}
{{--                                                        class="barcode_name"><strong>Price 350.00</strong></span> <span--}}
{{--                                                        class="barcode_image"><img--}}
{{--                                                            src="https://accounts.goodluck.com.bd/admin/products/barcode/GLIT0003/code128/20"--}}
{{--                                                            alt="GLIT0003" class="bcimg"></span></div>--}}
{{--                                            </div>--}}
{{--                                            <div class="item style50" style="width:4.1in;height:3in;border:0;">--}}
{{--                                                <div class="div50"--}}
{{--                                                     style="width:4.1in;height:3in;border: 1px dotted #CCC;padding-top:0.025in;">--}}
{{--                                                    <span--}}
{{--                                                        class="barcode_site"><strong>GOODLUCK IT (গুডলাক আইটি)</strong></span><span--}}
{{--                                                        class="barcode_price">ADAPTER</span><span--}}
{{--                                                        class="barcode_name"><strong>Price 350.00</strong></span> <span--}}
{{--                                                        class="barcode_image"><img--}}
{{--                                                            src="https://accounts.goodluck.com.bd/admin/products/barcode/GLIT0003/code128/20"--}}
{{--                                                            alt="GLIT0003" class="bcimg"></span></div>--}}
{{--                                            </div>--}}
{{--                                            <div class="item style50" style="width:4.1in;height:3in;border:0;">--}}
{{--                                                <div class="div50"--}}
{{--                                                     style="width:4.1in;height:3in;border: 1px dotted #CCC;padding-top:0.025in;">--}}
{{--                                                    <span--}}
{{--                                                        class="barcode_site"><strong>GOODLUCK IT (গুডলাক আইটি)</strong></span><span--}}
{{--                                                        class="barcode_price">ADAPTER</span><span--}}
{{--                                                        class="barcode_name"><strong>Price 350.00</strong></span> <span--}}
{{--                                                        class="barcode_image"><img--}}
{{--                                                            src="https://accounts.goodluck.com.bd/admin/products/barcode/GLIT0003/code128/20"--}}
{{--                                                            alt="GLIT0003" class="bcimg"></span></div>--}}
{{--                                            </div>--}}
{{--                                            <div class="item style50" style="width:4.1in;height:3in;border:0;">--}}
{{--                                                <div class="div50"--}}
{{--                                                     style="width:4.1in;height:3in;border: 1px dotted #CCC;padding-top:0.025in;">--}}
{{--                                                    <span--}}
{{--                                                        class="barcode_site"><strong>GOODLUCK IT (গুডলাক আইটি)</strong></span><span--}}
{{--                                                        class="barcode_price">ADAPTER</span><span--}}
{{--                                                        class="barcode_name"><strong>Price 350.00</strong></span> <span--}}
{{--                                                        class="barcode_image"><img--}}
{{--                                                            src="https://accounts.goodluck.com.bd/admin/products/barcode/GLIT0003/code128/20"--}}
{{--                                                            alt="GLIT0003" class="bcimg"></span></div>--}}
{{--                                            </div>--}}
{{--                                            <button type="button" onclick="window.print();return false;"--}}
{{--                                                    class="btn btn-primary btn-block tip no-print" title=""--}}
{{--                                                    data-original-title="Print"><i class="icon fa fa-print"></i> Print--}}
{{--                                            </button>--}}
{{--                                        </div>--}}
                                        <div class="barcodea4">
                                            @foreach($barcodes as $barcode)

                                                <div class="item style40 page-break">
                                                    @if(isset($_POST['site_name']))
                                                        <span
                                                            class="barcode_site"><strong>{{  $barcode['site_name']   }}</strong></span>
                                                    @endif

                                                    @if(isset($_POST['product_price']))
                                                        <span
                                                            class="barcode_price"><strong>Price: {{ $barcode['product_price'] }}</strong></span>
                                                    @endif

                                                    @if(isset($_POST['product_name']))
                                                        <span class="barcode_name">{{ $barcode['product_name'] }}</span>
                                                    @endif

                                                    {{--												@if(isset($_POST['unit']))--}}
                                                    {{--												<span class="barcode_name"><strong>Unit:{{ $barcode['unit'] }}</strong></span>--}}
                                                    {{--												@endif--}}
                                                    <span class="barcode_image">
													<img
                                                        src="data:image/png;base64,{{DNS1D::getBarcodePNG( $barcode['code'] , 'C128')}}"
                                                        alt="barcode"/>
												</span>

                                                    <span
                                                        class="barcode_name"><strong>{{ $barcode['code'] }}</strong></span>

                                                    @if(isset($_POST['address']))
                                                        <span class="barcode_name">{{ $barcode['address'] }}</span>
                                                    @endif
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>

                                </div>
                                <button type="button" class="btn btn-primary btn-block tip no-print" id="print" title=""
                                        data-original-title="Print"><i class="icon fa fa-print"></i> Print
                                </button>
                            @endif


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <link href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
    <script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var counter = 0;
            //AutoComplete
            src = "{{ route('getProducts')}}";

            $("#products").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: src,
                        dataType: "json",
                        data: {
                            term: request.term,
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                minLength: 1,


                select: function (event, ui) {
                    counter++
                    add_purchase_item(ui.item, counter);
                    $(this).val("");
                    return false;

                },
            });


            function add_purchase_item(items, counter) {

                localStorage.setItem('items', JSON.stringify(items));

                poitems = JSON.parse(localStorage.getItem('items'));

                $(".custom-row").append('<tr>' +
                    '<td>' +
                    '<input name="product_id[]" type="hidden" class="rid"  value="' + poitems.id + '">' + poitems.value + '' +
                    '</td>' +


                    '<td>' +
                    '<input name="quantity[]" type="text" class="form-control quantity ' + counter + '" value="1" required>' +
                    '</td>' +

                    '<td>' +
                    '<i class="fa fa-times tip podel remove"  title="Remove" style="cursor:pointer;"></i>' +
                    '</td>' +
                    '</tr>');


            }

            $(".custom-row").on('click', '.remove', function () {
                $(this).parent().parent().remove();
            });

        });

    </script>

    <script>
        $(function () {
            $("#print").click(function () {
                var mode = 'iframe'; //popup
                var close = mode == "popup";
                var options = {
                    mode: mode,
                    popClose: close
                };
                $("div.printableArea").printArea(options);
            });
        });
    </script>


@endsection