@extends('layouts.app_settings')
@section('title',  __('invoice.edit_invoice_layout'))
@section('offcanvas-title',__('lang_v1.instructions'))

@section('offcanvas-end')
  <ul class="list-group">
    <li class="list-group-item " aria-current="true">{{ __('invoice.invoice_logo') ." : ". __('lang_v1.invoice_logo_help', ['max_size' => '1 MB'])}}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.show_letter_head') ." : ".__('lang_v1.letter_head_help')  . __('lang_v1.invoice_logo_help', ['max_size' => '1 MB'])}}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.date_time_format') ." : ".__('lang_v1.date_time_format_help') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.proforma_heading') ." : ".__('lang_v1.tooltip_proforma_heading') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.change_return') ." : ".__('lang_v1.change_return_help') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.zatca_qr') ." : ".__('lang_v1.zatca_qr_help') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.quotation_heading') ." : ".__('lang_v1.tooltip_quotation_heading') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.show_previous_bal_due') ." : ".__('lang_v1.previous_bal_due_help') }}</li>
    <li class="list-group-item " aria-current="true">{{ __('lang_v1.word_format') ." : ".__('lang_v1.word_format_help') }}</li>
  </ul>
@stop
@section('content')
  <section class="content-header">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb breadcrumb-style1">
        <li class="breadcrumb-item">
          <a href="#">{{__('home.home')}}</a>
        </li>
        <li class="breadcrumb-item">
          <a href="#">{{__('business.system_settings')}}</a>
        </li>
        <li class="breadcrumb-item active">{{__('invoice.edit_invoice_layout')}}
          <button class=" btn-label-primary btn-sm" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"><i class="ri-questionnaire-fill"></i></button>
        </li>
      </ol>
    </nav>

  </section>

