@extends('layouts.app')
@section('title',  __('barcode.edit_barcode_setting'))

@section('content')
@php
  $measurement_units = [
    'in' => __('barcode.unit_inches'),
    'mm' => __('barcode.unit_millimeters'),
  ];
  $barcode_presets = [
    [
      'id' => 'letter_20',
      'label' => 'Letter 8.5 x 11 / 20',
      'unit' => 'in',
      'values' => [
        'width' => 4,
        'height' => 1,
        'paper_width' => 8.5,
        'paper_height' => 11,
        'top_margin' => 0.5,
        'left_margin' => 0.125,
        'row_distance' => 0,
        'col_distance' => 0.1875,
        'stickers_in_one_row' => 2,
        'stickers_in_one_sheet' => 20,
        'is_continuous' => false,
      ],
    ],
    [
      'id' => 'letter_30',
      'label' => 'Letter 8.5 x 11 / 30',
      'unit' => 'in',
      'values' => [
        'width' => 2.625,
        'height' => 1,
        'paper_width' => 8.5,
        'paper_height' => 11,
        'top_margin' => 0.5,
        'left_margin' => 0.188,
        'row_distance' => 0,
        'col_distance' => 0.125,
        'stickers_in_one_row' => 3,
        'stickers_in_one_sheet' => 30,
        'is_continuous' => false,
      ],
    ],
    [
      'id' => 'letter_32',
      'label' => 'Letter 8.5 x 11 / 32',
      'unit' => 'in',
      'values' => [
        'width' => 2,
        'height' => 1.25,
        'paper_width' => 8.5,
        'paper_height' => 11,
        'top_margin' => 0.5,
        'left_margin' => 0.25,
        'row_distance' => 0,
        'col_distance' => 0,
        'stickers_in_one_row' => 4,
        'stickers_in_one_sheet' => 32,
        'is_continuous' => false,
      ],
    ],
    [
      'id' => 'letter_40',
      'label' => 'Letter 8.5 x 11 / 40',
      'unit' => 'in',
      'values' => [
        'width' => 2,
        'height' => 1,
        'paper_width' => 8.5,
        'paper_height' => 11,
        'top_margin' => 0.5,
        'left_margin' => 0.25,
        'row_distance' => 0,
        'col_distance' => 0,
        'stickers_in_one_row' => 4,
        'stickers_in_one_sheet' => 40,
        'is_continuous' => false,
      ],
    ],
    [
      'id' => 'letter_50',
      'label' => 'Letter 8.5 x 11 / 50',
      'unit' => 'in',
      'values' => [
        'width' => 1.5,
        'height' => 1,
        'paper_width' => 8.5,
        'paper_height' => 11,
        'top_margin' => 0.5,
        'left_margin' => 0.5,
        'row_distance' => 0,
        'col_distance' => 0,
        'stickers_in_one_row' => 5,
        'stickers_in_one_sheet' => 50,
        'is_continuous' => false,
      ],
    ],
    [
      'id' => 'roll_31_75x25_4',
      'label' => 'Roll 31.75 x 25.4 / 1-up',
      'unit' => 'mm',
      'values' => [
        'width' => 31.75,
        'height' => 25.4,
        'paper_width' => 31.75,
        'paper_height' => 25.4,
        'top_margin' => 0,
        'left_margin' => 0,
        'row_distance' => 3.18,
        'col_distance' => 0,
        'stickers_in_one_row' => 1,
        'stickers_in_one_sheet' => 1,
        'is_continuous' => true,
      ],
    ],
  ];
  $selected_measurement_unit = old('measurement_unit', $barcode->measurement_unit);
  $selected_label_layout = json_encode(\App\Barcode::normalizeLabelLayout(old('label_layout', $barcode->label_layout)), JSON_UNESCAPED_UNICODE);
  $label_element_labels = [
    'business_name' => __('barcode.field_business_name'),
    'product_name' => __('barcode.field_product_name'),
    'variation' => __('barcode.field_variation'),
    'brand' => __('barcode.field_brand'),
    'category' => __('barcode.field_category'),
    'price' => __('barcode.field_price'),
    'packing_date' => __('barcode.field_packing_date'),
    'exp_date' => __('barcode.field_exp_date'),
    'lot_number' => __('barcode.field_lot_number'),
    'barcode' => __('barcode.field_barcode'),
    'sku' => __('barcode.field_sku'),
  ];
  $label_sample_values = [
    'business_name' => __('barcode.sample_business_name'),
    'product_name' => __('barcode.sample_product_name'),
    'variation' => __('barcode.sample_variation'),
    'brand' => __('barcode.sample_brand'),
    'category' => __('barcode.sample_category'),
    'price' => __('barcode.sample_price'),
    'packing_date' => __('barcode.sample_packing_date'),
    'exp_date' => __('barcode.sample_exp_date'),
    'lot_number' => __('barcode.sample_lot_number'),
    'sku' => '123456789012',
  ];
@endphp
<style type="text/css">
@include('barcode.partials.designer_preview_styles')
@include('barcode.partials.content_designer_styles')
</style>
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('barcode.edit_barcode_setting')</h1>
</section>

