@extends('layouts.main')

@section('content')
    <script src="assets/js/libs/jquery-3.1.1.min.js"></script>

    <div class="col-lg-12 layout-spacing">

        <div class="statbox widget box box-shadow">
            <div class="widget-header">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-sm-12 col-12 custom_add_button">
                        <h4>چاپکردنی لەیبڵ</h4>
                    </div>
                </div>
            </div>
            <div class="row">
              <div class="col">
                              </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <div class="widget-content widget-content-area">
                        <div class="row mt-3">
                            <div class="col-2">
                                <div class="form-group">
                                    <label>لەیبڵی بچووک
                                        <input name="type" value="bchwk" type="radio" class="size" checked>
                                    </label>
                                </div>
                            </div>
                            <div class="col-2">
                                <div class="form-group">
                                    <label>لەیبڵی گەورە
                                        <input name="type" value="gawra" type="radio" class="size">
                                    </label>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label>لەیبڵی غورفە تیجارە
                                        <input name="type" value="tijara" type="radio" class="size">
                                    </label>
                                </div>
                            </div>

                            <div class="col-3">
                                <div class="form-group">
                                    <label>لەیبڵی غورفە تیجارە v2
                                        <input name="type" value="tijara_v2" type="radio" class="size">
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                              <label>نرخی کاڵاکە بە دەرزەن بێت
                                  <input name="price" value="darzan" type="radio" class="price" checked>
                              </label>
                              &nbsp; &nbsp;
                              <label>نرخی کاڵاکە بە دانە بێت
                                  <input name="price" value="dana" type="radio" class="price">
                              </label>
                              &nbsp; &nbsp;
                              <label>نرخی کاڵاکە بە کارتۆن بێت
                                  <input name="price" value="karton" type="radio" class="price">
                              </label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">

                                <button type="submit" class="btn  btn-primary print">چاپکردن</button>

                            </div>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </div>


    <script>
        $(".print").click(function() {

            var ids = null;
            var size = $('.size:checked').val();
            var price = $('.price:checked').val();
            print_this(ids, size,price,);

        });

        function print_this(id, size,price) {

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "./product/feed",
                type: "POST",
                data: {
                    type: 'print_label',
                    size: size,
                    price: price,
                    id: id
                },
                async: false,
                success: function(response, textStatus, jqXHR) {
                    setTimeout(function() {
                        var printWin = window.open('', '',
                            'left=240px,top=50px,width=750,height=600,toolbar=0,scrollbars=0,status  =0'
                        );
                        printWin.document.open();
                        printWin.document.write('<html dri="rtl"><head> </head><body>' + response +
                            '<script type="text/javascript">setTimeout(function(){printss()},1000);  function printss(){window.focus();window.print(); setTimeout(function() {window.close(); }, 10)}<\/script> </body></html>'
                        );
                        printWin.document.close();
                    }, 200);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log(errorThrown);
                }
            });
        }
    </script>
@endsection