<!-- Main content -->
<section class="content">
{!! Form::open(['url' => action([\App\Http\Controllers\InvoiceLayoutController::class, 'update'], [$invoice_layout->id]), 'method' => 'put', 
  'id' => 'add_invoice_layout_form', 'files' => true]) !!}

  @php
    $product_custom_fields = !empty($invoice_layout->product_custom_fields) ? $invoice_layout->product_custom_fields : [];
    $contact_custom_fields = !empty($invoice_layout->contact_custom_fields) ? $invoice_layout->contact_custom_fields : [];
    $location_custom_fields = !empty($invoice_layout->location_custom_fields) ? $invoice_layout->location_custom_fields : [];
    $custom_labels = json_decode(session('business.custom_labels'), true);
  @endphp


  <div class="card tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row">
        <div class="col-sm-4">
          <div class="form-floating form-floating-outline">
            {!! Form::text('name', $invoice_layout->name, ['class' => 'form-control', 'required', 'placeholder' => __('invoice.layout_name')]) !!}
            {!! Form::label('name', __('invoice.layout_name') . ':*') !!}
          </div>
        </div>
        <div class="col-sm-4">
          <div class="form-floating form-floating-outline">
            {!! Form::select('design', $designs, $invoice_layout->design, ['class' => 'form-control select2']) !!}
            {!! Form::label('design', __('lang_v1.design') . ':*') !!}
          </div>
        </div>

        <div class="col-sm-4">
          <div class="form-floating form-floating-outline">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_letter_head', 1, $invoice_layout->show_letter_head, ['class' => 'form-check-input', 'id' => 'show_letter_head']) !!}
                @lang('lang_v1.show_letter_head')
              </label>
            </div>
          </div>
        </div>
        <div class="col-sm-4 letter_head_input hide mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::file('letter_head', ['accept' => 'image/*','class'=>'form-control']) !!}
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        <!-- Logo -->
        <div class="col-sm-4 hide-for-letterhead">
          <div class="form-floating form-floating-outline">
            {!! Form::file('logo', ['accept' => 'image/*','id'=>'formFile ','class'=>'form-control']) !!}
            {!! Form::label('logo', __('invoice.invoice_logo') . ':') !!}
          </div>
        </div>
        <div class="col-sm-4 hide-for-letterhead  ">
          <div class="form-floating form-floating-outline">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_logo', 1, $invoice_layout->show_logo, ['class' => 'form-check-input']) !!}
                @lang('invoice.show_logo')
              </label>
            </div>
          </div>
        </div>


        <div class="col-sm-12 hide-for-letterhead mt-5">
          <div class="form-floating ">
            {!! Form::label('header_text', __('invoice.header_text') . ':') !!}

            {!! Form::textarea('header_text',$invoice_layout->header_text, ['class' => 'form-control', 'placeholder' => __('invoice.header_text'), 'rows' => 3]) !!}
          </div>
        </div>
      </div>
      <div class="row hide-for-letterhead mt-5">
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_heading_line1', $invoice_layout->sub_heading_line1 ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sub_heading_line', ['_number_' => 1])]) !!}
            {!! Form::label('sub_heading_line1', __('lang_v1.sub_heading_line', ['_number_' => 1]) . ': 1') !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_heading_line2', $invoice_layout->sub_heading_line2 ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sub_heading_line', ['_number_' => 2])]) !!}
            {!! Form::label('sub_heading_line2', __('lang_v1.sub_heading_line', ['_number_' => 2]) . ': 2') !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_heading_line3', $invoice_layout->sub_heading_line3 ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sub_heading_line', ['_number_' => 3])]) !!}
            {!! Form::label('sub_heading_line3', __('lang_v1.sub_heading_line', ['_number_' => 3]) . ': 3') !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_heading_line4', $invoice_layout->sub_heading_line4 ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sub_heading_line', ['_number_' => 4])]) !!}
            {!! Form::label('sub_heading_line4', __('lang_v1.sub_heading_line', ['_number_' => 4]) . ': 4') !!}
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_heading_line5', $invoice_layout->sub_heading_line5 ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sub_heading_line', ['_number_' => 5])]) !!}
            {!! Form::label('sub_heading_line5', __('lang_v1.sub_heading_line', ['_number_' => 5]) . ': 5') !!}
          </div>
        </div>
      </div>

    </div>
  </div>


  <div class="card mt-5 tw-transition-all tw-duration-200 hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row">
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('invoice_heading', $invoice_layout->invoice_heading ?? null, ['class' => 'form-control', 'placeholder' => __('invoice.invoice_heading')]) !!}
            {!! Form::label('invoice_heading', __('invoice.invoice_heading') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('invoice_heading_not_paid', $invoice_layout->invoice_heading_not_paid ?? null, ['class' => 'form-control', 'placeholder' => __('invoice.invoice_heading_not_paid')]) !!}
            {!! Form::label('invoice_heading_not_paid', __('invoice.invoice_heading_not_paid') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('invoice_heading_paid', $invoice_layout->invoice_heading_paid ?? null, ['class' => 'form-control', 'placeholder' => __('invoice.invoice_heading_paid')]) !!}
            {!! Form::label('invoice_heading_paid', __('invoice.invoice_heading_paid') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[proforma_heading]', $invoice_layout->common_settings['proforma_heading'] ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.proforma_heading'), 'id' => 'proforma_heading']) !!}
            {!! Form::label('proforma_heading', __('lang_v1.proforma_heading') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('quotation_heading', $invoice_layout->quotation_heading ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.quotation_heading')]) !!}

            {!! Form::label('quotation_heading', __('lang_v1.quotation_heading') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[sales_order_heading]', $invoice_layout->common_settings['sales_order_heading'] ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sales_order_heading'), 'id' => 'sales_order_heading']) !!}
            {!! Form::label('sales_order_heading', __('lang_v1.sales_order_heading') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('invoice_no_prefix', $invoice_layout->invoice_no_prefix ?? null, ['class' => 'form-control', 'placeholder' => __('invoice.invoice_no_prefix')]) !!}
            {!! Form::label('invoice_no_prefix', __('invoice.invoice_no_prefix') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('quotation_no_prefix', $invoice_layout->quotation_no_prefix ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.quotation_no_prefix')]) !!}
            {!! Form::label('quotation_no_prefix', __('lang_v1.quotation_no_prefix') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('date_label', $invoice_layout->date_label ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.date_label')]) !!}
            {!! Form::label('date_label', __('lang_v1.date_label') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[due_date_label]', $invoice_layout->common_settings['due_date_label'] ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.due_date_label'), 'id' => 'due_date_label']) !!}
            {!! Form::label('due_date_label', __('lang_v1.due_date_label') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_due_date]', 1, !empty($invoice_layout->common_settings['show_due_date']), ['class' => 'form-check-input']) !!} @lang('lang_v1.show_due_date')
              </label>
            </div>
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('date_time_format', $invoice_layout->date_time_format, ['class' => 'form-control', 'placeholder' => __('lang_v1.date_time_format')]) !!}
            {!! Form::label('date_time_format', __('lang_v1.date_time_format') . ':') !!}

          </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=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('common_settings[sell_custom_fields1]', 1, !empty($invoice_layout->common_settings['sell_custom_fields1']), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('common_settings[sell_custom_fields2]', 1, !empty($invoice_layout->common_settings['sell_custom_fields2']), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('common_settings[sell_custom_fields3]', 1, !empty($invoice_layout->common_settings['sell_custom_fields3']), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('common_settings[sell_custom_fields4]', 1, !empty($invoice_layout->common_settings['sell_custom_fields4']), ['class' => 'form-check-input']); !!} {{ $custom_labels['sell']['custom_field_4'] ?? __('lang_v1.product_custom_field4') }}</label>
              </div>
            </div>
          </div>
        @endif

        <div class="clearfix"></div>
        <div class="col-sm-3 hide">
          <div class="form-floating form-floating-outline">
            {!! Form::text('commission_agent_label', $invoice_layout->commission_agent_label ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.commission_agent_label')]); !!}
            {!! Form::label('commission_agent_label', __('lang_v1.commission_agent_label') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class="form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b">
                {!! Form::checkbox('show_business_name', 1, $invoice_layout->show_business_name ?? false, ['class' => 'form-check-input']); !!}
                @lang('invoice.show_business_name')
              </label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class="form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b">
                {!! Form::checkbox('show_location_name', 1, $invoice_layout->show_location_name ?? false, ['class' => 'form-check-input']); !!}
                @lang('invoice.show_location_name')
              </label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class="form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b">
                {!! Form::checkbox('show_sales_person', 1, $invoice_layout->show_sales_person ?? false, ['class' => 'form-check-input']); !!}
                @lang('lang_v1.show_sales_person')
              </label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sales_person_label', $invoice_layout->sales_person_label ?? null, ['class' => 'form-control', 'placeholder' => __('lang_v1.sales_person_label')]); !!}
            {!! Form::label('sales_person_label', __('lang_v1.sales_person_label') . ':') !!}
          </div>
        </div>
        <div class="col-sm-3 hide">
          <div class="form-group">
            <div class="form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b">
                {!! Form::checkbox('show_commission_agent', 1, $invoice_layout->show_commission_agent ?? false, ['class' => 'form-check-input']); !!}
                @lang('lang_v1.show_commission_agent')
              </label>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="card  mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="col-sm-12">
        <p>@lang('lang_v1.fields_for_customer_details'):</p>
      </div>
      <div class="col-sm-3">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('show_customer', 1, $invoice_layout->show_customer, ['class' => 'form-check-input']); !!} @lang('invoice.show_customer')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="form-floating form-floating-outline">
          {!! Form::text('customer_label',$invoice_layout->customer_label, ['class' => 'form-control',
            'placeholder' => __('invoice.customer_label') ]); !!}
          {!! Form::label('customer_label', __('invoice.customer_label') . ':' ) !!}
        </div>
      </div>
      <div class="col-sm-3">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('show_client_id', 1, $invoice_layout->show_client_id, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_client_id')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="form-floating form-floating-outline">
          {!! Form::text('client_id_label', $invoice_layout->client_id_label, ['class' => 'form-control',
            'placeholder' => __('lang_v1.client_id_label') ]); !!}
          {!! Form::label('client_id_label', __('lang_v1.client_id_label') . ':' ) !!}
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="col-sm-3 ">
        <div class="form-floating form-floating-outline">
          {!! Form::text('client_tax_label',  $invoice_layout->client_tax_label, ['class' => 'form-control',
          'placeholder' => __('lang_v1.client_tax_label') ]); !!}
          {!! Form::label('client_tax_label', __('lang_v1.client_tax_label') . ':' ) !!}
        </div>
      </div>

      <div class="col-sm-3">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('show_reward_point', 1,  $invoice_layout->show_reward_point, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_reward_point')</label>
          </div>
        </div>
      </div>
      <div class="clearfix mt-5"></div>
      <div class="col-sm-3">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('contact_custom_fields[]', 'custom_field1', in_array('custom_field1', $contact_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('contact_custom_fields[]', 'custom_field2', in_array('custom_field2', $contact_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('contact_custom_fields[]', 'custom_field3', in_array('custom_field3', $contact_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('contact_custom_fields[]', 'custom_field4', in_array('custom_field4', $contact_custom_fields), ['class' => 'form-check-input']); !!} {{ $custom_labels['contact']['custom_field_4'] ?? __('lang_v1.contact_custom_field4') }}</label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="card hide-for-letterhead mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row ">
        <div class="col-sm-12">
          <p>@lang('invoice.fields_to_be_shown_in_address'):</p>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_landmark', 1, $invoice_layout->show_landmark, ['class' => 'form-check-input']); !!} @lang('business.landmark')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_city', 1, $invoice_layout->show_city, ['class' => 'form-check-input']); !!} @lang('business.city')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_state', 1, $invoice_layout->show_state, ['class' => 'form-check-input']); !!} @lang('business.state')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_country', 1, $invoice_layout->show_country, ['class' => 'form-check-input']); !!} @lang('business.country')</label>
            </div>
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_zip_code', 1, $invoice_layout->show_zip_code, ['class' => 'form-check-input']); !!} @lang('business.zip_code')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('location_custom_fields[]', 'custom_field1',  in_array('custom_field1', $location_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('location_custom_fields[]', 'custom_field2',  in_array('custom_field2', $location_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('location_custom_fields[]', 'custom_field3',  in_array('custom_field3', $location_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('location_custom_fields[]', 'custom_field4',  in_array('custom_field4', $location_custom_fields), ['class' => 'form-check-input']); !!} {{ $custom_labels['location']['custom_field_4'] ?? __('lang_v1.location_custom_field4') }}</label>
            </div>
          </div>
        </div>

        <div class="clearfix mt-5"></div>
        <!-- Shop Communication details -->
        <div class="col-sm-12">
          <p>@lang('invoice.fields_to_shown_for_communication'):</p>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_mobile_number', 1, $invoice_layout->show_mobile_number, ['class' => 'form-check-input']); !!} @lang('invoice.show_mobile_number')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_alternate_number', 1, $invoice_layout->show_alternate_number, ['class' => 'form-check-input']); !!} @lang('invoice.show_alternate_number')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_email', 1, $invoice_layout->show_email, ['class' => 'form-check-input']); !!} @lang('invoice.show_email')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-12">
          <p>@lang('invoice.fields_to_shown_for_tax'):</p>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_tax_1', 1, $invoice_layout->show_tax_1, ['class' => 'form-check-input']); !!} @lang('invoice.show_tax_1')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_tax_2', 1, $invoice_layout->show_tax_2, ['class' => 'form-check-input']); !!} @lang('invoice.show_tax_2')</label>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="card  mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row">
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('table_product_label', $invoice_layout->table_product_label, ['class' => 'form-control', 'placeholder' => __('lang_v1.product_label')]) !!}
            {!! Form::label('table_product_label', __('lang_v1.product_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('table_qty_label', $invoice_layout->table_qty_label, ['class' => 'form-control', 'placeholder' => __('lang_v1.qty_label')]) !!}
            {!! Form::label('table_qty_label', __('lang_v1.qty_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('table_unit_price_label', $invoice_layout->table_unit_price_label, ['class' => 'form-control', 'placeholder' => __('lang_v1.unit_price_label')]) !!}
            {!! Form::label('table_unit_price_label', __('lang_v1.unit_price_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('table_subtotal_label',$invoice_layout->table_subtotal_label, ['class' => 'form-control', 'placeholder' => __('lang_v1.subtotal_label')]) !!}
            {!! Form::label('table_subtotal_label', __('lang_v1.subtotal_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('cat_code_label', $invoice_layout->cat_code_label, ['class' => 'form-control', 'placeholder' => 'HSN or Category Code']) !!}
            {!! Form::label('cat_code_label', __('lang_v1.cat_code_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[total_quantity_label]',!empty($invoice_layout->common_settings['total_quantity_label']) ? $invoice_layout->common_settings['total_quantity_label'] : null, ['class' => 'form-control', 'placeholder' => __('lang_v1.total_quantity_label'), 'id' => 'total_quantity_label']) !!}
            {!! Form::label('total_quantity_label', __('lang_v1.total_quantity_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[item_discount_label]',!empty($invoice_layout->common_settings['item_discount_label']) ? $invoice_layout->common_settings['item_discount_label'] : null, ['class' => 'form-control', 'placeholder' => __('lang_v1.item_discount_label'), 'id' => 'item_discount_label']) !!}
            {!! Form::label('item_discount_label', __('lang_v1.item_discount_label') . ':') !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[discounted_unit_price_label]',!empty($invoice_layout->common_settings['discounted_unit_price_label']) ? $invoice_layout->common_settings['discounted_unit_price_label'] : null, ['class' => 'form-control', 'placeholder' => __('lang_v1.discounted_unit_price_label'), 'id' => 'discounted_unit_price_label']) !!}
            {!! Form::label('discounted_unit_price_label', __('lang_v1.discounted_unit_price_label') . ':') !!}
          </div>
        </div>


        <div class="col-sm-12 mt-5">
          <p>@lang('lang_v1.product_details_to_be_shown'):</p>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_brand', 1, $invoice_layout->show_brand, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_brand')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_sku', 1, $invoice_layout->show_sku, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_sku')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_cat_code', 1, $invoice_layout->show_cat_code, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_cat_code')</label>
            </div>
          </div>
        </div>



        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_sale_description', 1, $invoice_layout->show_sale_description, ['class' => 'form-check-input']); !!} @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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_product_description]', 1,  !empty($invoice_layout->common_settings['show_product_description']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_product_description')</label>
            </div>
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('product_custom_fields[]', 'product_custom_field1', in_array('product_custom_field1', $product_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('product_custom_fields[]', 'product_custom_field2', in_array('product_custom_field2', $product_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('product_custom_fields[]', 'product_custom_field3', in_array('product_custom_field3', $product_custom_fields), ['class' => 'form-check-input']); !!} {{ $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=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('product_custom_fields[]', 'product_custom_field4', in_array('product_custom_field4', $product_custom_fields), ['class' => 'form-check-input']); !!} {{ $custom_labels['product']['custom_field_4'] ?? __('lang_v1.product_custom_field4') }}</label>
            </div>
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        @if(request()->session()->get('business.enable_product_expiry') == 1)
          <div class="col-sm-3">
            <div class="form-group">
              <div class=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('show_expiry', 1,  $invoice_layout->show_expiry, ['class' => 'form-check-input']); !!} @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=" form-check custom-option custom-option-basic">
                <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                  {!! Form::checkbox('show_lot', 1,  $invoice_layout->show_lot, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_lot_number')</label>
              </div>
            </div>
          </div>
        @endif

        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_image', 1, !empty($invoice_layout->show_image), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_product_image')</label>
            </div>
          </div>
        </div>

        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_warranty_name]', 1, !empty($invoice_layout->common_settings['show_warranty_name']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_warranty_name')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_warranty_exp_date]', 1, !empty($invoice_layout->common_settings['show_warranty_exp_date']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_warranty_exp_date')</label>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_warranty_description]', 1, !empty($invoice_layout->common_settings['show_warranty_description']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_warranty_description')</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[show_base_unit_details]', 1,  !empty($invoice_layout->common_settings['show_base_unit_details']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_base_unit_details')</label>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="card  mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row">
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('sub_total_label',$invoice_layout->sub_total_label, ['class' => 'form-control',
              'placeholder' => __('invoice.sub_total_label') ]); !!}
            {!! Form::label('sub_total_label', __('invoice.sub_total_label') . ':' ) !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('discount_label',$invoice_layout->discount_label, ['class' => 'form-control',
              'placeholder' => __('invoice.discount_label') ]); !!}
            {!! Form::label('discount_label', __('invoice.discount_label') . ':' ) !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('tax_label', $invoice_layout->tax_label, ['class' => 'form-control',
              'placeholder' => __('invoice.tax_label') ]); !!}
            {!! Form::label('tax_label', __('invoice.tax_label') . ':' ) !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('total_label', $invoice_layout->total_label, ['class' => 'form-control',
              'placeholder' => __('invoice.total_label') ]); !!}
            {!! Form::label('total_label', __('invoice.total_label') . ':' ) !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[total_items_label]', !empty($invoice_layout->common_settings['total_items_label']) ? $invoice_layout->common_settings['total_items_label'] : null, ['class' => 'form-control',
              'placeholder' => __('lang_v1.total_items_label'), 'id' => 'total_items_label' ]); !!}
            {!! Form::label('total_items_label', __('lang_v1.total_items_label') . ':' ) !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('round_off_label',$invoice_layout->round_off_label, ['class' => 'form-control',
              'placeholder' => __('lang_v1.round_off_label') ]); !!}
            {!! Form::label('round_off_label', __('lang_v1.round_off_label') . ':' ) !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('total_due_label', $invoice_layout->total_due_label, ['class' => 'form-control',
              'placeholder' => __('invoice.total_due_label') ]); !!}
            {!! Form::label('total_due_label', __('invoice.total_due_label') . ' (' . __('lang_v1.current_sale') . '):' ) !!}
          </div>
        </div>
        <div class="col-sm-3 mt-5">
          <div class="form-floating form-floating-outline">
            {!! Form::text('paid_label',  $invoice_layout->paid_label, ['class' => 'form-control',
              'placeholder' => __('invoice.paid_label') ]); !!}
            {!! Form::label('paid_label', __('invoice.paid_label') . ':' ) !!}
          </div>
        </div>

        <div class="col-sm-3 mt-5">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_payments', 1, $invoice_layout->show_payments, ['class' => 'form-check-input']); !!} @lang('invoice.show_payments')</label>
            </div>
          </div>
        </div>
        <!-- Barcode -->
        <div class="col-sm-3 mt-5">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_barcode', 1, $invoice_layout->show_barcode, ['class' => 'form-check-input']); !!} @lang('invoice.show_barcode')</label>
            </div>
          </div>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('prev_bal_label',$invoice_layout->prev_bal_label, ['class' => 'form-control',
              'placeholder' => __('invoice.total_due_label') ]); !!}
            {!! Form::label('prev_bal_label', __('invoice.total_due_label') . ' (' . __('lang_v1.all_sales') . '):' ) !!}
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('show_previous_bal', 1, $invoice_layout->show_previous_bal, ['class' => 'form-check-input']); !!} @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-floating form-floating-outline">
            {!! Form::text('change_return_label', $invoice_layout->change_return_label, ['class' => 'form-control',
              'placeholder' => __('lang_v1.change_return_label') ]); !!}
            {!! Form::label('change_return_label', __('lang_v1.change_return_label') . ':' ) !!} @show_tooltip(__('lang_v1.change_return_help'))
          </div>
        </div>

        <div class="col-sm-3  @if($invoice_layout->design != 'slim') hide @endif" id="hide_price_div">
          <div class="form-group">
            <div class=" form-check custom-option custom-option-basic">
              <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
                {!! Form::checkbox('common_settings[hide_price]', 1,  !empty($invoice_layout->common_settings['hide_price']), ['class' => 'form-check-input']); !!} @lang('lang_v1.hide_all_prices')</label>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('common_settings[show_total_in_words]', 1,  !empty($invoice_layout->common_settings['show_total_in_words']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_total_in_words')</label> @show_tooltip(__('lang_v1.show_in_word_help'))

          </div>
        </div>

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

        <div class="col-sm-3">
          <div class="form-floating form-floating-outline">
            {!! Form::text('common_settings[tax_summary_label]', !empty($invoice_layout->common_settings['tax_summary_label']) ? $invoice_layout->common_settings['tax_summary_label'] : null, ['class' => 'form-control', 'placeholder' => __('lang_v1.tax_summary_label'), 'id' => 'tax_summary_label' ]); !!}
            {!! Form::label('tax_summary_label', __('lang_v1.tax_summary_label') . ':' ) !!}
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="card  mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="card-body">
      <div class="row">
        <div class="col-sm-6  hide">
          <div class="form-floating form-floating-outline">
            {!! Form::text('highlight_color', '#000000', ['class' => 'form-control',
              'placeholder' => __('invoice.highlight_color') ]); !!}
            {!! Form::label('highlight_color', __('invoice.highlight_color') . ':' ) !!}
          </div>
        </div>

        <div class="clearfix mt-5"></div>
        <div class="col-md-12 hide">
          <hr/>
        </div>

        <div class="col-sm-12">
          <div class="form-floating form-floating-outline">
            {!! Form::label('footer_text', __('invoice.footer_text') . ':' ) !!}
            {!! Form::textarea('footer_text', $invoice_layout->footer_text, ['class' => 'form-control',
            'placeholder' => __('invoice.footer_text'), 'rows' => 3]); !!}
          </div>
        </div>

      </div>
    </div>
  </div>
  @component('components.widget', ['class' => 'box-solid mt-5', 'title' => __('lang_v1.qr_code')])
    <div class="row">
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('show_qr_code', 1,  $invoice_layout->show_qr_code, ['class' => 'form-check-input']); !!} @lang('lang_v1.show_qr_code')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('common_settings[show_qr_code_label]', 1,  !empty($invoice_layout->common_settings['show_qr_code_label']), ['class' => 'form-check-input']); !!} @lang('lang_v1.show_labels')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('common_settings[zatca_qr]', 1, !empty($invoice_layout->common_settings['zatca_qr']), ['class' => 'form-check-input']); !!} @lang('lang_v1.zatca_qr')</label>
           </div>
        </div>
      </div>
      <div class="clearfix mt-5"></div>
      <div class="col-md-12">
        <p>@lang('lang_v1.fields_to_be_shown'):</p>
      </div>
      @php
        $qr_code_fields = empty($invoice_layout->qr_code_fields) ? [] : $invoice_layout->qr_code_fields;
      @endphp
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'business_name',  in_array('business_name', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('business.business_name')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'address',  in_array('address', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.business_location_address')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'tax_1',  in_array('tax_1', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.business_tax_1')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'tax_2',  in_array('tax_2', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.business_tax_2')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'invoice_no', in_array('invoice_no', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('sale.invoice_no')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'invoice_datetime', in_array('invoice_datetime', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.invoice_datetime')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'subtotal', in_array('subtotal', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('sale.subtotal')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'total_amount', in_array('total_amount', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.total_amount_with_tax')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'total_tax', in_array('total_tax', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('lang_v1.total_tax')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'customer_name', in_array('customer_name', $qr_code_fields), ['class' => 'form-check-input']); !!} @lang('sale.customer_name')</label>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="form-group">
          <div class=" form-check custom-option custom-option-basic">
            <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
              {!! Form::checkbox('qr_code_fields[]', 'invoice_url',  in_array('invoice_url', $qr_code_fields), ['class' => 'form-check-input']); !!} @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',['module_info' => $invoice_layout->module_info])
  @endif

  <div class="card  mt-5 tw-transition-all tw-duration-200  hover:tw-shadow-md tw-rounded-xl hover:tw-translate-y-0.5">
    <div class="col-sm-3 mt-5">
      <div class="form-group">
        <div class=" form-check custom-option custom-option-basic">
          <label class="form-check-label custom-option-content" style="font-size: 0.8125rem !important; color: #676b7b" >
            {!! Form::checkbox('is_default', 1, $invoice_layout->is_default, ['class' => 'form-check-input']); !!} @lang('barcode.set_as_default')</label>
        </div>
      </div>
    </div>
  </div>
  <div class="row mt-5">
  <div class="col-sm-12 text-center">
    <button type="submit" class="btn btn-primary waves-effect waves-light">@lang('messages.update')</button>
  </div>
</div>

  {!! Form::close() !!}
</section>
<!-- /.content -->
@stop
@section('javascript')
  <script type="text/javascript">
    __page_leave_confirmation('#add_invoice_layout_form');
    $("#show_letter_head").change(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');
      }
    }

    $(document).ready(function(){
      letter_head_changed();
    })
  </script>
@endsection