<!-- Main content -->
<section class="content">
{!! Form::open(['url' => action([\App\Http\Controllers\BarcodeController::class, 'update'], [$barcode->id]), 'method' => 'PUT', 
'id' => 'add_barcode_settings_form' ]) !!}
  <div class="box box-solid">
    <div class="box-body">
      <div class="row">
        <div class="col-sm-12">
          <div class="form-group">
            {!! Form::label('name', __('barcode.setting_name') . ':*') !!}
              {!! Form::text('name', $barcode->name, ['class' => 'form-control', 'required',
              'placeholder' => __('barcode.setting_name')]); !!}
          </div>
        </div>
        <div class="col-sm-12">
          <div class="form-group">
            {!! Form::label('description', __('barcode.setting_description') ) !!}
              {!! Form::textarea('description', $barcode->description, ['class' => 'form-control',
              'placeholder' => __('barcode.setting_description'), 'rows' => 3]); !!}
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            {!! Form::label('measurement_unit', __('barcode.measurement_unit') . ':*') !!}
            {!! Form::select('measurement_unit', $measurement_units, $selected_measurement_unit, ['class' => 'form-control', 'id' => 'measurement_unit', 'required']); !!}
          </div>
        </div>
        @include('barcode.partials.designer_controls')
        <div class="clearfix"></div>
        <div class="col-sm-12">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('is_continuous', 1, $barcode->is_continuous, ['id' => 'is_continuous']); !!} @lang('barcode.is_continuous')</label>
              </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="top_margin">{{ __('barcode.top_margin') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
              </span>
              {!! Form::number('top_margin', $barcode->top_margin, ['class' => 'form-control',
              'placeholder' => __('barcode.top_margin'), 'min' => 0, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="left_margin">{{ __('barcode.left_margin') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
              </span>
              {!! Form::number('left_margin', $barcode->left_margin, ['class' => 'form-control',
              'placeholder' => __('barcode.left_margin'), 'min' => 0, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="width">{{ __('barcode.width') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-text-width" aria-hidden="true"></i>
              </span>
              {!! Form::number('width', $barcode->width, ['class' => 'form-control',
              'placeholder' => __('barcode.width'), 'min' => 0.1, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="height">{{ __('barcode.height') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-text-height" aria-hidden="true"></i>
              </span>
              {!! Form::number('height', $barcode->height, ['class' => 'form-control',
              'placeholder' => __('barcode.height'), 'min' => 0.1, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="paper_width">{{ __('barcode.paper_width') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-text-width" aria-hidden="true"></i>
              </span>
              {!! Form::number('paper_width', $barcode->paper_width, ['class' => 'form-control',
              'placeholder' => __('barcode.paper_width'), 'min' => 0.1, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="col-sm-6 paper_height_div @if( $barcode->is_continuous ) {{ 'hide' }} @endif">
          <div class="form-group">
            <label for="paper_height">{{ __('barcode.paper_height') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-text-height" aria-hidden="true"></i>
              </span>
              {!! Form::number('paper_height', $barcode->paper_height, ['class' => 'form-control',
              'placeholder' => __('barcode.paper_height'), 'min' => 0.1, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            {!! Form::label('stickers_in_one_row', __('barcode.stickers_in_one_row'). ':*') !!}
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
              </span>
              {!! Form::number('stickers_in_one_row', $barcode->stickers_in_one_row, ['class' => 'form-control',
              'placeholder' => __('barcode.stickers_in_one_row'), 'min' => 1, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="row_distance">{{ __('barcode.row_distance') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
              </span>
              {!! Form::number('row_distance', $barcode->row_distance, ['class' => 'form-control',
              'placeholder' => __('barcode.row_distance'), 'min' => 0, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            <label for="col_distance">{{ __('barcode.col_distance') }} <span class="js-barcode-unit-text">({{ $selected_measurement_unit }})</span>:*</label>
            <div class="input-group">
              <span class="input-group-addon">
                <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
              </span>
              {!! Form::number('col_distance', $barcode->col_distance, ['class' => 'form-control',
              'placeholder' => __('barcode.col_distance'), 'min' => 0, 'step' => 0.00001, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-6 stickers_per_sheet_div @if( $barcode->is_continuous ) {{ 'hide' }} @endif">
          <div class="form-group">
            {!! Form::label('stickers_in_one_sheet', __('barcode.stickers_in_one_sheet') . ':*') !!}
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-th" aria-hidden="true"></i>
              </span>
              {!! Form::number('stickers_in_one_sheet', $barcode->stickers_in_one_sheet, ['class' => 'form-control',
              'placeholder' => __('barcode.stickers_in_one_sheet'), 'min' => 1, 'required']); !!}
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
        @include('barcode.partials.designer_preview')
        @include('barcode.partials.content_designer')
        <div class="col-sm-12 text-center">
          <button type="submit" class="btn btn-primary btn-big">@lang('messages.update')</button>
        </div>
      </div>
    </div>
  </div>
  {!! Form::close() !!}
</section>
<!-- /.content -->
@endsection
@section('javascript')
    @php
        $barcode_preview_v = $asset_v . '-' . @filemtime(public_path('js/barcode_settings_preview.js'));
        $barcode_content_designer_v = $asset_v . '-' . @filemtime(public_path('js/barcode_content_designer.js'));
    @endphp
    <script src="{{ asset('js/barcode_settings_preview.js?v=' . $barcode_preview_v) }}"></script>
    <script src="{{ asset('js/barcode_content_designer.js?v=' . $barcode_content_designer_v) }}"></script>
@endsection