@extends('layouts.app')
@section('title', __( 'repair::lang.repair_label' ))
@section('content')
<style type="text/css">
</style>
<!-- Main content -->
<section class="content">
<div class="row">
    <div class="col-md-12 text-center">
			{{--{{ var_dump($job_sheet) }}--}}

					<div style=" height:1in !important;width:1.8in !important; line-height: 16px !important; page-break-after: always;">



						<div style="" class="label-border-internal">



					<div style="height:1in !important; line-height: 1in; width:1.8in !important; display: inline-block;" class="sticker-border text-center">
					<div style="display:inline-block;vertical-align:middle;line-height:16px !important;     text-align: center;" class="barcode">
                         <small>{{ $job_sheet->job_sheet_no }}</small><br/>
                        
                        <small class="display_currency" data-currency_symbol="true">{{ $job_sheet->estimated_cost }}</small><br/>
						@php
							$defects = json_decode($job_sheet->defects, true);
						@endphp
						<small>
						@if(!empty($defects))
							@foreach($defects as $product_defect)
								{{$product_defect['value']}}
								@if(!$loop->last)
									{{','}}
								@endif
							@endforeach
						@endif
						</small>
					</div>
					</div>



						</div>


						</div>



				<br>
				<br>

				<a href="#" id="print-barcode" class="no-print btn btn-primary"><i class="fa fa-barcode"></i> {{__("repair::lang.print_barcode")}}</a>


			</div>
    </div>
</div>
</section>
<!-- /.content -->

@endsection

@section('javascript')
    <script type="text/javascript">
        setTimeout(function(){ $('.barcode').printThis(); }, 1000);
        $('.print-invoice').click( function() {
        	$('.content').addClass('no-print');
        });
        $('#print-barcode').click( function() {
        	$('.content').removeClass('no-print');
        	$('.barcode').printThis();
        });
    </script>
@endsection