@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
    <style type="text/css">

    #product_tag_selected_items {
        margin-top: 20px;
    }
    .ordering-txt { width: 40px; text-align: center; }
    .product-tag-column { border-bottom: 1px solid #ccc; }
    </style>
@endsection


@section('title')
    <section class="content-header">
        <h1>
            Product Tag Print
            <small>all item types product tag printing</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Product Tag Print</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
    @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
    @endif

        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title">List</h3>
                        <div class="box-tools">
                            <div class="input-group input-group-sm" style="width: 150px;">

                            </div>
                        </div>
                    </div>
                    <div class="box-body">

                        <div class="row">
                        	 {!! Form::open(['url' => 'admin/product-tag-print-page-generate']) !!}
                            <div class="col-md-8">
                                <div class="form-group">
                                    <select class="form-control item_type_select2" name="item_type_id" id="item_type_id" >
                                        <option value="">--Select Item Type--</option>
                                        @foreach($item_types as $item)
                                        <option value="{{ $item->item_type_id }}">{{ $item->item_type_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <input type="text" id="product_sku" class="form-control" name="product_sku"  placeholder="Enter 4 product SKU with comma separated" />
                                </div>

                            </div>
                            <div class="col-md-4">
                                <button class="btn btn-primary" type="submit" id="product_tag_print_save_btn">Generate</button>
                                <!-- <button class="btn btn-info" id="product_tag_print_btn">Print</button>         -->
                            </div>
                           {!! Form::close() !!}
                        </div>



                        <div class="row">
                            <div class="col-md-8">
                                <div class="product-tag-container">
                                    <table class="table table-hover" id="product_printing_data">
                                    </table>
                                </div>
                            </div>
                        </div>



                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}
    <script type="text/javascript">

        // $(document).on('click', '#product_tag_print_save_btn', function() {
        //     console.log('firing me');
        //     $.ajaxSetup({
        //         headers: {
        //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //         }
        //     });

        //     $.ajax({
        //         type: 'POST',
        //         url: "https://www.ryans.com/admin/product-tag-print-page-generate",
        //         data: 'item_type_id='+ $('#item_type_id option:selected').val() +'&product_sku='+ $('#product_sku').val(),
        //      //    xhrFields: {
        //      //  	  responseType: 'blob'
        //     	// },
        //         success: function(res) {
        //             console.log(res);
        //             $('#product_printing_data').html('');
        //             $('#product_printing_data').html(res);

        //          //    var blob = new Blob([res]);
        //         	// var link = document.createElement('a');
        //         	// link.href = window.URL.createObjectURL(blob);
        //         	//link.download = "Sample.pdf";
        //         	// link.click();
        //         }
        //     });

        // });

		// $(document).on('click', '#product_tag_print_btn', function() {

		// 	// var printContents = document.getElementById('section-to-print').innerHTML;
  //  //    		var originalContents = document.body.innerHTML;
  //  //    		document.body.innerHTML = printContents;
  //  //    		window.print();
		// });


    </script>
@endsection