@extends('layouts.app')
@section('title',  __('invoice.add_invoice_layout'))

@section('content')
@php
  $custom_labels = json_decode(session('business.custom_labels'), true);
@endphp
<!-- Content Header (Page header) -->
<section class="content-header">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
        <li class="breadcrumb-item text-sm">
          <a class="text-white opacity-5" href="{{action([\App\Http\Controllers\BusinessController::class, 'getBusinessSettings'])}}">
            <i class="ni ni-settings-gear-65 text-sm-i opacity-10"></i> @lang('business.settings')
          </a>
        </li>
        <li class="breadcrumb-item text-sm">
            <a class="opacity-7 text-white" href="{{action([\App\Http\Controllers\InvoiceSchemeController::class, 'index'])}}">@lang( 'invoice.invoice_settings' )</a>
        </li>
         <li class="breadcrumb-item text-sm text-white">
            @lang('invoice.add_invoice_layout')
        </li>
    </ol>
  </nav>
</section>
<!-- Main content -->
<section class="content">
{!! Form::open(['url' => action([\App\Http\Controllers\InvoiceLayoutController::class, 'store']), 'method' => 'post', 'id' => 'add_invoice_layout_form', 'files' => true]) !!}
<div class="card z-index-2 h-100 shadow-lg mb-20">
  <div class="card-header pb-0 pt-3 bg-transparent">
      <h5 class="text-capitalize">
        <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
          <i class="fa fa-ruler-combined text-dark text-lg opacity-10"></i></span>  @lang('invoice.add_invoice_layout') 
      </h5>
      <hr class="line-light">
    </div>   
    <div class="card-body p-3">
      <div class="row pad-15">
        <div class="col-sm-6">
          <div class="form-group">
            {!! Form::label('name', __('invoice.layout_name') . ':*') !!}
              {!! Form::text('name', null, ['class' => 'form-control bd-rd-7', 'required',
              'placeholder' => '']); !!}
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group">
            {!! Form::label('design', __('lang_v1.design') . ':*') !!}
              {!! Form::select('design', $designs, 'classic', ['class' => 'form-control bd-rd-7 select2']); !!}
              <span class="help-block">
                @lang('lang_v1.used_for_browser_based_printing')
              </span>
          </div>

          <div class="form-group hide" id="columnize-taxes">
            <div class="col-md-3">
              <input type="text" class="form-control bd-rd-7" 
              name="table_tax_headings[]" required="required" 
              placeholder="tax 1 name"
              disabled>
              @show_tooltip(__('lang_v1.tooltip_columnize_taxes_heading'))
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control bd-rd-7" 
              name="table_tax_headings[]" placeholder="tax 2 name"
              disabled>
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control bd-rd-7" 
              name="table_tax_headings[]" placeholder="tax 3 name"
              disabled>
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control bd-rd-7" 
              name="table_tax_headings[]" placeholder="tax 4 name"
              disabled>
            </div>
          </div>

        </div>
        <div class="clearfix"></div>
            <div class="col-sm-6">
                <div class="form-group">
                    <div class="checkbox">
                    <label>
                        {!! Form::checkbox('show_letter_head', 1, false, 
                            ['class' => 'input-icheck', 'id' => 'show_letter_head']); !!} @lang('lang_v1.show_letter_head')</label>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 letter_head_input hide">
                <div class="form-group">
                    {!! Form::label('letter_head', __('lang_v1.letter_head') . ':') !!}
                    {!! Form::file('letter_head', ['accept' => 'image/*','class' => 'upload-invoice']); !!}
                    <span class="help-block">@lang('lang_v1.letter_head_help') <br> @lang('lang_v1.invoice_logo_help', ['max_size' => '1 MB'])</span>
                </div>
            </div>
        <div class="clearfix"></div>

        <!-- Logo -->
        <div class="col-sm-6 hide-for-letterhead">
          <div class="form-group">
            {!! Form::label('logo', __('invoice.invoice_logo') . ':') !!}
            {!! Form::file('logo', ['accept' => 'image/*','class' => 'upload-invoice']); !!}
            <span class="help-block">@lang('lang_v1.invoice_logo_help', ['max_size' => '1 MB'])</span>
          </div>
        </div>
        <div class="col-sm-6 hide-for-letterhead">
          <div class="form-group">
            <div class="checkbox">
              <label class="mt-25">
                {!! Form::checkbox('show_logo', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_logo')</label>
              </div>
          </div>
        </div>
        <div class="col-sm-12 hide-for-letterhead">
          <div class="form-group">
            {!! Form::label('header_text', __('invoice.header_text') . ':' ) !!}
            {!! Form::textarea('header_text','', ['class' => 'form-control bd-rd-7',
              'placeholder' => '', 'rows' => 3]); !!}
          </div>
        </div>
      </div>
      <div class="row hide-for-letterhead">
      <div class="col-sm-3">
          <div class="form-group">
            {!! Form::label('sub_heading_line1', __('lang_v1.sub_heading_line', ['_number_' => 1]) . ':' ) !!}
            {!! Form::text('sub_heading_line1', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            {!! Form::label('sub_heading_line2', __('lang_v1.sub_heading_line', ['_number_' => 2]) . ':' ) !!}
            {!! Form::text('sub_heading_line2', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            {!! Form::label('sub_heading_line3', __('lang_v1.sub_heading_line', ['_number_' => 3]) . ':' ) !!}
            {!! Form::text('sub_heading_line3', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            {!! Form::label('sub_heading_line4', __('lang_v1.sub_heading_line', ['_number_' => 4]) . ':' ) !!}
            {!! Form::text('sub_heading_line4', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-sm-3">
          <div class="form-group">
            {!! Form::label('sub_heading_line5', __('lang_v1.sub_heading_line', ['_number_' => 5]) . ':' ) !!}
            {!! Form::text('sub_heading_line5', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
          </div>
        </div>
      </div>
    </div>
</div>
<div class="card z-index-2 h-100 shadow-lg mb-20">
  <div class="card-header pb-0 pt-3 bg-transparent">
      <h5 class="text-capitalize">
        <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
          <i class="fa fa-pencil-alt text-dark text-lg opacity-10"></i></span> @lang('invoice.invoice_heading') 
      </h5>
      <hr class="line-light">
    </div>
    <div class="card-body p-3">
      <div class="row pad-15">
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('invoice_heading', __('invoice.invoice_heading') . ':' ) !!}
              {!! Form::text('invoice_heading', 'Invoice', ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('invoice_heading_not_paid', __('invoice.invoice_heading_not_paid') . ':' ) !!}
              {!! Form::text('invoice_heading_not_paid', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('invoice_heading_paid', __('invoice.invoice_heading_paid') . ':' ) !!}
              {!! Form::text('invoice_heading_paid', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('proforma_heading', __('lang_v1.proforma_heading') . ':' ) !!}
              @show_tooltip(__('lang_v1.tooltip_proforma_heading'))
              {!! Form::text('common_settings[proforma_heading]', __('lang_v1.proforma_invoice'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '', 'id' => 'proforma_heading' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('quotation_heading', __('lang_v1.quotation_heading') . ':' ) !!}
              @show_tooltip(__('lang_v1.tooltip_quotation_heading'))
              {!! Form::text('quotation_heading', __('lang_v1.quotation'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('sales_order_heading', __('lang_v1.sales_order_heading') . ':' ) !!}
              {!! Form::text('common_settings[sales_order_heading]', __('lang_v1.sales_order'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '', 'id' => 'sales_order_heading' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('invoice_no_prefix', __('invoice.invoice_no_prefix') . ':' ) !!}
              {!! Form::text('invoice_no_prefix', __('sale.invoice_no'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('quotation_no_prefix', __('lang_v1.quotation_no_prefix') . ':' ) !!}
              {!! Form::text('quotation_no_prefix', __('lang_v1.quotation_no'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('date_label', __('lang_v1.date_label') . ':' ) !!}
              {!! Form::text('date_label', __('lang_v1.date'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('due_date_label', __('lang_v1.due_date_label') . ':' ) !!}
              {!! Form::text('common_settings[due_date_label]', __('lang_v1.due_date'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '', 'id' => 'due_date_label' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox mt-25">
                <label>
                  {!! Form::checkbox('common_settings[show_due_date]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_due_date')</label>
                </div>
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('date_time_format', __('lang_v1.date_time_format') . ':' ) !!}
              {!! Form::text('date_time_format', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!} 
                <p class="help-block">{!! __('lang_v1.date_time_format_help') !!}</p>
            </div>
          </div>
        @php
          $sell_custom_field_1_label = !empty($custom_labels['sell']['custom_field_1']) ? $custom_labels['sell']['custom_field_1'] : '';

          $sell_custom_field_2_label = !empty($custom_labels['sell']['custom_field_2']) ? $custom_labels['sell']['custom_field_2'] : '';

          $sell_custom_field_3_label = !empty($custom_labels['sell']['custom_field_3']) ? $custom_labels['sell']['custom_field_3'] : '';

          $sell_custom_field_4_label = !empty($custom_labels['sell']['custom_field_4']) ? $custom_labels['sell']['custom_field_4'] : '';
        @endphp
          @if (!empty($sell_custom_field_1_label))
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('common_settings[sell_custom_fields1]', 1, false, ['class' => 'input-icheck']); !!} {{ $custom_labels['sell']['custom_field_1'] ?? __('lang_v1.product_custom_field1') }}</label>
              </div>
            </div>
          </div>
          @endif
          @if (!empty($sell_custom_field_2_label))
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('common_settings[sell_custom_fields2]', 1, false, ['class' => 'input-icheck']); !!} {{ $custom_labels['sell']['custom_field_2'] ?? __('lang_v1.product_custom_field2') }}</label>
              </div>
            </div>
          </div>
          @endif
          @if (!empty($sell_custom_field_3_label))
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('common_settings[sell_custom_fields3]', 1, false, ['class' => 'input-icheck']); !!} {{ $custom_labels['sell']['custom_field_3'] ?? __('lang_v1.product_custom_field3') }}</label>
              </div>
            </div>
          </div>
          @endif
          @if (!empty($sell_custom_field_4_label))
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('common_settings[sell_custom_fields4]', 1, false, ['class' => 'input-icheck']); !!} {{ $custom_labels['sell']['custom_field_4'] ?? __('lang_v1.product_custom_field4') }}</label>
              </div>
            </div>
          </div>
          @endif
          
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('sales_person_label', __('lang_v1.sales_person_label') . ':' ) !!}
              {!! Form::text('sales_person_label', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('commission_agent_label', __('lang_v1.commission_agent_label') . ':' ) !!}
              {!! Form::text('commission_agent_label', __('lang_v1.commission_agent'), ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="clearfix"></div>
          
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_business_name', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_business_name')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_location_name', 1, true, ['class' => 'input-icheck']); !!} @lang('invoice.show_location_name')</label>
                </div>
            </div>
          </div>
          
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_sales_person', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_sales_person')</label>
                </div>
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_commission_agent', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_commission_agent')</label>
                </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <hr class="horizontal-light">
          <div class="col-sm-12">
            <h5>@lang('lang_v1.fields_for_customer_details'):</h5>
          </div>
          <div class="clearfix"></div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_customer', 1, true, ['class' => 'input-icheck']); !!} @lang('invoice.show_customer')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('customer_label', __('invoice.customer_label') . ':' ) !!}
              {!! Form::text('customer_label', __('contact.customer'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox mt-25">
                <label>
                  {!! Form::checkbox('show_client_id', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_client_id')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('client_id_label', __('lang_v1.client_id_label') . ':' ) !!}
              {!! Form::text('client_id_label', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('client_tax_label', __('lang_v1.client_tax_label') . ':' ) !!}
              {!! Form::text('client_tax_label', null, ['class' => 'form-control bd-rd-7',
              'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox mt-25">
                <label>
                  {!! Form::checkbox('show_reward_point', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_reward_point')</label>
                </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('contact_custom_fields[]', 'custom_field1', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['contact']['custom_field_1'] ?? __('lang_v1.contact_custom_field1') }}</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('contact_custom_fields[]', 'custom_field2', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['contact']['custom_field_2'] ?? __('lang_v1.contact_custom_field2') }}</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('contact_custom_fields[]', 'custom_field3', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['contact']['custom_field_3'] ?? __('lang_v1.contact_custom_field3') }}</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('contact_custom_fields[]', 'custom_field4', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['contact']['custom_field_4'] ?? __('lang_v1.contact_custom_field4') }}</label>
            </div>
          </div>
        </div>        
      </div>
      <hr class="horizontal-light">
      <div class="row hide-for-letterhead pad-15">
          <div class="col-sm-12">
            <h5>@lang('invoice.fields_to_be_shown_in_address'):</h5>
          </div>
          <div class="clearfix"></div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_landmark', 1, true, ['class' => 'input-icheck']); !!} @lang('business.landmark')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_city', 1, true, ['class' => 'input-icheck']); !!} @lang('business.city')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_state', 1, true, ['class' => 'input-icheck']); !!} @lang('business.state')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_country', 1, true, ['class' => 'input-icheck']); !!} @lang('business.country')</label>
                </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_zip_code', 1, true, ['class' => 'input-icheck']); !!} @lang('business.zip_code')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('location_custom_fields[]', 'custom_field1', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['location']['custom_field_1'] ?? __('lang_v1.location_custom_field1') }}</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('location_custom_fields[]', 'custom_field2', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['location']['custom_field_2'] ?? __('lang_v1.location_custom_field2') }}</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('location_custom_fields[]', 'custom_field3', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['location']['custom_field_3'] ?? __('lang_v1.location_custom_field3') }}</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class="checkbox">
              <label>
                {!! Form::checkbox('location_custom_fields[]', 'custom_field4', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['location']['custom_field_4'] ?? __('lang_v1.location_custom_field4') }}</label>
            </div>
          </div>
        </div>

          <div class="clearfix"></div>
           <hr class="horizontal-light">
           <!-- Shop Communication details -->
          <div class="col-sm-12">
            <h5>@lang('invoice.fields_to_shown_for_communication'):</h5>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_mobile_number', 1, true, ['class' => 'input-icheck']); !!} @lang('invoice.show_mobile_number')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_alternate_number', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_alternate_number')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_email', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_email')</label>
                </div>
            </div>
          </div>
           <hr class="horizontal-light">
          <div class="col-sm-12">
            <h5>@lang('invoice.fields_to_shown_for_tax'):</h5>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_tax_1', 1, true, ['class' => 'input-icheck']); !!} @lang('invoice.show_tax_1')</label>
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_tax_2', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_tax_2')</label>
                </div>
            </div>
          </div>
          
      </div>
    </div>
</div>
    <div class="card z-index-2 h-100 shadow-lg mb-20">
      <div class="card-header pb-0 pt-3 bg-transparent">
        <h5 class="text-capitalize">
          <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
            <i class="fa fa-plus text-dark text-lg opacity-10"></i></span> @lang('lang_v1.product_label') 
        </h5>
        <hr class="line-light">
      </div>
        <div class="card-body p-3">
          <div class="row pad-15">
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('table_product_label', __('lang_v1.product_label') . ':' ) !!}
                {!! Form::text('table_product_label', __('sale.product'), ['class' => 'form-control bd-rd-7',
                  'placeholder' => '' ]); !!}
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('table_qty_label', __('lang_v1.qty_label') . ':' ) !!}
                {!! Form::text('table_qty_label', __('lang_v1.quantity'), ['class' => 'form-control bd-rd-7',
                  'placeholder' => '' ]); !!}
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('table_unit_price_label', __('lang_v1.unit_price_label') . ':' ) !!}
                {!! Form::text('table_unit_price_label', __('sale.unit_price'), ['class' => 'form-control bd-rd-7',
                  'placeholder' => '' ]); !!}
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('table_subtotal_label', __('lang_v1.subtotal_label') . ':' ) !!}
                {!! Form::text('table_subtotal_label', __('sale.subtotal'), ['class' => 'form-control bd-rd-7',
                  'placeholder' => '' ]); !!}
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('cat_code_label', __('lang_v1.cat_code_label') . ':' ) !!}
                {!! Form::text('cat_code_label', 'HSN', ['class' => 'form-control bd-rd-7',
                  'placeholder' => 'HSN or Category Code' ]); !!}
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('total_quantity_label', __('lang_v1.total_quantity_label') . ':' ) !!}
                {!! Form::text('common_settings[total_quantity_label]', 'Total Quantity', ['class' => 'form-control bd-rd-7',
                  'placeholder' => '', 'id' => 'total_quantity_label' ]); !!}
              </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('item_discount_label', __('lang_v1.item_discount_label') . ':' ) !!}
                {!! Form::text('common_settings[item_discount_label]', 'Discount', ['class' => 'form-control bd-rd-7',
                  'placeholder' => '', 'id' => 'item_discount_label' ]); !!}
              </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                {!! Form::label('discounted_unit_price_label', __('lang_v1.discounted_unit_price_label') . ':' ) !!}
                {!! Form::text('common_settings[discounted_unit_price_label]', 'Price after discount', ['class' => 'form-control bd-rd-7',
                  'placeholder' => '', 'id' => 'discounted_unit_price_label' ]); !!}
              </div>
            </div>
            
            <div class="col-sm-12">
              <h5>@lang('lang_v1.product_details_to_be_shown'):</h5>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('show_brand', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_brand')</label>
                  </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('show_sku', 1, true, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_sku')</label>
                  </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('show_cat_code', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_cat_code')</label>
                  </div>
              </div>
            </div>
            
            

            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('show_sale_description', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_sale_description')</label>
                </div>
                <p class="help-block">@lang('lang_v1.product_imei_or_sn')</p>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('common_settings[show_product_description]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_product_description')</label>
                  </div>
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('product_custom_fields[]', 'product_custom_field1', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['product']['custom_field_1'] ?? __('lang_v1.product_custom_field1') }}</label>
                </div>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('product_custom_fields[]', 'product_custom_field2', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['product']['custom_field_2'] ?? __('lang_v1.product_custom_field2') }}</label>
                </div>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('product_custom_fields[]', 'product_custom_field3', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['product']['custom_field_3'] ?? __('lang_v1.product_custom_field3') }}</label>
                </div>
              </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                <div class="checkbox">
                  <label>
                    {!! Form::checkbox('product_custom_fields[]', 'product_custom_field4', false, ['class' => 'input-icheck']); !!} {{ $custom_labels['product']['custom_field_4'] ?? __('lang_v1.product_custom_field4') }}</label>
                </div>
              </div>
            </div>
            <div class="clearfix"></div>
              @if(request()->session()->get('business.enable_product_expiry') == 1)
                <div class="col-sm-3">
                  <div class="form-group">
                    <div class="checkbox">
                      <label>
                        {!! Form::checkbox('show_expiry', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_product_expiry')</label>
                      </div>
                  </div>
                </div>
              @endif
              @if(request()->session()->get('business.enable_lot_number') == 1)
                <div class="col-sm-3">
                  <div class="form-group">
                    <div class="checkbox">
                      <label>
                        {!! Form::checkbox('show_lot', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_lot_number')</label>
                      </div>
                  </div>
                </div>
              @endif

              <div class="col-sm-3">
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      {!! Form::checkbox('show_image', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_product_image')</label>
                    </div>
                </div>
              </div>

              <div class="clearfix"></div>
              <div class="col-sm-3">
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      {!! Form::checkbox('common_settings[show_warranty_name]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_warranty_name')</label>
                    </div>
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      {!! Form::checkbox('common_settings[show_warranty_exp_date]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_warranty_exp_date')</label>
                    </div>
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      {!! Form::checkbox('common_settings[show_warranty_description]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_warranty_description')</label>
                    </div>
                </div>
              </div>

              <div class="col-sm-3">
                <div class="form-group">
                  <div class="checkbox">
                    <label>
                      {!! Form::checkbox('common_settings[show_base_unit_details]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_base_unit_details')</label>
                    </div>
                </div>
              </div>

          </div>
        </div>
    </div>
  <div class="card z-index-2 h-100 shadow-lg mb-20">
    <div class="card-header pb-0 pt-3 bg-transparent">
      <h5 class="text-capitalize">
        <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
          <i class="fa fa-percentage text-dark text-lg opacity-10"></i></span> @lang('invoice.discount_label') 
      </h5>
      <hr class="line-light">
    </div>
      <div class="card-body p-3">
        <div class="row pad-15">
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('sub_total_label', __('invoice.sub_total_label') . ':' ) !!}
              {!! Form::text('sub_total_label', __('sale.subtotal'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('discount_label', __('invoice.discount_label') . ':' ) !!}
              {!! Form::text('discount_label', __('sale.discount'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('tax_label', __('invoice.tax_label') . ':' ) !!}
              {!! Form::text('tax_label', __('sale.tax'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('total_label', __('invoice.total_label') . ':' ) !!}
              {!! Form::text('total_label', __('sale.total'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('total_items_label', __('lang_v1.total_items_label') . ':' ) !!}
              {!! Form::text('common_settings[total_items_label]', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '', 'id' => 'total_items_label' ]); !!}
            </div>
          </div>
          
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('round_off_label', __('lang_v1.round_off_label') . ':' ) !!}
              {!! Form::text('round_off_label', __('lang_v1.round_off'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('total_due_label', __('invoice.total_due_label') . ' (' . __('lang_v1.current_sale') . '):' ) !!}
              {!! Form::text('total_due_label', __('report.total_due'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('paid_label', __('invoice.paid_label') . ':' ) !!}
              {!! Form::text('paid_label', __('sale.total_paid'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_payments', 1, true, ['class' => 'input-icheck']); !!} @lang('invoice.show_payments')</label>
                </div>
            </div>
          </div>
          <!-- Barcode -->
          <div class="col-sm-3">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('show_barcode', 1, false, ['class' => 'input-icheck']); !!} @lang('invoice.show_barcode')</label>
                </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('prev_bal_label', __('invoice.total_due_label') . ' (' . __('lang_v1.all_sales') . '):' ) !!}
              {!! Form::text('prev_bal_label', '', ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          <div class="col-sm-5">
            <div class="form-group">
              <div class="checkbox mt-25">
                <label>
                  {!! Form::checkbox('show_previous_bal', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_previous_bal_due')</label>
                  @show_tooltip(__('lang_v1.previous_bal_due_help'))
                </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('change_return_label', __('lang_v1.change_return_label') . ':' ) !!} @show_tooltip(__('lang_v1.change_return_help'))
              {!! Form::text('change_return_label', __('lang_v1.change_return'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3 hide" id="hide_price_div">
            <div class="form-group">
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('common_settings[hide_price]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.hide_all_prices')</label>
                </div>
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
                <label class="mt-25">
                  {!! Form::checkbox('common_settings[show_total_in_words]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_total_in_words')</label> @show_tooltip(__('lang_v1.show_in_word_help'))
                  @if(!extension_loaded('intl'))
                    <p class="help-block">@lang('lang_v1.enable_php_intl_extension')</p>
                  @endif
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('word_format', __('lang_v1.word_format') . ':') !!} 
              @show_tooltip(__('lang_v1.word_format_help'))
              {!! Form::select('common_settings[num_to_word_format]', ['international' => __('lang_v1.international'), 'indian' => __('lang_v1.indian')], 'international', ['class' => 'form-control select2', 'id' => 'word_format']); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('tax_summary_label', __('lang_v1.tax_summary_label') . ':' ) !!}
              {!! Form::text('common_settings[tax_summary_label]', '', ['class' => 'form-control bd-rd-7', 'placeholder' => '', 'id' => 'tax_summary_label' ]); !!}
            </div>
          </div>
        </div>
      </div>
  </div>

	<div class="card z-index-2 h-100 shadow-lg mb-20">
    <div class="card-header pb-0 pt-3 bg-transparent">
      <h5 class="text-capitalize">
        <span class="icon icon-shape icon-sm border-radius-md text-center me-2 align-items-center justify-content-center">
          <i class="fa fa-file-signature text-dark text-lg opacity-10"></i></span> @lang('invoice.footer_text') 
      </h5>
      <hr class="line-light">
    </div>
      <div class="card-body p-3">
        <div class="row pad-15">
          <div class="col-sm-6 hide">
            <div class="form-group">
              {!! Form::label('highlight_color', __('invoice.highlight_color') . ':' ) !!}
              {!! Form::text('highlight_color', '#000000', ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>
          
          <div class="clearfix"></div>
          <div class="col-md-12 hide">
            <hr class="line-light-1" />
          </div>

          <div class="col-sm-12">
            <div class="form-group">
              {!! Form::label('footer_text', __('invoice.footer_text') . ':' ) !!}
                {!! Form::textarea('footer_text', null, ['class' => 'form-control bd-rd-7',
                'placeholder' => '', 'rows' => 3]); !!}
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <br>
              <div class="checkbox">
                <label>
                  {!! Form::checkbox('is_default', 1, false, ['class' => 'input-icheck']); !!} @lang('barcode.set_as_default')</label>
              </div>
            </div>
          </div>
        </div>
      </div>
  </div>
  @component('components.widget', ['class' => 'box-solid','icon' => 'fa fa-qrcode text-dark', 'title' => __('lang_v1.qr_code')])
  <hr class="line-light-1">
  <div class="row pad-15">
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('show_qr_code', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_qr_code')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
        <div class="form-group">
            <div class="checkbox">
                <label>
                {!! Form::checkbox('common_settings[show_qr_code_label]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.show_labels')</label>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="form-group">
            <div class="checkbox">
                <label>
                {!! Form::checkbox('common_settings[zatca_qr]', 1, false, ['class' => 'input-icheck']); !!} @lang('lang_v1.zatca_qr')</label>
                @show_tooltip(__('lang_v1.zatca_qr_help'))
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <hr class="horizontal-light">
    <div class="col-md-12">
      <h5>@lang('lang_v1.fields_to_be_shown'):</h5>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'business_name', false, ['class' => 'input-icheck']); !!} @lang('business.business_name')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'address', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.business_location_address')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'tax_1', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.business_tax_1')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'tax_2', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.business_tax_2')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'invoice_no', false, ['class' => 'input-icheck']); !!} @lang('sale.invoice_no')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'invoice_datetime', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.invoice_datetime')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'subtotal', false, ['class' => 'input-icheck']); !!} @lang('sale.subtotal')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'total_amount', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.total_amount_with_tax')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'total_tax', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.total_tax')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'customer_name', false, ['class' => 'input-icheck']); !!} @lang('sale.customer_name')</label>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <div class="checkbox">
          <label>
            {!! Form::checkbox('qr_code_fields[]', 'invoice_url', false, ['class' => 'input-icheck']); !!} @lang('lang_v1.view_invoice_url')</label>
        </div>
      </div>
    </div>
  </div>
  @endcomponent

  @if(!empty($enabled_modules) && in_array('types_of_service', $enabled_modules) )
    @include('types_of_service.invoice_layout_settings')
  @endif
  
  <!-- Call restaurant module if defined -->
  @include('restaurant.partials.invoice_layout')

  @if(Module::has('Repair'))
    @include('repair::layouts.partials.invoice_layout_settings')
  @endif
  <div class="card z-index-2 h-100 shadow-lg mb-20">
    <div class="card-header pb-0 pt-3 bg-transparent">
      <h5 class="header_text">@lang('lang_v1.layout_credit_note')</h5>
      <hr class="line-light">
    </div>
      <div class="card-body p-3">
        <div class="row pad-15">
          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('cn_heading', __('lang_v1.cn_heading') . ':' ) !!}
              {!! Form::text('cn_heading', 'Credit Note', ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('cn_no_label', __('lang_v1.cn_no_label') . ':' ) !!}
              {!! Form::text('cn_no_label', __('purchase.ref_no'), ['class' => 'form-control bd-rd-7',
                'placeholder' => '' ]); !!}
            </div>
          </div>

          <div class="col-sm-3">
            <div class="form-group">
              {!! Form::label('cn_amount_label', __('lang_v1.cn_amount_label') . ':' ) !!}
              {!! Form::text('cn_amount_label', 'Credit Amount', ['class' => 'form-control bd-rd-7', 'placeholder' => '' ]); !!}
            </div>
          </div>
        </div>
      </div>    
  </div>
  <div class="card shadow-lg mb-20">
  <div class="card-body p-3">
    <div class="row pad-15">
      <div class="col-sm-12 text-center">
        <button type="submit" class="btn btn-success btn-big">@lang('messages.save')</button>
      </div>
    </div>
  </div>

  {!! Form::close() !!}
</section>
<!-- /.content -->
@stop
@section('javascript')
<script type="text/javascript">
   $(document).ready(function(){
        var fileinput_setting = {
          showUpload: false,
          showPreview: false,
          browseLabel: LANG.file_browse_label,
          removeLabel: LANG.remove,
      };
      $('.upload-invoice').fileinput(fileinput_setting);
    });
  __page_leave_confirmation('#add_invoice_layout_form');
    $(document).on('ifChanged', '#show_letter_head', function() {
        letter_head_changed();
    });

    function letter_head_changed() {
        if($('#show_letter_head').is(":checked")) {
            $('.hide-for-letterhead').addClass('hide');
            $('.letter_head_input').removeClass('hide');
        } else {
            $('.hide-for-letterhead').removeClass('hide');
            $('.letter_head_input').addClass('hide');
        }
    }
</script>
@endsection