@extends('layouts.app')
@section('style')
    <link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
    <style type="text/css">

.checkbox {
      width: 46px;
      height: 46px;
    }

/*.checkbox.checkbox-lg{
  width: 46px;
  height: 46px;
  padding-left: 4px;
  font-size: 36px;
  left: 1px;
  top: -31px;
}*/

body {
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.page {
    /* width: 50cm; */
    width: 21cm;
    min-height: 29.7cm;
    padding: 2cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 237mm;
    outline: 2cm #FFEAEA solid;
}

@page {
    size: A4;
    margin: 0;
}
@media print {
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}
.hh{
    height: 10px;
}
.hrs{
    border:1px dashed #726464
}


thead { display: table-header-group; }
  tfoot { display: table-row-group; }
  tr { page-break-inside: avoid; }


  .header-title { width: 100%; }
  .mainT {
    width: 100%;
    border-collapse: collapse;

    font-size: 14px;
  }

  .main-table {
    width: 100%;
    border: solid 1.5px black;
    border-collapse: collapse;

    font-size: 14px;
  }  

  .sub-table {
    width: 100%;
    border-collapse: collapse;
    border-top:solid 1.5px black;

    font-size: 14px;
  }
   
  .small-table {
    width: 100%;
    border: solid 1px gray;
    border-collapse: collapse;
    font-size: 0.9em;
  }
  .small-table .lbl-col,
  .small-table .val-col {
    padding: 0px 5px;
  }
  .small-table .lbl-col {
    width: 125px;
  }
  .small-table td, .main-table td,
  .small-table th, .main-table th {
    border: solid 1px gray;

    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .small-table th,
  .main-table th {
    text-align: center;
    max-width: 35px;
    padding: 5px;
  }
  .rotate {
    -webkit-transform: rotate(-90deg);
    —webkit-backface-visibility: hidden;
    width: 65px;
    height: 60px;
  }
  .right { text-align: right !important; }
  .center { text-align: center !important; }
  .left { text-align: left !important; }
  .code { width: 80px; }
  
  .verage { max-width: 60px; width: 50px; }
  .note { max-width: 150px; width: 120px; }
  .ltr{
    direction: ltr;
  }
  .bg{
    background-color: lightgray;
  }
  .bg-row{
    background-color: #f1f6fb;
  }
  .bg-row1{
    background-color: #a7c4fb;
  }
  .bg-blue{
    background-color: lightblue;
  }
.mt{
    background-color: lightblue;
  }
  .mt1{
    background-color: #3886ca;
  }
  .ltr{
    direction: ltr !important;
  }
    .rtl{
    direction: rtl !important;
  }

/**
*Report Master Styles
**/
 .report-table {
    width: 100%;
    border: solid 1px gray;
    border-collapse: collapse;
    font-size: 14px;
  }
.report-table th {
    text-align: center;
    max-width: 35px;
    padding: 5px;
  }
  .report-table td,
  .report-table th {
    border: solid 1px gray;
  }
/**
*End Report Master Styles
**/

.table-caption{
  font-weight: bold;
  text-decoration: underline;
}

.custome_report{
  visibility: hidden;
  display: none;
}


/**
* Begin Signature table used in all reports
**/
.signsize{
  font-size: 14px;
}
.signtable{
  margin-top: 10px;
}

tr:nth-child(even) {

background-color: white;
}
/**
* End Signature table used in all reports
**/

#totals:hover{
border: 2px solid red;
cursor: pointer;
}
#header:hover{
border: 2px solid red;
cursor: pointer;
}
#invoiceInfo:hover{
border: 2px solid red;
cursor: pointer;
}

.ti {
        font-weight: bold;
        height: 35px;
        font-size: 12px;
    }



    </style>

@stop
@section('content')
@include('inventories.cmodal')  

    <div class="row">

        <div class="portlet light bg-inverse" style="min-height: 100%;">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-equalizer font-green-haze"></i>&nbsp;
                    <span class="caption-subject font-green-haze bold uppercase"> @lang('invoice.CustomizeForm') </span>
                    <!-- <span class="caption-helper">some info...</span> -->
                </div>
                <div class="tools">

                </div>
            </div>
            <div id="attendance" class="portlet-body form" style="margin-bottom:50%;" v-cloak>



  <div class="tabbable-line tabbable-custom-profile">
    <ul class="nav nav-tabs">  
        <li class="active">
        <a href="#general" data-toggle="tab" id="tab-on" style="color:red">
        <i class="fa  "></i><b> @lang('invoice.TranslateWord') </b></a>
        </li> 
        <li class="">
        <a href="#in_header" data-toggle="tab" id="tab-trasnport" style="color: red">
        <i class="fa  "></i><b> @lang('invoice.ReplaceTranslationFiles') </b></a>
        </li> 
    </ul>  
    <div class="tab-content padding" style="padding: 0px;">
            <div class="tab-pane active" id="general">
                <!-- BEGIN FORM--> 
                {!! Form::open(array('route' => 'customizeForm.store','method'=>'POST','class'=>'form-horizontal','id'=>'language-form')) !!}
                {{ csrf_field() }}
                <div class="form-body">
                    <div class="col-md-4 col-sm-4">
                        <div class="portlet light bordered" style="background-color:#eceef1">
                            
                            <div class="portlet-body" >
                                <div class="row" v-if="headerDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.BackgroudColor')</label>
                                            <input type="color" class="form-control"style="font-size:12px;height:20px" v-model="color" name="color">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                        <label class="control-label" style="font-size:12px"> @lang('invoice.CurrencyType')</label><br>
                                        <input type="radio" id="currency_code" class="form-control"style="font-size:12px;height:20px; display:none"  value="code" v-model="InCurrency" name="InCurrency">
                                        <label for="currency_code" :style="{cursor:'pointer',color:(InCurrency=='code')?'red':''}">@{{homeCurrency.code}}</label>
                                        <input type="radio" id="currency_symbol" class="form-control"style="font-size:12px;height:20px; display:none"  value="symbol" v-model="InCurrency" name="InCurrency"> 
                                        <label for="currency_symbol" :style="{cursor:'pointer',color:(InCurrency=='symbol')?'red':''}">@{{homeCurrency.symbol}}</label>
                                        <input type="radio" id="currency_name" class="form-control"style="font-size:12px;height:20px; display:none"  value="currencyName" v-model="InCurrency" name="InCurrency"> 
                                        <label for="currency_name" :style="{cursor:'pointer',color:(InCurrency=='currencyName')?'red':''}">@{{currencyName}}</label>
                                        </div>
                                        {{-- @lang('currency.'.($sales->currency)) --}}
                                    </div>
                                    
                                    {{-- <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.HeaderPosition')</label><br>

                                            <select class="form-control input-inline input-sm input-small "style="font-size:12px;height:20px" v-model="logo" name="logo">
                                                <option value="left">left</option>
                                                <option value="center">center</option> 
                                                <option value="right">right</option>
                                            </select>

                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.LogoSize')</label><br>
                                            <select class="form-control input-inline input-sm input-small" style="font-size:12px;height:20px" v-model="logosize" name="logosize">
                                                <option value="16px">16px</option>
                                                <option value="20px">20px</option> 
                                                <option value="22px">22px</option>
                                                <option value="25px">25px</option>
                                                <option value="30px">30px</option>
                                                <option value="35px">35px</option>
                                                <option value="40px">40px</option>
                                                <option value="50px">50px</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                   
                                </div>
                                {{-- <div class="row" v-if="headerDiv">
                                  
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.CompanyName')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="companyName" name="companyName">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.CompanyPhone')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="companyPhone" name="companyPhone">
                                        </div>
                                    </div> 
                                </div>

                                <div class="row" v-if="headerDiv">
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.CompanyEmail')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="companyEmail" name="companyEmail">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.CompanyWebSite')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="companyWebsite" name="companyWebsite">
                                        </div>
                                    </div> 
                                </div>--}}
                                <hr class="hrs" v-if="headerDiv"> 
                                <div class="row" v-if="invoiceInfoDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTitle')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTitle" name="InTitle">
                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InTitle_font" name="InTitle_font">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                    <option value="14px">@lang('layout.Default')</option>
                                                    <option value="10px">10px</option>
                                                    <option value="11px">11px</option>
                                                    <option value="12px">12px</option>
                                                    <option value="13px">13px</option>
                                                    <option value="14px">14px</option>
                                                    <option value="15px">15px</option>
                                                    <option value="16px">16px</option>
                                                    <option value="17px">17px</option>
                                                    <option value="18px">18px</option>
                                                    <option value="19px">19px</option>
                                                    <option value="20px">20px</option>
                                                    <option value="21px">21px</option>
                                                    <option value="22px">22px</option>
                                                </select>

                                                <input type="radio" id="in_title_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="right">
                                                <label for="in_title_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InTitle_position=='right')?'red':''}"></i></label>
                                                <input type="radio" id="in_title_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="center"> 
                                                <label for="in_title_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InTitle_position=='center')?'red':''}"></i></label>
                                                <input type="radio" id="in_title_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="left">
                                                <label for="in_title_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InTitle_position=='left')?'red':''}"></i></label>

                                                {{-- <select class="form-control "style="font-size:12px;height:22px" v-model="InTitle_position" name="InTitle_position">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectPosition')</option>
                                                    <option value="left">@lang('invoice.Left')</option>
                                                    <option value="center">@lang('invoice.Center')</option> 
                                                    <option value="right">@lang('invoice.Right')</option>
                                                </select> --}}
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InNo')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InNo" name="InNo">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InRefNo')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InRefNo" name="InRefNo">
                                        </div>
                                    </div> 
                                </div>
                                <div class="row" v-if="invoiceInfoDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDateShamsi')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDateShamsi" name="InDateShamsi">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px" > @lang('invoice.InDateMeladi')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDateMeladi" name="InDateMeladi">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTime')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTime" name="InTime">
                                        </div>
                                    </div>
                                </div> 
                                <hr class="hrs" v-if="invoiceInfoDiv">
                                <div class="row" v-if="invoiceInfoDiv">
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerName')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerName" name="InCustomerName">
                                        </div>
                                    </div> 
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerCode')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerCode" name="InCustomerCode">
                                        </div>
                                    </div> 
                                </div>
                                <div class="row" v-if="invoiceInfoDiv">
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerPhone')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerPhone" name="InCustomerPhone">
                                        </div>
                                    </div> 
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerAddress')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerAddress" name="InCustomerAddress">
                                        </div>
                                    </div> 
                                </div>
                                <hr class="hrs" v-if="invoiceInfoDiv">
                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InItem')"></i>
                                <div class="row" v-if="InItemHelp">
                                    <div class="well well-sm">
                                        <h5 class="block">@lang('invoice.InItemHelp')</h5>
                                        <p style="font-size: 12px"> @lang('invoice.InItemHelp1') <br>@lang('invoice.InItemHelp2')<br>@lang('invoice.InItemHelp3')  </p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemNo')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemNo" name="InItemNo">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemNoP" name="InItemNoP">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemName')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemName" name="InItemName">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemNameP" name="InItemNameP">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemQty')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemQty" name="InItemQty">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemQtyP" name="InItemQtyP">
                                        </div>
                                    </div> 
                                </div>
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure" name="InItemMeasure">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasureP" name="InItemMeasureP">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemPrice')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemPrice" name="InItemPrice">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemPriceP" name="InItemPriceP">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemTotal')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemTotal" name="InItemTotal" >
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemTotalP" name="InItemTotalP">
                                                
                                                
                                        </div>
                                    </div> 
                                </div> 
                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InItemOthers')"></i>
                                <div class="row" v-if="InItemOthersHelp">
                                    <div class="well well-sm">
                                        <h5 class="block">@lang('invoice.InItemOthersHelp')</h5>
                                        <p style="font-size: 12px"> @lang('invoice.InItemOthersHelp1') <br>@lang('invoice.InItemOthersHelp2')  </p>
                                        <p style="font-size: 12px">
                                            <span style="font-weight: bold">@lang('invoice.InItemSite'):  @lang('layout.SaleAndPurchase') > [@lang('layout.InventorySite')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemSerial'):  @lang('layout.Inventory') > [@lang('layout.SerialNum')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemGauge'):  @lang('layout.Inventory') > [@lang('layout.Gauge')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemImage'):  @lang('layout.SaleAndPurchase') > [@lang('layout.ItemImage')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemOtherName'):  @lang('layout.SaleAndPurchase') > [@lang('layout.ItemOtherName')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemBrand'):  @lang('layout.Inventory') > [@lang('layout.Brand')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemOtherMeasure'):  @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemOtherMeasure2'):  @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')2]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure2'):  @lang('layout.Inventory') > [@lang('layout.Unit')2] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')2]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure3'):  @lang('layout.Inventory') > [@lang('layout.Unit')3] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')3]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure4'):  @lang('layout.Inventory') > [@lang('layout.Unit')4] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')4]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemDescription'):  @lang('layout.SaleAndPurchase') > [@lang('layout.Description')1]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemDescription2'):  @lang('layout.SaleAndPurchase') > [@lang('layout.Description')2]</span><br>
                                            <span style="font-weight: bold">@lang('invoice.InItemDiscount'):  @lang('layout.SaleAndPurchase') > [@lang('layout.PerItemDiscount')]</span><br>
                                         </p>
                                         
                                    </div>
                                </div>
                                <div class="row">
                                    @if(getInventorySite()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSite')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSite" name="InItemSite">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSiteP" name="InItemSiteP">
                                        </div>
                                    </div>
                                    @endif 
                                    @if(getSerailNumber() =="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSerial')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSerial" name="InItemSerial">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSerialP" name="InItemSerialP">
                                        </div>
                                    </div>
                                    @endif
                                    @if(getGauge() =="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemGauge')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemGauge" name="InItemGauge">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemGaugeP" name="InItemGaugeP">
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="row">
                                    @if(getItemImage()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemImage')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemImage" name="InItemImage">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemImageP" name="InItemImageP">
                                        </div>
                                    </div>
                                    @endif 
                                    @if(getItemOtherName()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherName')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherName" name="InItemOtherName">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherNameP" name="InItemOtherNameP">
                                        </div>
                                    </div>
                                    @endif
                                    @if(getInventoryBrand()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemBrand')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemBrand" name="InItemBrand">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemBrandP" name="InItemBrandP">
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="row">
                                    @if(getOtherMeasure()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherMeasure')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure" name="InItemOtherMeasure">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasureP" name="InItemOtherMeasureP">
                                        </div>
                                    </div>
                                    @endif 
                                    @if(getOtherMeasure2()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherMeasure2')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure2" name="InItemOtherMeasure2">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure2P" name="InItemOtherMeasure2P">
                                        </div>
                                    </div>
                                    @endif
                                </div> 
                                <div class="row">
                                    @if(getM2()!="")
                                    @if(getFactorMeasure2()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure2')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure2" name="InItemMeasure2">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure2P" name="InItemMeasure2P">
                                        </div>
                                    </div>
                                    @endif 
                                    @endif 
                                    @if(getM3()!="")
                                    @if(getFactorMeasure3()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure3')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure3" name="InItemMeasure3">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure3P" name="InItemMeasure3P">
                                        </div>
                                    </div>
                                    @endif
                                    @endif 
                                    @if(getM4()!="")
                                    @if(getFactorMeasure4()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure4')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure4" name="InItemMeasure4">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure4P" name="InItemMeasure4P">
                                        </div>
                                    </div>
                                    @endif
                                    @endif
                                </div>
                                <div class="row">
                                    @if(getSaleDescription()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDescription')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription" name="InItemDescription">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescriptionP" name="InItemDescriptionP">
                                        </div>
                                    </div>
                                    @endif 
                                    @if(getSaleDescription2()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDescription2')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription2" name="InItemDescription2">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription2P" name="InItemDescription2P">
                                        </div>
                                    </div>
                                    @endif
                                </div>  
                                <div class="row">
                                    @if(getSaleDiscount()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSubTotal')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSubTotal" name="InItemSubTotal">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSubTotalP" name="InItemSubTotalP">
                                        </div>
                                    </div>
                                    
                                    
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDiscount')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDiscount" name="InItemDiscount">
                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDiscountP" name="InItemDiscountP">
                                        </div>
                                    </div>
                                    @endif
                                </div>   
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.ArrangeColumn')</label><br>
                                            <span v-on:click="arrangeColumn()">
                                                <i class="fa fa-exchange" style="color: green; cursor: pointer;"></i>
                                            </span>

                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemEmptyRow')</label><br>
                                            <span v-on:click="addNew()">
                                                <i class="fa fa-plus" style="color: green; cursor: pointer;"></i>
                                            </span>
                                            <span v-on:click="deleteItem()">
                                                <i class="fa fa-remove" style="color: red;cursor: pointer;"></i>
                                            </span>
                                            <input type="hidden" class="form-control" style="font-size:12px;height:20px" v-model="items.length" name="InItemEmptyRow">

                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemColumnName')</label><br>
                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InItem_font" name="InItem_font">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                    <option value="14px">@lang('layout.Default')</option>
                                                    <option value="10px">10px</option>
                                                    <option value="11px">11px</option>
                                                    <option value="12px">12px</option>
                                                    <option value="13px">13px</option>
                                                    <option value="14px">14px</option>
                                                    <option value="15px">15px</option>
                                                    <option value="16px">16px</option>
                                                </select>
                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InItem_height" name="InItem_height">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectHeight')</option>
                                                    <option value="20px">@lang('layout.Default')</option>
                                                    <option value="25px">25px</option>
                                                    <option value="30px">30px</option>
                                                    <option value="35px">35px</option>
                                                    <option value="40px">40px</option>
                                                </select>
                                                {{-- <select class="form-control "style="font-size:12px;height:22px" v-model="InItem_position" name="InItem_position">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectPosition')</option>
                                                    <option value="left">@lang('invoice.Left')</option>
                                                    <option value="center">@lang('invoice.Center')</option> 
                                                    <option value="right">@lang('invoice.Right')</option>
                                                </select> --}}
                                                <input type="radio" id="in_item_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="right">
                                                <label for="in_item_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InItem_position=='right')?'red':''}"></i></label>
                                                <input type="radio" id="in_item_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="center"> 
                                                <label for="in_item_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InItem_position=='center')?'red':''}"></i></label>
                                                <input type="radio" id="in_item_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="left">
                                                <label for="in_item_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InItem_position=='left')?'red':''}"></i></label>
                                        </div>
                                    </div>  
                                </div>
                                <hr class="hrs">
                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InTotalQuantity')" v-if="totalDiv"></i>
                                <div class="row" v-if="InTotalQuantityHelp">
                                    <div class="well well-sm">
                                        <h5 class="block">@lang('invoice.InTotalQuantityHelp')</h5>
                                        <p style="font-size: 12px"> @lang('invoice.InTotalQuantityHelp1') <br>
                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.TotalQuantity')]</span>
                                        </p>
                                        <p style="font-size: 12px"> @lang('invoice.InTotalQuantityHelp2') <br>
                                           <span style="font-weight: bold"> @lang('layout.Inventory') > [@lang('layout.Unit')2]</span><br>
                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')2]</span><br>
                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')]</span>
                                        </p>
                                    </div>
                                </div>
                                @if(getTotalItemQuantity()!='' ||getTotalItemQuantity()!="defualt")
                                <div style="border: 1px dotted; padding:5px 10px 5px 10px" v-if="totalDiv">
                                <div class="row" v-if="totalDiv">

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemMeasure')]</label><br>
                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantity" name="InTotalQuantity">
                                            
                                        </div>
                                    </div> 
                                    @if(getM2()!="" && getFactorMeasure2()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemMeasure2')]</label><br>
                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantityMeasure2" name="InTotalQuantityMeasure2">
                                        </div>
                                    </div>
                                    @endif  
                                    @if(getOtherMeasure()=="true")
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemOtherMeasure')]</label><br>
                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantityOtherMeasure" name="InTotalQuantityOtherMeasure">
                                        </div>
                                    </div>
                                    @endif 
                                </div>
                                <div class="row" v-if="totalDiv" >
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div>
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalQuantity')</label><br>
                                            <select class="form-control input-inline input-sm input-small" v-model="InTotalQuantity_type" name="InTotalQuantity_type">
                                                <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectType')</option>
                                                <option value="defualt">@lang('layout.Default')</option>
                                                <option value="per_unit">@lang('layout.PerUnit')</option>
                                                <option value="all_unit">@lang('layout.AllUnit')</option>
                                            </select>
                                        </div>
                                    </div> 
                                </div>
                                </div>
                                @endif
                                <div class="row" v-if="totalDiv">

                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotal')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotal" name="InTotal">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalInLetter')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalInLetter" name="InTotalInLetter">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InReceipt')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InReceipt" name="InReceipt">
                                        </div>
                                    </div> 
                                </div>
                                <div class="row" v-if="totalDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDiscount')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDiscount" name="InDiscount">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InRemains')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InRemains" name="InRemains">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InOldBalance')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InOldBalance" name="InOldBalance">
                                        </div>
                                    </div> 
                                    
                                </div>
                                <div class="row" v-if="totalDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InAllTotal')</label><br>
                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InAllTotal" name="InAllTotal">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalStyle')</label><br>
                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InTotal_font" name="InTotal_font">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                    <option value="12px">@lang('layout.Default')</option>
                                                    <option value="10px">10px</option>
                                                    <option value="11px">11px</option>
                                                    <option value="12px">12px</option>
                                                    <option value="13px">13px</option>
                                                    <option value="14px">14px</option>
                                                    <option value="15px">15px</option>
                                                    <option value="16px">16px</option>
                                                </select>
                                                {{-- <select class="form-control "style="font-size:12px;height:22px" v-model="InTotal_position" name="InTotal_position">
                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectPosition')</option>
                                                    <option value="left">@lang('invoice.Left')</option>
                                                    <option value="center">@lang('invoice.Center')</option> 
                                                    <option value="right">@lang('invoice.Right')</option>
                                                </select> --}}
                                                <input type="radio" id="in_total_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="right">
                                                <label for="in_total_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InTotal_position=='right')?'red':''}"></i></label>
                                                <input type="radio" id="in_total_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="center"> 
                                                <label for="in_total_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InTotal_position=='center')?'red':''}"></i></label>
                                                <input type="radio" id="in_total_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="left">
                                                <label for="in_total_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InTotal_position=='left')?'red':''}"></i></label>
                                        </div>
                                    </div>  
                                    
                                </div>  
                                <div class="row" v-if="totalDiv">
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDescription')</label><br>
                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InDescription" name="InDescription">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InPrintDescription')</label><br>
                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InPrintDescription" name="InPrintDescription">
                                        </div>
                                    </div> 
                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                        <div >
                                            
                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InNote')</label><br>
                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InNote" name="InNote">
                                        </div>
                                    </div> 
                                    
                                </div>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-4 col-md-offset-4 text-center">
                        <br>
                        <button type="button" class="btn green"  
                                onclick="regForm(this)">@lang('layout.Submit')</button>

                        {{-- <a href="{{route('attendanceSheet.index')}}" class="btn default"><i
                                    class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a> --}}
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
            <div class="tab-pane" id="in_header">
                <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet light bg-inverse">
        
                    <div class="portlet-body">
                        
                            ddddddddddddd
        
                    </div>
                </div>
                <!-- END EXAMPLE TABLE PORTLET-->
                </div>
                </div>
            </div>  
        </div> 
    </div>

     <div class="row">
      <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
    <div class="portlet light bg-inverse">
      
        <div class="portlet-body">
                                        <!-- BEGIN FORM--> 
                                        {!! Form::open(array('route' => 'customizeForm.store','method'=>'POST','class'=>'form-horizontal','id'=>'language-form')) !!}
                                        {{ csrf_field() }}
                                        <div class="form-body">
                                                    {{--<div class="col-md-4 col-sm-4">
                                                        <div class="portlet light bordered" style="background-color:#eceef1">
                                                            
                                                            <div class="portlet-body" >
                                                                <div class="row" v-if="headerDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.Color')</label>
                                                                            <input type="color" class="form-control"style="font-size:12px;height:20px" v-model="color" name="color">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                        <label class="control-label" style="font-size:12px"> @lang('invoice.CurrencyType')</label><br>
                                                                        <input type="radio" id="currency_code" class="form-control"style="font-size:12px;height:20px; display:none"  value="code" v-model="InCurrency" name="InCurrency">
                                                                        <label for="currency_code" :style="{cursor:'pointer',color:(InCurrency=='code')?'red':''}">@{{homeCurrency.code}}</label>
                                                                        <input type="radio" id="currency_symbol" class="form-control"style="font-size:12px;height:20px; display:none"  value="symbol" v-model="InCurrency" name="InCurrency"> 
                                                                        <label for="currency_symbol" :style="{cursor:'pointer',color:(InCurrency=='symbol')?'red':''}">@{{homeCurrency.symbol}}</label>
                                                                        <input type="radio" id="currency_name" class="form-control"style="font-size:12px;height:20px; display:none"  value="currencyName" v-model="InCurrency" name="InCurrency"> 
                                                                        <label for="currency_name" :style="{cursor:'pointer',color:(InCurrency=='currencyName')?'red':''}">@{{currencyName}}</label>
                                                                        </div>
                                                                    </div>
                                                                <hr class="hrs" v-if="headerDiv"> 
                                                                <div class="row" v-if="invoiceInfoDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTitle')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTitle" name="InTitle">
                                                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InTitle_font" name="InTitle_font">
                                                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                                                    <option value="14px">@lang('layout.Default')</option>
                                                                                    <option value="10px">10px</option>
                                                                                    <option value="11px">11px</option>
                                                                                    <option value="12px">12px</option>
                                                                                    <option value="13px">13px</option>
                                                                                    <option value="14px">14px</option>
                                                                                    <option value="15px">15px</option>
                                                                                    <option value="16px">16px</option>
                                                                                    <option value="17px">17px</option>
                                                                                    <option value="18px">18px</option>
                                                                                    <option value="19px">19px</option>
                                                                                    <option value="20px">20px</option>
                                                                                    <option value="21px">21px</option>
                                                                                    <option value="22px">22px</option>
                                                                                </select>

                                                                                <input type="radio" id="in_title_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="right">
                                                                                <label for="in_title_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InTitle_position=='right')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_title_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="center"> 
                                                                                <label for="in_title_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InTitle_position=='center')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_title_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTitle_position" name="InTitle_position" value="left">
                                                                                <label for="in_title_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InTitle_position=='left')?'red':''}"></i></label>

                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InNo')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InNo" name="InNo">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InRefNo')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InRefNo" name="InRefNo">
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                <div class="row" v-if="invoiceInfoDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDateShamsi')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDateShamsi" name="InDateShamsi">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px" > @lang('invoice.InDateMeladi')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDateMeladi" name="InDateMeladi">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTime')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTime" name="InTime">
                                                                        </div>
                                                                    </div>
                                                                </div> 
                                                                <hr class="hrs" v-if="invoiceInfoDiv">
                                                                <div class="row" v-if="invoiceInfoDiv">
                                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerName')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerName" name="InCustomerName">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerCode')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerCode" name="InCustomerCode">
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                <div class="row" v-if="invoiceInfoDiv">
                                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerPhone')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerPhone" name="InCustomerPhone">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InCustomerAddress')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InCustomerAddress" name="InCustomerAddress">
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                <hr class="hrs" v-if="invoiceInfoDiv">
                                                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InItem')"></i>
                                                                <div class="row" v-if="InItemHelp">
                                                                    <div class="well well-sm">
                                                                        <h5 class="block">@lang('invoice.InItemHelp')</h5>
                                                                        <p style="font-size: 12px"> @lang('invoice.InItemHelp1') <br>@lang('invoice.InItemHelp2')<br>@lang('invoice.InItemHelp3')  </p>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemNo')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemNo" name="InItemNo">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemNoP" name="InItemNoP">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemName')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemName" name="InItemName">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemNameP" name="InItemNameP">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemQty')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemQty" name="InItemQty">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemQtyP" name="InItemQtyP">
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure" name="InItemMeasure">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasureP" name="InItemMeasureP">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemPrice')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemPrice" name="InItemPrice">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemPriceP" name="InItemPriceP">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemTotal')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemTotal" name="InItemTotal" >
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemTotalP" name="InItemTotalP">
                                                                                
                                                                                
                                                                        </div>
                                                                    </div> 
                                                                </div> 
                                                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InItemOthers')"></i>
                                                                <div class="row" v-if="InItemOthersHelp">
                                                                    <div class="well well-sm">
                                                                        <h5 class="block">@lang('invoice.InItemOthersHelp')</h5>
                                                                        <p style="font-size: 12px"> @lang('invoice.InItemOthersHelp1') <br>@lang('invoice.InItemOthersHelp2')  </p>
                                                                        <p style="font-size: 12px">
                                                                            <span style="font-weight: bold">@lang('invoice.InItemSite'):  @lang('layout.SaleAndPurchase') > [@lang('layout.InventorySite')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemSerial'):  @lang('layout.Inventory') > [@lang('layout.SerialNum')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemGauge'):  @lang('layout.Inventory') > [@lang('layout.Gauge')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemImage'):  @lang('layout.SaleAndPurchase') > [@lang('layout.ItemImage')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemOtherName'):  @lang('layout.SaleAndPurchase') > [@lang('layout.ItemOtherName')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemBrand'):  @lang('layout.Inventory') > [@lang('layout.Brand')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemOtherMeasure'):  @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemOtherMeasure2'):  @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')2]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure2'):  @lang('layout.Inventory') > [@lang('layout.Unit')2] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')2]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure3'):  @lang('layout.Inventory') > [@lang('layout.Unit')3] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')3]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemMeasure4'):  @lang('layout.Inventory') > [@lang('layout.Unit')4] -- @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')4]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemDescription'):  @lang('layout.SaleAndPurchase') > [@lang('layout.Description')1]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemDescription2'):  @lang('layout.SaleAndPurchase') > [@lang('layout.Description')2]</span><br>
                                                                            <span style="font-weight: bold">@lang('invoice.InItemDiscount'):  @lang('layout.SaleAndPurchase') > [@lang('layout.PerItemDiscount')]</span><br>
                                                                         </p>
                                                                         
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    @if(getInventorySite()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSite')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSite" name="InItemSite">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSiteP" name="InItemSiteP">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                    @if(getSerailNumber() =="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSerial')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSerial" name="InItemSerial">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSerialP" name="InItemSerialP">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @if(getGauge() =="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemGauge')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemGauge" name="InItemGauge">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemGaugeP" name="InItemGaugeP">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>
                                                                <div class="row">
                                                                    @if(getItemImage()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemImage')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemImage" name="InItemImage">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemImageP" name="InItemImageP">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                    @if(getItemOtherName()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherName')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherName" name="InItemOtherName">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherNameP" name="InItemOtherNameP">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @if(getInventoryBrand()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemBrand')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemBrand" name="InItemBrand">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemBrandP" name="InItemBrandP">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>
                                                                <div class="row">
                                                                    @if(getOtherMeasure()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherMeasure')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure" name="InItemOtherMeasure">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasureP" name="InItemOtherMeasureP">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                    @if(getOtherMeasure2()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemOtherMeasure2')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure2" name="InItemOtherMeasure2">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemOtherMeasure2P" name="InItemOtherMeasure2P">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div> 
                                                                <div class="row">
                                                                    @if(getM2()!="")
                                                                    @if(getFactorMeasure2()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure2')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure2" name="InItemMeasure2">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure2P" name="InItemMeasure2P">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                    @endif 
                                                                    @if(getM3()!="")
                                                                    @if(getFactorMeasure3()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure3')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure3" name="InItemMeasure3">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure3P" name="InItemMeasure3P">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @endif 
                                                                    @if(getM4()!="")
                                                                    @if(getFactorMeasure4()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemMeasure4')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure4" name="InItemMeasure4">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemMeasure4P" name="InItemMeasure4P">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @endif
                                                                </div>
                                                                <div class="row">
                                                                    @if(getSaleDescription()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDescription')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription" name="InItemDescription">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescriptionP" name="InItemDescriptionP">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                    @if(getSaleDescription2()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDescription2')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription2" name="InItemDescription2">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDescription2P" name="InItemDescription2P">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>  
                                                                <div class="row">
                                                                    @if(getSaleDiscount()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemSubTotal')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemSubTotal" name="InItemSubTotal">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemSubTotalP" name="InItemSubTotalP">
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemDiscount')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InItemDiscount" name="InItemDiscount">
                                                                                <input type="number" class="form-control" style="font-size:12px;height:20px" v-model="InItemDiscountP" name="InItemDiscountP">
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>   
                                                                <div class="row">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.ArrangeColumn')</label><br>
                                                                            <span v-on:click="arrangeColumn()">
                                                                                <i class="fa fa-exchange" style="color: green; cursor: pointer;"></i>
                                                                            </span>

                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemEmptyRow')</label><br>
                                                                            <span v-on:click="addNew()">
                                                                                <i class="fa fa-plus" style="color: green; cursor: pointer;"></i>
                                                                            </span>
                                                                            <span v-on:click="deleteItem()">
                                                                                <i class="fa fa-remove" style="color: red;cursor: pointer;"></i>
                                                                            </span>
                                                                            <input type="hidden" class="form-control" style="font-size:12px;height:20px" v-model="items.length" name="InItemEmptyRow">

                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InItemColumnName')</label><br>
                                                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InItem_font" name="InItem_font">
                                                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                                                    <option value="14px">@lang('layout.Default')</option>
                                                                                    <option value="10px">10px</option>
                                                                                    <option value="11px">11px</option>
                                                                                    <option value="12px">12px</option>
                                                                                    <option value="13px">13px</option>
                                                                                    <option value="14px">14px</option>
                                                                                    <option value="15px">15px</option>
                                                                                    <option value="16px">16px</option>
                                                                                </select>
                                                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InItem_height" name="InItem_height">
                                                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectHeight')</option>
                                                                                    <option value="20px">@lang('layout.Default')</option>
                                                                                    <option value="25px">25px</option>
                                                                                    <option value="30px">30px</option>
                                                                                    <option value="35px">35px</option>
                                                                                    <option value="40px">40px</option>
                                                                                </select>
                                                                                <input type="radio" id="in_item_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="right">
                                                                                <label for="in_item_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InItem_position=='right')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_item_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="center"> 
                                                                                <label for="in_item_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InItem_position=='center')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_item_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InItem_position" name="InItem_position" value="left">
                                                                                <label for="in_item_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InItem_position=='left')?'red':''}"></i></label>
                                                                        </div>
                                                                    </div>  
                                                                </div>
                                                                <hr class="hrs">
                                                                <i class="fa fa-question-circle" style="cursor:pointer" @click="show_help('InTotalQuantity')" v-if="totalDiv"></i>
                                                                <div class="row" v-if="InTotalQuantityHelp">
                                                                    <div class="well well-sm">
                                                                        <h5 class="block">@lang('invoice.InTotalQuantityHelp')</h5>
                                                                        <p style="font-size: 12px"> @lang('invoice.InTotalQuantityHelp1') <br>
                                                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.TotalQuantity')]</span>
                                                                        </p>
                                                                        <p style="font-size: 12px"> @lang('invoice.InTotalQuantityHelp2') <br>
                                                                           <span style="font-weight: bold"> @lang('layout.Inventory') > [@lang('layout.Unit')2]</span><br>
                                                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.Unit')2]</span><br>
                                                                           <span style="font-weight: bold"> @lang('layout.SaleAndPurchase') > [@lang('layout.OtherMeasureWithoutRelations')]</span>
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                                @if(getTotalItemQuantity()!='' ||getTotalItemQuantity()!="defualt")
                                                                <div style="border: 1px dotted; padding:5px 10px 5px 10px" v-if="totalDiv">
                                                                <div class="row" v-if="totalDiv">

                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemMeasure')]</label><br>
                                                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantity" name="InTotalQuantity">
                                                                            
                                                                        </div>
                                                                    </div> 
                                                                    @if(getM2()!="" && getFactorMeasure2()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemMeasure2')]</label><br>
                                                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantityMeasure2" name="InTotalQuantityMeasure2">
                                                                        </div>
                                                                    </div>
                                                                    @endif  
                                                                    @if(getOtherMeasure()=="true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px">[@lang('invoice.InItemOtherMeasure')]</label><br>
                                                                            <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalQuantityOtherMeasure" name="InTotalQuantityOtherMeasure">
                                                                        </div>
                                                                    </div>
                                                                    @endif 
                                                                </div>
                                                                <div class="row" v-if="totalDiv" >
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div>
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalQuantity')</label><br>
                                                                            <select class="form-control input-inline input-sm input-small" v-model="InTotalQuantity_type" name="InTotalQuantity_type">
                                                                                <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectType')</option>
                                                                                <option value="defualt">@lang('layout.Default')</option>
                                                                                <option value="per_unit">@lang('layout.PerUnit')</option>
                                                                                <option value="all_unit">@lang('layout.AllUnit')</option>
                                                                            </select>
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                </div>
                                                                @endif
                                                                <div class="row" v-if="totalDiv">

                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotal')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotal" name="InTotal">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalInLetter')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InTotalInLetter" name="InTotalInLetter">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InReceipt')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InReceipt" name="InReceipt">
                                                                        </div>
                                                                    </div> 
                                                                </div>
                                                                <div class="row" v-if="totalDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDiscount')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InDiscount" name="InDiscount">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InRemains')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InRemains" name="InRemains">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InOldBalance')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InOldBalance" name="InOldBalance">
                                                                        </div>
                                                                    </div> 
                                                                    
                                                                </div>
                                                                <div class="row" v-if="totalDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InAllTotal')</label><br>
                                                                                <input type="text" class="form-control" style="font-size:12px;height:20px" v-model="InAllTotal" name="InAllTotal">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InTotalStyle')</label><br>
                                                                                <select class="form-control"  style="font-size:12px;height:22px" v-model="InTotal_font" name="InTotal_font">
                                                                                    <option value="" disabled style="background-color:#543030;color:white">@lang('invoice.SelectFont')</option>
                                                                                    <option value="12px">@lang('layout.Default')</option>
                                                                                    <option value="10px">10px</option>
                                                                                    <option value="11px">11px</option>
                                                                                    <option value="12px">12px</option>
                                                                                    <option value="13px">13px</option>
                                                                                    <option value="14px">14px</option>
                                                                                    <option value="15px">15px</option>
                                                                                    <option value="16px">16px</option>
                                                                                </select>
                                                                                <input type="radio" id="in_total_align-right" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="right">
                                                                                <label for="in_total_align-right"><i class="fa fa-align-right" :style="{cursor:'pointer',color:(InTotal_position=='right')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_total_align-center" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="center"> 
                                                                                <label for="in_total_align-center"><i class="fa fa-align-center" :style="{cursor:'pointer',color:(InTotal_position=='center')?'red':''}"></i></label>
                                                                                <input type="radio" id="in_total_align-left" class="form-control"style="font-size:12px;height:20px; display:none" v-model="InTotal_position" name="InTotal_position" value="left">
                                                                                <label for="in_total_align-left"><i class="fa fa-align-left" :style="{cursor:'pointer',color:(InTotal_position=='left')?'red':''}"></i></label>
                                                                        </div>
                                                                    </div>  
                                                                    
                                                                </div>  
                                                                <div class="row" v-if="totalDiv">
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InDescription')</label><br>
                                                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InDescription" name="InDescription">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InPrintDescription')</label><br>
                                                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InPrintDescription" name="InPrintDescription">
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                        <div >
                                                                            
                                                                            <label class="control-label" style="font-size:12px"> @lang('invoice.InNote')</label><br>
                                                                                <input type="checkbox" class="form-control" style="font-size:12px;height:20px"  v-model="InNote" name="InNote">
                                                                        </div>
                                                                    </div> 
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>  
                                                    </div>--}}
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <div class="portlet light bordered">
                                                            
                                                            <div class="portlet-body">
                                                                <div class="row">
                                                                    <div class="page">
                                                                        {{-- <div :style="{textAlign:logo}">
                                                                            <img src="{!!url('/uploads/'.company()['logo'])!!}" alt="" :style="{width:logosize}"/>
                                                                        </div> 
                                                                        <div :style="{textAlign:logo}">
                                                                            <span :style="{textAlign:logo,color:color}"><b style="font-size:16px">@{{companyName}}</b></span><br>
                                                                            <span :style="{textAlign:logo,color:color}" style="font-size: 12px">@{{companyPhone}}</span><br>
                                                                            <span :style="{textAlign:logo,color:color}" style="font-size: 12px">@{{companyEmail}}</span><br>
                                                                            <span :style="{textAlign:logo,color:color}" style="font-size: 12px">@{{companyWebsite}}</span>
                                                                        </div>  --}}
                                                                        {{-- <div id="header" @click="showDiv('header')">
                                                                            <table style="width: 100%; margin-top: 10px; border:none">
                                                                                <tr>
                                                                                    <td style=" width:40%">
                                                                                        <table style="border: none">
                                                                                            <tr style="border: none">
                                                                                                <td  colspan="2" :style="{textAlign:(layout_dir=='ltr')?'left':'right',fontSize: '12px',color:color}">@{{companyPhone}}</td>
                                                                                            </tr>
                                                                                            <tr style="border: none">
                                                                                                <td  colspan="2" :style="{textAlign:(layout_dir=='ltr')?'left':'right',fontSize: '12px',color:color}">@{{companyEmail}}</td>
                                                                                            </tr>
                                                                                            <tr style="border: none"> 
                                                                                                <td  colspan="2" :style="{textAlign:(layout_dir=='ltr')?'left':'right',fontSize: '12px',color:color}">@{{companyWebsite}}</td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </td>
                                                                    
                                                                                    <td width="20%" :style="{textAlign: 'center',fontSize:'16px',color:color}"><b>@{{companyName}}</b></td>
                                                                                    <td style=" width:30%">
                                                                                        <table style="border: none">
                                                                                            <tr style="border: none">
                                                                                                <td :style="{textAlign:(layout_dir=='ltr')?'right':'left'}" colspan="2" >
                                                                                                    <img src="{!!url('/uploads/'.company()['logo'])!!}" alt="" :style="{width:logosize}"/>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div> --}}
                                                                        <div id="invoiceInfo" @click="showDiv('invoiceInfo')">
                                                                            <table  :style="{backgroundColor:color,color:'white'}">
                                                                                <caption :style="{color:color,fontWeight:'bold',textAlign:InTitle_position,fontSize:InTitle_font}">@{{InTitle}}</caption>

                                                                                <tr style="border-bottom: 0px" v-if="InCustomerName || InNo || InRefNo">
                                                                                    <td :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InCustomerName">
                                                                                        @{{InCustomerName}} 
                                                                                        </td>
                                                                                    <td :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}"  class="ti" v-if="InNo">
                                                                                        @{{InNo}}
                                                                                    </td>
                                                                                    <td  :style="{width: '30%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InRefNo">
                                                                                        @{{InRefNo}}
                                                                                    </td>
                                                                                </tr>
                                                                                <tr :style="{backgroundColor:color,borderBottom: '0px'}" v-if="InCustomerCode || InDateMeladi || InDateShamsi">
                                                                                    <td  :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InCustomerCode">
                                                                                        @{{InCustomerCode}}
                                                                                    </td>
                                                                                    <td  :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InDateMeladi">
                                                                                        @{{InDateMeladi}}
                                                                                    </td>
                                                                                    <td :style="{width: '30%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InDateShamsi">
                                                                                        @{{InDateShamsi}}
                                                                                    </td>
                                                                                </tr>
                                                                                <tr :style="{backgroundColor:color,borderBottom: '0px'}" v-if="InCustomerPhone || InCustomerAddress || InTime">
                                                                                    <td  :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InCustomerPhone">
                                                                                        @{{InCustomerPhone}} 
                                                                                    </td>
                                                                                    <td  :style="{width: '35%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InCustomerAddress">
                                                                                        @{{InCustomerAddress}}
                                                                                    </td>
                                                                                    <td  :style="{width: '30%',textAlign:(layout_dir=='rtl')?'right':'left'}" class="ti" v-if="InTime">
                                                                                            @{{InTime}}
                                                                                        </td>
                                                                                </tr>

                                                                              
                                                                                    {{-- <tr :style="{fontSize: '12px',fontWeight:'bold'}">
                                                                                        <td  style="float:right" v-if="InCustomerName">@{{InCustomerName}}</td>
                                                                                        <td  style="float:left" v-if="InNo">@{{InNo}}</td>
                                                                                    </tr>
                                                                        
                                                                        
                                                                                    <tr :style="{fontSize: '12px',fontWeight:'bold'}">
                                                                                        <td  style="float:right" v-if="InCustomerCode">@{{InCustomerCode}}</td>
                                                                                        <td  style="float:left" v-if="InRefNo">@{{InRefNo}}</td>
                                                                                        
                                                                                    </tr>
                                                                                    <tr :style="{fontSize: '12px',fontWeight:'bold'}">
                                                                                        <td  style="float:right" v-if="InCustomerPhone">@{{InCustomerPhone}}</td>
                                                                                        <td  style="float:left" v-if="InDateShamsi">@{{InDateShamsi}}</td>
                                                                                        
                                                                                    </tr>
                                                                                    <tr :style="{fontSize: '12px',fontWeight:'bold'}">
                                                                                        <td  style="float:right" v-if="InCustomerAddress">@{{InCustomerAddress}}</td>
                                                                                        <td  style="float:left" v-if="InDateMeladi">@{{InDateMeladi}}</td>
                                                                                        
                                                                                    </tr>
                                                                                    <tr :style="{fontSize: '12px',fontWeight:'bold'}">
                                                                                        <td  style="float:right" ></td>
                                                                                        <td  style="float:left" v-if="InTime">@{{InTime}}</td>
                                                                                    </tr> --}}
                                                                    
                                                                    
                                                                            </table>
                                                                        </div> 
                                                                    <div>
                                                                        <!--Table 3 For Data  Information-->
                                                                        <table class="main-table"  cellpadding="5px" style="margin-top: 5px">

                                                                            
                                                                            {{-- ,height:InItem_height,textAlign:InItem_position --}}
                                                                            

                                                                            <tr :style="{backgroundColor: color,color:'white',fontSize: InItem_font,border: '1px dotted black',fontWeight:'bold',height:InItem_height}">
                                                                                {{-- <td v-for="(key,index) in keys" :style="{textAlign:InItem_position}">@{{index}} - @{{key}}</td> --}}
                                                                                <td v-for="(key,index) in keys" :style="{textAlign:InItem_position}">@{{key}}</td>
                                                                            </tr> 


                                                                        {{-- <tr :style="{backgroundColor: color,color:'white',fontSize: '12px',border: '1px dotted black',fontWeight:'bold'}">
                                                                            <td class="thc center" style="width: 10px;" v-if="InItemNo">
                                                                                <div class="center">@{{InItemNo}}</div>
                                                                            </td>
                                                                            <td class="thc center" style="width: 35%;" v-if="InItemName">
                                                                                <div class="center">@{{InItemName}}</div>
                                                                            </td>
                                                                            
                                                                            <td class="thc center"  v-if="InItemQty">
                                                                                <div class="center">@{{InItemQty}}</div>
                                                                            </td>
                                                                            <td class="thc center" v-if="InItemMeasure">
                                                                                <div class="center">@{{InItemMeasure}}</div>
                                                                            </td>
                                                                            
                                                                            <td class="thc center" v-if="InItemPrice">
                                                                                <div class="center">@{{InItemPrice}}</div>
                                                                            </td>
                                                                            <td class="thc center" v-if="InItemTotal">
                                                                                <div class="center">@{{InItemTotal}}</div>
                                                                            </td>
                                                                        </tr> --}}
                                                                        
                                                                        {{-- <tr>
                                                                            <td class="center thc1" v-if="InItemNo">1</td>
                                                                            <td class="center" v-if="InItemName">item </td>
                                                                            <td class="center" v-if="InItemQty">300</td>
                                                                            <td class="center" v-if="InItemMeasure">kg</td>
                                                                            <td class="center" v-if="InItemPrice">1</td>
                                                                            <td class="center" v-if="InItemTotal">300</td>
                                                                        </tr>  --}}
                                                                        <tr v-for="(item,index) in items">
                                                                            <td class="center thc1" v-if="InItemNo" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemName" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemQty" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemMeasure" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemPrice" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemTotal" v-on:click="addNew(index)">.</td>
                                                                            @if(getInventorySite()=="true")
                                                                            <td class="center" v-if="InItemSite" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getSerailNumber()=="true")
                                                                            <td class="center" v-if="InItemSerial" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getGauge()=="true")
                                                                            <td class="center" v-if="InItemGauge" v-on:click="addNew(index)">.</td>
                                                                            @endif 
                                                                            @if(getItemImage()=="true")
                                                                            <td class="center" v-if="InItemImage" v-on:click="addNew(index)">.</td>
                                                                            @endif 
                                                                            @if(getItemOtherName()=="true")
                                                                            <td class="center" v-if="InItemOtherName" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getInventoryBrand()=="true")
                                                                            <td class="center" v-if="InItemBrand" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getOtherMeasure()=="true")
                                                                            <td class="center" v-if="InItemOtherMeasure" v-on:click="addNew(index)">.</td>
                                                                            @endif 
                                                                            @if(getOtherMeasure2()=="true")
                                                                            <td class="center" v-if="InItemOtherMeasure2" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getM2()!="")
                                                                            @if(getFactorMeasure2()=="true")
                                                                            <td class="center" v-if="InItemMeasure2" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @endif
                                                                            @if(getM3()!="")
                                                                            @if(getFactorMeasure3()=="true")
                                                                            <td class="center" v-if="InItemMeasure3" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @endif
                                                                            @if(getM4()!="")
                                                                            @if(getFactorMeasure4()=="true")
                                                                            <td class="center" v-if="InItemMeasure4" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @endif
                                                                            @if(getSaleDescription()=="true")
                                                                            <td class="center" v-if="InItemDescription" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getSaleDescription2()=="true")
                                                                            <td class="center" v-if="InItemDescription2" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                            @if(getSaleDiscount()=="true")
                                                                            <td class="center" v-if="InItemSubTotal" v-on:click="addNew(index)">.</td>
                                                                            <td class="center" v-if="InItemDiscount" v-on:click="addNew(index)">.</td>
                                                                            @endif
                                                                        </tr>  
                                                                        

                                                                    </table>
                                                                    </div>
                                                                    <div id="totals" @click="showDiv('total')" >
                                                                        <table class="main-table" style = "margin-top:10px">
                                                                            @if(getTotalItemQuantity()!='' ||getTotalItemQuantity()!="defualt")
                                                                                <!--Per unit measure-->
                                                                                <tr v-if="InTotalQuantity && InTotalQuantity_type=='per_unit'" >
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantity}}</b></td>
                                                                                </tr> 
                                                                                <tr v-if="InTotalQuantity && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>20</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>kg</b></td>
                                                                                </tr>
                                                                                <tr v-if="InTotalQuantity && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>1000</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>gr</b></td>
                                                                                </tr>
                                                                                <!--all unit measure-->
                                                                                <tr v-if="InTotalQuantity && InTotalQuantity_type=='all_unit'">
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantity}}</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>21</b></td>
                                                                                </tr>
                                                                                @if(getM2()!="" && getFactorMeasure2()=="true")
                                                                                <!--Per unit measure2-->
                                                                                <tr v-if="InTotalQuantityMeasure2 && InTotalQuantity_type=='per_unit'" >
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantityMeasure2}}</b></td>
                                                                                </tr> 
                                                                                <tr v-if="InTotalQuantityMeasure2 && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>20</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>kg</b></td>
                                                                                </tr>
                                                                                <tr v-if="InTotalQuantityMeasure2 && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>1000</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>gr</b></td>
                                                                                </tr>
                                                                                <!--all unit measure2-->
                                                                                <tr v-if="InTotalQuantityMeasure2 && InTotalQuantity_type=='all_unit'">
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantityMeasure2}}</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>21</b></td>
                                                                                </tr>
                                                                                @endif
                                                                                @if(getOtherMeasure()=="true")
                                                                                <!--Per unit other measure-->
                                                                                <tr v-if="InTotalQuantityOtherMeasure && InTotalQuantity_type=='per_unit'" >
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantityOtherMeasure}}</b></td>
                                                                                </tr> 
                                                                                <tr v-if="InTotalQuantityOtherMeasure && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>20</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>kg</b></td>
                                                                                </tr>
                                                                                <tr v-if="InTotalQuantityOtherMeasure && InTotalQuantity_type=='per_unit'">
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>1000</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left',width:'50%'}"><b>gr</b></td>
                                                                                </tr>
                                                                                <!--all unit other measure-->
                                                                                <tr v-if="InTotalQuantityOtherMeasure && InTotalQuantity_type=='all_unit'">
                                                                                    <td colspan="2" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalQuantityOtherMeasure}}</b></td>
                                                                                    <td :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>21</b></td>
                                                                                    
                                                                                </tr>
                                                                                @endif
                                                                            @endif

                                                                            <tr v-if="InTotalInLetter">
                                                                                <td width="10%" :style="{textAlign:(layout_dir=='rtl')?'right':'left'}"><b>@{{InTotalInLetter}}</b></td>
                                                                                 <td width="60%">
                                                                                    <div class="center" style="font-size: bold;">
                                                                                        <b> 
                                                                                        </b>
                                                                                    </div>
                                                                                </td>
                                                                            </tr> 
                                                                        </table>

                                                                        <table style="width: 100%;">
                                                                            <tr>
                                                                                <td :style="{verticalAlign: 'baseline',width:'40%', fontSize: '12px',fontWeight:'bold',textAlign:(layout_dir=='ltr')?'left':'right'}">
                                                                                    <span v-if="InDescription">@lang('invoice.InDescription') @lang('invoice.InHere')</span><hr v-if="InDescription">
                                                                                    <span v-if="InPrintDescription">@lang('invoice.InPrintDescription') @lang('invoice.InHere')</span><hr v-if="InPrintDescription">
                                                                                    <span v-if="InNote">@lang('invoice.InNote') @lang('invoice.InHere')</span>

                                                                                </td>
                                                                                <td width="20%"></td>
                                                                                <td style="text-align: right; width:30%">
                                                                                    <table class="main-table">
                                                                                        <tr v-if="InTotal">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InTotal}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">200 @{{showCurrency}}</td>
                                                                                        </tr>
                                                            
                                                                                        <tr v-if="InReceipt">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InReceipt}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">300 @{{showCurrency}}</td>
                                                                                        </tr>							
                                                                                        <tr v-if="InDiscount">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InDiscount}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">600 @{{showCurrency}}</td>
                                                                                        </tr>  
                                                                                        <tr v-if="InRemains">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InRemains}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">600 @{{showCurrency}}</td>
                                                                                        </tr>   
                                                                                        <tr v-if="InOldBalance">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InOldBalance}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">600 @{{showCurrency}}</td>
                                                                                        </tr> 
                                                                                        <tr v-if="InAllTotal">
                                                                                            <td class="mt1" :style="{backgroundColor: color,color:'white',fontSize: InTotal_font,border: '1px dotted black',fontWeight:'bold',textAlign:InTotal_position}">@{{InAllTotal}}</td>
                                                                                            <td :style="{fontSize: InTotal_font,fontWeight:'bold',textAlign:InTotal_position}">600 @{{showCurrency}}</td>
                                                                                        </tr>  
                                                                                    </table>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                        
                                                                    </div>

                                                                    </div>

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

                                                    <div class="col-md-4 col-md-offset-4 text-center">
                                                        <br>
                                                        <button type="button" class="btn green"  
                                                                onclick="regForm(this)">@lang('layout.Submit')</button>
                                
                                                        {{-- <a href="{{route('attendanceSheet.index')}}" class="btn default"><i
                                                                    class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a> --}}
                                                    </div>
                        
                                        </div>
                                        {!! Form::close() !!}





            


        </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
      </div>

</div>



    

            </div>

            <!-- END FORM-->
        </div>






@endsection
@push('scripts')

   <script type="text/javascript">
        Vue.component('v-select', VueSelect.VueSelect);

        // var companyName = {!!json_encode(company()['name'])!!};
        // var companyPhone = {!!json_encode(company()['phone'])!!};
        // var companyEmail = {!!json_encode(company()['email'])!!};
        // var companyWebsite = {!!json_encode($company['website'])!!};
        var homeCurrency = {!!json_encode(homeCurrency())!!};
        var custom_form = {!!json_encode($custom_form)!!};
        var color = "#555555";
        var InTitle_font='14px';
        var InTitle_position='center';
        var InCurrency=homeCurrency.code;
        var InItem_font = "14px";
        var InItem_height = "20px";
        var InItem_position = "center";
        var InTotal_font = "12px";
        var InTotal_position = "center";
        var direcTest = "center";
        
        
        

        var companyName = "{{__('invoice.CompanyName')}}";
        var companyPhone = "{{__('invoice.CompanyPhone')}}";
        var companyEmail = "{{__('invoice.CompanyEmail')}}";
        var companyWebsite = "{{__('invoice.CompanyWebSite')}}";
        var InTitle = "{{__('invoice.Invoice')}}";
        var InCustomerName = "{{__('invoice.InCustomerName')}}";
        var InCustomerCode = "{{__('invoice.InCustomerCode')}}";
        var InCustomerPhone = "{{__('invoice.InCustomerPhone')}}";
        var InCustomerAddress = "{{__('invoice.InCustomerAddress')}}";
        var InNo = "{{__('invoice.InNo')}}";
        var InDateShamsi = "{{__('invoice.InDateShamsi')}}";
        var InDateMeladi = "{{__('invoice.InDateMeladi')}}";
        var InTime = "{{__('invoice.InTime')}}";
        var InRefNo = "{{__('invoice.InRefNo')}}";
        var InItemNo = "{{__('invoice.InItemNo')}}";
        var InItemName = "{{__('invoice.InItemName')}}";
        var InItemQty = "{{__('invoice.InItemQty')}}";
        var InItemMeasure = "{{__('invoice.InItemMeasure')}}";
        
        var InItemPrice = "{{__('invoice.InItemPrice')}}";
        var InItemTotal = "{{__('invoice.InItemTotal')}}";
        var InTotal = "{{__('invoice.InTotal')}}";
        var InTotalInLetter = "{{__('invoice.InTotalInLetter')}}";
        var InReceipt = "{{__('invoice.InReceipt')}}";
        var InDiscount = "{{__('invoice.InDiscount')}}";
        var InRemains = "{{__('invoice.InRemains')}}";
        var InOldBalance = "{{__('invoice.InOldBalance')}}";
        var InAllTotal = "{{__('invoice.InAllTotal')}}";
        var InDescription = "{{__('invoice.InDescription')}}";
        var InPrintDescription = "{{__('invoice.InPrintDescription')}}";
        var InNote = "{{__('invoice.InNote')}}";
        var layout_dir = "{{session()->get('system_direction')}}";
        var InItemEmptyRow = [];

        @if(getTotalItemQuantity()!='' ||getTotalItemQuantity()!="defualt")
        @if(getM2()!="" && getFactorMeasure2()=="true")
        var InTotalQuantityMeasure2 = "{{__('invoice.InTotalQuantityMeasure2')}}"
        @endif
        @if(getOtherMeasure()=="true")
        var InTotalQuantityOtherMeasure = "{{__('invoice.InTotalQuantityOtherMeasure')}}"
        @endif
        var InTotalQuantity = "{{__('invoice.InTotalQuantity')}}"
        var InTotalQuantity_type = "defualt";
        @endif
        //table Column Priority
        var InItemNoP=1;
        var InItemNameP=2;
        var InItemQtyP=3;
        var InItemMeasureP=4;
        var InItemPriceP=5;
        var InItemTotalP=6;
        @if(getInventorySite()=="true")
        var InItemSite = "";
        var InItemSiteP=null;
        @endif 
        @if(getSerailNumber()=="true")
        var InItemSerial = "";
        var InItemSerialP=null;
        @endif
        @if(getGauge()=="true")
        var InItemGauge = "";
        var InItemGaugeP=null;
        @endif 
        @if(getItemImage()=="true")
        var InItemImage = "";
        var InItemImageP=null;
        @endif 
        @if(getItemOtherName()=="true")
        var InItemOtherName = "";
        var InItemOtherNameP=null;
        @endif
        @if(getInventoryBrand()=="true")
        var InItemBrand = "";
        var InItemBrandP=null;
        @endif
        @if(getOtherMeasure()=="true")
        var InItemOtherMeasure = "";
        var InItemOtherMeasureP=null;
        @endif 
        @if(getOtherMeasure2()=="true")
        var InItemOtherMeasure2 = "";
        var InItemOtherMeasure2P=null;
        @endif
        @if(getM2()!="")
        @if(getFactorMeasure2()=="true")
        var InItemMeasure2 = "";
        var InItemMeasure2P=null;
        @endif
        @endif
        @if(getM3()!="")
        @if(getFactorMeasure3()=="true")
        var InItemMeasure3 = "";
        var InItemMeasure3P=null;
        @endif
        @endif
        @if(getM4()!="")
        @if(getFactorMeasure4()=="true")
        var InItemMeasure4 = "";
        var InItemMeasure4P=null;
        @endif
        @endif
        @if(getSaleDescription()=="true")
        var InItemDescription = "";
        var InItemDescriptionP=null;
        @endif
        @if(getSaleDescription2()=="true")
        var InItemDescription2 = "";
        var InItemDescription2P=null;
        @endif
        @if(getSaleDiscount()=="true")
        var InItemSubTotal = "";
        var InItemSubTotalP=null;
        var InItemDiscount = "";
        var InItemDiscountP=null;
        @endif
        


        var vm = new Vue({
            el: '#attendance',
            data: {
                homeCurrency:homeCurrency,
                custom_form:custom_form,
                layout_dir:layout_dir,
                color:(custom_form!=null && (custom_form.color || custom_form.InTitle==""))?custom_form.color:color,
                logo:"center",
                logosize:"50px",
                companyName:companyName,
                companyPhone:companyPhone,
                companyWebsite:companyWebsite,
                companyEmail:companyEmail,
                InTitle:(custom_form!=null && (custom_form.InTitle || custom_form.InTitle==""))?custom_form.InTitle:InTitle,
                InTitle_font:(custom_form!=null && (custom_form.InTitle_font || custom_form.InTitle_font==""))?custom_form.InTitle_font:InTitle_font,
                InTitle_position:(custom_form!=null && (custom_form.InTitle_position || custom_form.InTitle_position==""))?custom_form.InTitle_position:InTitle_position,
                InCustomerName:(custom_form!=null && (custom_form.InCustomerName || custom_form.InCustomerName==""))?custom_form.InCustomerName:InCustomerName,
                InCustomerCode:(custom_form!=null && (custom_form.InCustomerCode || custom_form.InCustomerCode==""))?custom_form.InCustomerCode:InCustomerCode,
                InCustomerPhone:(custom_form!=null && (custom_form.InCustomerPhone || custom_form.InCustomerPhone==""))?custom_form.InCustomerPhone:InCustomerPhone,
                InCustomerAddress:(custom_form!=null && (custom_form.InCustomerAddress || custom_form.InCustomerAddress==""))?custom_form.InCustomerAddress:InCustomerAddress,
                InNo:(custom_form!=null && (custom_form.InNo || custom_form.InNo==""))?custom_form.InNo:InNo,
                InDateShamsi:(custom_form!=null && (custom_form.InDateShamsi || custom_form.InDateShamsi==""))?custom_form.InDateShamsi:InDateShamsi,
                InDateMeladi:(custom_form!=null && (custom_form.InDateMeladi || custom_form.InDateMeladi==""))?custom_form.InDateMeladi:InDateMeladi,
                InTime:(custom_form!=null && (custom_form.InTime || custom_form.InTime==""))?custom_form.InTime:InTime,
                InRefNo:(custom_form!=null && (custom_form.InRefNo || custom_form.InRefNo==""))?custom_form.InRefNo:InRefNo,
                InItemNo:(custom_form!=null && (custom_form.InItemNo || custom_form.InItemNo==""))?custom_form.InItemNo:InItemNo,
                InItemName:(custom_form!=null && (custom_form.InItemName || custom_form.InItemName==""))?custom_form.InItemName:InItemName,
                InItemQty:(custom_form!=null && (custom_form.InItemQty || custom_form.InItemQty==""))?custom_form.InItemQty:InItemQty,
                InItemMeasure:(custom_form!=null && (custom_form.InItemMeasure || custom_form.InItemMeasure==""))?custom_form.InItemMeasure:InItemMeasure,
                InItemPrice:(custom_form!=null && (custom_form.InItemPrice || custom_form.InItemPrice==""))?custom_form.InItemPrice:InItemPrice,
                InItemTotal:(custom_form!=null && (custom_form.InItemTotal || custom_form.InItemTotal==""))?custom_form.InItemTotal:InItemTotal,
                InItem_font:(custom_form!=null && (custom_form.InItem_font || custom_form.InItem_font==""))?custom_form.InItem_font:InItem_font,
                InItem_height:(custom_form!=null && (custom_form.InItem_height || custom_form.InItem_height==""))?custom_form.InItem_height:InItem_height,
                InItem_position:(custom_form!=null && (custom_form.InItem_position || custom_form.InItem_position==""))?custom_form.InItem_position:InItem_position,
                InTotal:(custom_form!=null && (custom_form.InTotal || custom_form.InTotal==""))?custom_form.InTotal:InTotal,
                InTotalInLetter:(custom_form!=null && (custom_form.InTotalInLetter || custom_form.InTotalInLetter==""))?custom_form.InTotalInLetter:InTotalInLetter,
                InReceipt:(custom_form!=null && (custom_form.InReceipt || custom_form.InReceipt==""))?custom_form.InReceipt:InReceipt,
                InDiscount:(custom_form!=null && (custom_form.InDiscount || custom_form.InDiscount==""))?custom_form.InDiscount:InDiscount,
                InRemains:(custom_form!=null && (custom_form.InRemains || custom_form.InRemains==""))?custom_form.InRemains:InRemains,
                InOldBalance:(custom_form!=null && (custom_form.InOldBalance || custom_form.InOldBalance==""))?custom_form.InOldBalance:InOldBalance,
                InAllTotal:(custom_form!=null && (custom_form.InAllTotal || custom_form.InAllTotal==""))?custom_form.InAllTotal:InAllTotal,
                InTotal_font:(custom_form!=null && (custom_form.InTotal_font || custom_form.InTotal_font==""))?custom_form.InTotal_font:InTotal_font,
                InTotal_position:(custom_form!=null && (custom_form.InTotal_position || custom_form.InTotal_position==""))?custom_form.InTotal_position:InTotal_position,
                InCurrency:(custom_form!=null && (custom_form.InCurrency || custom_form.InCurrency==""))?custom_form.InCurrency:InCurrency,
                totalDiv:true,
                headerDiv:true,
                invoiceInfoDiv:true,
                InDescription:(custom_form!=null && (custom_form.InDescription || custom_form.InDescription==null))?custom_form.InDescription:InDescription,
                InPrintDescription:(custom_form!=null && (custom_form.InPrintDescription || custom_form.InPrintDescription==null))?custom_form.InPrintDescription:InPrintDescription,
                InNote:(custom_form!=null && (custom_form.InNote || custom_form.InNote==null))?custom_form.InNote:InNote,
                items:
                    [
                        {item: null}

                    ],
                InItemEmptyRow:(custom_form!=null && (custom_form.InItemEmptyRow || custom_form.InItemEmptyRow==null))?custom_form.InItemEmptyRow:InItemEmptyRow,

                
                //table Column Priority
                InItemNoP:(custom_form!=null && (custom_form.InItemNoP || custom_form.InItemNoP==""))?custom_form.InItemNoP:InItemNoP,
                InItemNameP:(custom_form!=null && (custom_form.InItemNameP || custom_form.InItemNameP==""))?custom_form.InItemNameP:InItemNameP,
                InItemQtyP:(custom_form!=null && (custom_form.InItemQtyP || custom_form.InItemQtyP==""))?custom_form.InItemQtyP:InItemQtyP,
                InItemMeasureP:(custom_form!=null && (custom_form.InItemMeasureP || custom_form.InItemMeasureP==""))?custom_form.InItemMeasureP:InItemMeasureP,
                InItemPriceP:(custom_form!=null && (custom_form.InItemPriceP || custom_form.InItemPriceP==""))?custom_form.InItemPriceP:InItemPriceP,
                InItemTotalP:(custom_form!=null && (custom_form.InItemTotalP || custom_form.InItemTotalP==""))?custom_form.InItemTotalP:InItemTotalP,
                @if(getTotalItemQuantity()!='' ||getTotalItemQuantity()!="defualt")
                @if(getM2()!="" && getFactorMeasure2()=="true")
                InTotalQuantityMeasure2:(custom_form!=null && (custom_form.InTotalQuantityMeasure2 || custom_form.InTotalQuantityMeasure2==""))?custom_form.InTotalQuantityMeasure2:InTotalQuantityMeasure2,
                @endif
                @if(getOtherMeasure()=="true")
                InTotalQuantityOtherMeasure:(custom_form!=null && (custom_form.InTotalQuantityOtherMeasure || custom_form.InTotalQuantityOtherMeasure==""))?custom_form.InTotalQuantityOtherMeasure:InTotalQuantityOtherMeasure,
                @endif
                InTotalQuantity:(custom_form!=null && (custom_form.InTotalQuantity || custom_form.InTotalQuantity==""))?custom_form.InTotalQuantity:InTotalQuantity,
                InTotalQuantity_type:(custom_form!=null && (custom_form.InTotalQuantity_type || custom_form.InTotalQuantity_type==""))?custom_form.InTotalQuantity_type:InTotalQuantity_type,
                @endif

                @if(getInventorySite()=="true")
                InItemSite:(custom_form!=null && (custom_form.InItemSite || custom_form.InItemSite==""))?custom_form.InItemSite:InItemSite,
                InItemSiteP:(custom_form!=null && (custom_form.InItemSiteP || custom_form.InItemSiteP==""))?custom_form.InItemSiteP:InItemSiteP,
                @endif
                @if(getSerailNumber()=="true")
                InItemSerial:(custom_form!=null && (custom_form.InItemSerial || custom_form.InItemSerial==""))?custom_form.InItemSerial:InItemSerial,
                InItemSerialP:(custom_form!=null && (custom_form.InItemSerialP || custom_form.InItemSerialP==""))?custom_form.InItemSerialP:InItemSerialP,
                @endif
                @if(getGauge()=="true")
                InItemGauge:(custom_form!=null && (custom_form.InItemGauge || custom_form.InItemGauge==""))?custom_form.InItemGauge:InItemGauge,
                InItemGaugeP:(custom_form!=null && (custom_form.InItemGaugeP || custom_form.InItemGaugeP==""))?custom_form.InItemGaugeP:InItemGaugeP,
                @endif 
                @if(getItemImage()=="true")
                InItemImage:(custom_form!=null && (custom_form.InItemImage || custom_form.InItemImage==""))?custom_form.InItemImage:InItemImage,
                InItemImageP:(custom_form!=null && (custom_form.InItemImageP || custom_form.InItemImageP==""))?custom_form.InItemImageP:InItemImageP,
                @endif 
                @if(getItemOtherName()=="true")
                InItemOtherName:(custom_form!=null && (custom_form.InItemOtherName || custom_form.InItemOtherName==""))?custom_form.InItemOtherName:InItemOtherName,
                InItemOtherNameP:(custom_form!=null && (custom_form.InItemOtherNameP || custom_form.InItemOtherNameP==""))?custom_form.InItemOtherNameP:InItemOtherNameP,
                @endif
                @if(getInventoryBrand()=="true")
                InItemBrand:(custom_form!=null && (custom_form.InItemBrand || custom_form.InItemBrand==""))?custom_form.InItemBrand:InItemBrand,
                InItemBrandP:(custom_form!=null && (custom_form.InItemBrandP || custom_form.InItemBrandP==""))?custom_form.InItemBrandP:InItemBrandP,
                @endif
                @if(getOtherMeasure()=="true")
                InItemOtherMeasure:(custom_form!=null && (custom_form.InItemOtherMeasure || custom_form.InItemOtherMeasure==""))?custom_form.InItemOtherMeasure:InItemOtherMeasure,
                InItemOtherMeasureP:(custom_form!=null && (custom_form.InItemOtherMeasureP || custom_form.InItemOtherMeasureP==""))?custom_form.InItemOtherMeasureP:InItemOtherMeasureP,
                @endif 
                @if(getOtherMeasure2()=="true")
                InItemOtherMeasure2:(custom_form!=null && (custom_form.InItemOtherMeasure2 || custom_form.InItemOtherMeasure2==""))?custom_form.InItemOtherMeasure2:InItemOtherMeasure2,
                InItemOtherMeasure2P:(custom_form!=null && (custom_form.InItemOtherMeasure2P || custom_form.InItemOtherMeasure2P==""))?custom_form.InItemOtherMeasure2P:InItemOtherMeasure2P,
                @endif
                @if(getM2()!="")
                @if(getFactorMeasure2()=="true")
                InItemMeasure2:(custom_form!=null && (custom_form.InItemMeasure2 || custom_form.InItemMeasure2==""))?custom_form.InItemMeasure2:InItemMeasure2,
                InItemMeasure2P:(custom_form!=null && (custom_form.InItemMeasure2P || custom_form.InItemMeasure2P==""))?custom_form.InItemMeasure2P:InItemMeasure2P,
                @endif
                @endif
                @if(getM3()!="")
                @if(getFactorMeasure3()=="true")
                InItemMeasure3:(custom_form!=null && (custom_form.InItemMeasure3 || custom_form.InItemMeasure3==""))?custom_form.InItemMeasure3:InItemMeasure3,
                InItemMeasure3P:(custom_form!=null && (custom_form.InItemMeasure3P || custom_form.InItemMeasure3P==""))?custom_form.InItemMeasure3P:InItemMeasure3P,
                @endif
                @endif
                @if(getM4()!="")
                @if(getFactorMeasure4()=="true")
                InItemMeasure4:(custom_form!=null && (custom_form.InItemMeasure4 || custom_form.InItemMeasure4==""))?custom_form.InItemMeasure4:InItemMeasure4,
                InItemMeasure4P:(custom_form!=null && (custom_form.InItemMeasure4P || custom_form.InItemMeasure4P==""))?custom_form.InItemMeasure4P:InItemMeasure4P,
                @endif
                @endif
                @if(getSaleDescription()=="true")
                InItemDescription:(custom_form!=null && (custom_form.InItemDescription || custom_form.InItemDescription==""))?custom_form.InItemDescription:InItemDescription,
                InItemDescriptionP:(custom_form!=null && (custom_form.InItemDescriptionP || custom_form.InItemDescriptionP==""))?custom_form.InItemDescriptionP:InItemDescriptionP,
                @endif
                @if(getSaleDescription2()=="true")
                InItemDescription2:(custom_form!=null && (custom_form.InItemDescription2 || custom_form.InItemDescription2==""))?custom_form.InItemDescription2:InItemDescription2,
                InItemDescription2P:(custom_form!=null && (custom_form.InItemDescription2P || custom_form.InItemDescription2P==""))?custom_form.InItemDescription2P:InItemDescription2P,
                @endif
                @if(getSaleDiscount()=="true")
                InItemSubTotal:(custom_form!=null && (custom_form.InItemSubTotal || custom_form.InItemSubTotal==""))?custom_form.InItemSubTotal:InItemSubTotal,
                InItemSubTotalP:(custom_form!=null && (custom_form.InItemSubTotalP || custom_form.InItemSubTotalP==""))?custom_form.InItemSubTotalP:InItemSubTotalP,
                InItemDiscount:(custom_form!=null && (custom_form.InItemDiscount || custom_form.InItemDiscount==""))?custom_form.InItemDiscount:InItemDiscount,
                InItemDiscountP:(custom_form!=null && (custom_form.InItemDiscountP || custom_form.InItemDiscountP==""))?custom_form.InItemDiscountP:InItemDiscountP,
                @endif

                keys:{},
                InItemOthersHelp:false,
                InItemHelp:false,
                InTotalQuantityHelp:false
                



            },
            mounted(){
                for (var i = 0; i < this.InItemEmptyRow-1; i++) {
              
                    this.items.push({
                        item: null
                    });

                }
            },
            computed:{
                currencyName(){
                    const words = this.homeCurrency.name.split(" ");
                    return words.length >1? words[1]: "";
                },
                showCurrency(){
                    // return this.homeCurrency.code;
                    if(this.InCurrency=='code'){
                        return this.homeCurrency.code;
                    }
                    else if(this.InCurrency=='symbol'){
                        return this.homeCurrency.symbol;
                    }
                    else{
                        const words = this.homeCurrency.name.split(" ");
                        return words.length >1? words[1]: "";
                    }
                }
            },
            created(){
                console.log(this.homeCurrency,this.InCurrency);
                var total_column = 21;
                if(this.InItemNoP<=total_column &&
                    this.InItemNameP<=total_column &&
                    this.InItemQtyP<=total_column &&
                    this.InItemMeasureP<=total_column &&
                    this.InItemPriceP<=total_column &&
                    this.InItemTotalP<=total_column
                    @if(getInventorySite()=="true") 
                    && this.InItemSiteP<=total_column
                    @endif
                    @if(getSerailNumber()=="true")
                    && this.InItemSerialP<=total_column
                    @endif
                    @if(getGauge()=="true")
                    && this.InItemGaugeP<=total_column
                    @endif 
                    @if(getItemImage()=="true")
                    && this.InItemImageP<=total_column
                    @endif 
                    @if(getItemOtherName()=="true")
                    && this.InItemOtherNameP<=total_column
                    @endif
                    @if(getInventoryBrand()=="true")
                    && this.InItemBrandP<=total_column
                    @endif
                    @if(getOtherMeasure()=="true")
                    && this.InItemOtherMeasureP<=total_column
                    @endif 
                    @if(getOtherMeasure2()=="true")
                    && this.InItemOtherMeasure2P<=total_column
                    @endif
                    @if(getM2()!="")
                    @if(getFactorMeasure2()=="true")
                    && this.InItemMeasure2P<=total_column
                    @endif
                    @endif
                    @if(getM3()!="")
                    @if(getFactorMeasure3()=="true")
                    && this.InItemMeasure3P<=total_column
                    @endif
                    @endif
                    @if(getM4()!="")
                    @if(getFactorMeasure4()=="true")
                    && this.InItemMeasure4P<=total_column
                    @endif
                    @endif
                    @if(getSaleDescription()=="true")
                    && this.InItemDescriptionP<=total_column
                    @endif
                    @if(getSaleDescription2()=="true")
                    && this.InItemDescription2P<=total_column
                    @endif
                    @if(getSaleDiscount()=="true")
                    && this.InItemSubTotalP<=total_column
                    && this.InItemDiscountP<=total_column
                    @endif 
                
                ){

                    if(this.InItemNo){ this.keys[this.InItemNoP] = this.InItemNo;}
                    if(this.InItemName){ this.keys[this.InItemNameP] = this.InItemName;}
                    if(this.InItemQty){ this.keys[this.InItemQtyP] = this.InItemQty;}
                    if(this.InItemMeasure){ this.keys[this.InItemMeasureP] = this.InItemMeasure;}
                    if(this.InItemPrice){ this.keys[this.InItemPriceP] = this.InItemPrice;}
                    if(this.InItemTotal){ this.keys[this.InItemTotalP] = this.InItemTotal;}
                    @if(getInventorySite()=="true") 
                    if(this.InItemSite){ this.keys[this.InItemSiteP] = this.InItemSite;}
                    @endif
                    @if(getSerailNumber()=="true")
                    if(this.InItemSerial){ this.keys[this.InItemSerialP] = this.InItemSerial;}
                    @endif
                    @if(getGauge()=="true")
                    if(this.InItemGauge){ this.keys[this.InItemGaugeP] = this.InItemGauge;}
                    @endif 
                    @if(getItemImage()=="true")
                    if(this.InItemImage){ this.keys[this.InItemImageP] = this.InItemImage;}
                    @endif 
                    @if(getItemOtherName()=="true")
                    if(this.InItemOtherName){ this.keys[this.InItemOtherNameP] = this.InItemOtherName;}
                    @endif
                    @if(getInventoryBrand()=="true")
                    if(this.InItemBrand){ this.keys[this.InItemBrandP] = this.InItemBrand;}
                    @endif
                    @if(getOtherMeasure()=="true")
                    if(this.InItemOtherMeasure){ this.keys[this.InItemOtherMeasureP] = this.InItemOtherMeasure;}
                    @endif 
                    @if(getOtherMeasure2()=="true")
                    if(this.InItemOtherMeasure2){ this.keys[this.InItemOtherMeasure2P] = this.InItemOtherMeasure2;}
                    @endif
                    @if(getM2()!="")
                    @if(getFactorMeasure2()=="true")
                    if(this.InItemMeasure2){ this.keys[this.InItemMeasure2P] = this.InItemMeasure2;}
                    @endif
                    @endif
                    @if(getM3()!="")
                    @if(getFactorMeasure3()=="true")
                    if(this.InItemMeasure3){ this.keys[this.InItemMeasure3P] = this.InItemMeasure3;}
                    @endif
                    @endif
                    @if(getM4()!="")
                    @if(getFactorMeasure4()=="true")
                    if(this.InItemMeasure4){ this.keys[this.InItemMeasure4P] = this.InItemMeasure4;}
                    @endif
                    @endif
                    @if(getSaleDescription()=="true")
                    if(this.InItemDescription){ this.keys[this.InItemDescriptionP] = this.InItemDescription;}
                    @endif
                    @if(getSaleDescription2()=="true")
                    if(this.InItemDescription2){ this.keys[this.InItemDescription2P] = this.InItemDescription2;}
                    @endif
                    @if(getSaleDiscount()=="true")
                    if(this.InItemSubTotal){ this.keys[this.InItemSubTotalP] = this.InItemSubTotal;}
                    if(this.InItemDiscount){ this.keys[this.InItemDiscountP] = this.InItemDiscount;}
                    @endif 
                }
                if(!this.InItemNo){this.InItemNoP = null}
                if(!this.InItemName){this.InItemNameP = null}
                if(!this.InItemQty){this.InItemQtyP = null}
                if(!this.InItemMeasure){this.InItemMeasureP = null}
                if(!this.InItemPrice){this.InItemPriceP = null}
                if(!this.InItemTotal){this.InItemTotalP = null}
                @if(getInventorySite()=="true") 
                if(!this.InItemSite){this.InItemSiteP = null}
                @endif
                @if(getSerailNumber()=="true")
                if(!this.InItemSerial){this.InItemSerialP = null}
                @endif
                @if(getGauge()=="true")
                if(!this.InItemGauge){this.InItemGaugeP = null}
                @endif 
                @if(getItemImage()=="true")
                if(!this.InItemImage){this.InItemImageP = null}
                @endif 
                @if(getItemOtherName()=="true")
                if(!this.InItemOtherName){this.InItemOtherNameP = null}
                @endif
                @if(getInventoryBrand()=="true")
                if(!this.InItemBrand){this.InItemBrandP = null}
                @endif
                @if(getOtherMeasure()=="true")
                if(!this.InItemOtherMeasure){this.InItemOtherMeasureP = null}
                @endif 
                @if(getOtherMeasure2()=="true")
                if(!this.InItemOtherMeasure2){this.InItemOtherMeasure2P = null}
                @endif
                @if(getM2()!="")
                @if(getFactorMeasure2()=="true")
                if(!this.InItemMeasure2){this.InItemMeasure2P = null}
                @endif
                @endif
                @if(getM3()!="")
                @if(getFactorMeasure3()=="true")
                if(!this.InItemMeasure3){this.InItemMeasure3P = null}
                @endif
                @endif
                @if(getM4()!="")
                @if(getFactorMeasure4()=="true")
                if(!this.InItemMeasure4){this.InItemMeasure4P = null}
                @endif
                @endif
                @if(getSaleDescription()=="true")
                if(!this.InItemDescription){this.InItemDescriptionP = null}
                @endif
                @if(getSaleDescription2()=="true")
                if(!this.InItemDescription2){this.InItemDescription2P = null}
                @endif
                @if(getSaleDiscount()=="true")
                if(!this.InItemSubTotal){this.InItemSubTotalP = null}
                if(!this.InItemDiscount){this.InItemDiscountP = null}
                @endif 
            },


            methods: {
                arrangeColumn(){
                    vm.keys = {};
                    var total_column = 21;
                    console.log('eeeee',vm.InItemNoP,total_column)
                    if(vm.InItemNoP<=total_column &&
                        vm.InItemNameP<=total_column &&
                        vm.InItemQtyP<=total_column &&
                        vm.InItemMeasureP<=total_column &&
                        vm.InItemPriceP<=total_column &&
                        vm.InItemTotalP<=total_column 
                        @if(getInventorySite()=="true") 
                        && vm.InItemSiteP<=total_column
                        @endif
                        @if(getSerailNumber()=="true")
                        && vm.InItemSerialP<=total_column
                        @endif
                        @if(getGauge()=="true")
                        && vm.InItemGaugeP<=total_column
                        @endif 
                        @if(getItemImage()=="true")
                        && vm.InItemImageP<=total_column
                        @endif 
                        @if(getItemOtherName()=="true")
                        && vm.InItemOtherNameP<=total_column
                        @endif
                        @if(getInventoryBrand()=="true")
                        && vm.InItemBrandP<=total_column
                        @endif
                        @if(getOtherMeasure()=="true")
                        && vm.InItemOtherMeasureP<=total_column
                        @endif 
                        @if(getOtherMeasure2()=="true")
                        && vm.InItemOtherMeasure2P<=total_column
                        @endif
                        @if(getM2()!="")
                        @if(getFactorMeasure2()=="true")
                        && vm.InItemMeasure2P<=total_column
                        @endif
                        @endif
                        @if(getM3()!="")
                        @if(getFactorMeasure3()=="true")
                        && vm.InItemMeasure3P<=total_column
                        @endif
                        @endif
                        @if(getM4()!="")
                        @if(getFactorMeasure4()=="true")
                        && vm.InItemMeasure4P<=total_column
                        @endif
                        @endif
                        @if(getSaleDescription()=="true")
                        && vm.InItemDescriptionP<=total_column
                        @endif
                        @if(getSaleDescription2()=="true")
                        && vm.InItemDescription2P<=total_column
                        @endif
                        @if(getSaleDiscount()=="true")
                        && vm.InItemSubTotalP<=total_column
                        && vm.InItemDiscountP<=total_column
                        @endif  

                    
                    ){

                        if(vm.InItemNo){ vm.keys[vm.InItemNoP] = vm.InItemNo;}
                        if(vm.InItemName){ vm.keys[vm.InItemNameP] = vm.InItemName;}
                        if(vm.InItemQty){ vm.keys[vm.InItemQtyP] = vm.InItemQty;}
                        if(vm.InItemMeasure){ vm.keys[vm.InItemMeasureP] = vm.InItemMeasure;}
                        if(vm.InItemPrice){ vm.keys[vm.InItemPriceP] = vm.InItemPrice;}
                        if(vm.InItemTotal){ vm.keys[vm.InItemTotalP] = vm.InItemTotal;}
                        @if(getInventorySite()=="true") 
                        if(vm.InItemSite){ vm.keys[vm.InItemSiteP] = vm.InItemSite;}
                        @endif
                        @if(getSerailNumber()=="true")
                        if(vm.InItemSerial){ vm.keys[vm.InItemSerialP] = vm.InItemSerial;}
                        @endif
                        @if(getGauge()=="true")
                        if(vm.InItemGauge){ vm.keys[vm.InItemGaugeP] = vm.InItemGauge;}
                        @endif 
                        @if(getItemImage()=="true")
                        if(vm.InItemImage){ vm.keys[vm.InItemImageP] = vm.InItemImage;}
                        @endif 
                        @if(getItemOtherName()=="true")
                        if(vm.InItemOtherName){ vm.keys[vm.InItemOtherNameP] = vm.InItemOtherName;}
                        @endif
                        @if(getInventoryBrand()=="true")
                        if(vm.InItemBrand){ vm.keys[vm.InItemBrandP] = vm.InItemBrand;}
                        @endif
                        @if(getOtherMeasure()=="true")
                        if(vm.InItemOtherMeasure){ vm.keys[vm.InItemOtherMeasureP] = vm.InItemOtherMeasure;}
                        @endif 
                        @if(getOtherMeasure2()=="true")
                        if(vm.InItemOtherMeasure2){ vm.keys[vm.InItemOtherMeasure2P] = vm.InItemOtherMeasure2;}
                        @endif
                        @if(getM2()!="")
                        @if(getFactorMeasure2()=="true")
                        if(vm.InItemMeasure2){ vm.keys[vm.InItemMeasure2P] = vm.InItemMeasure2;}
                        @endif
                        @endif
                        @if(getM3()!="")
                        @if(getFactorMeasure3()=="true")
                        if(vm.InItemMeasure3){ vm.keys[vm.InItemMeasure3P] = vm.InItemMeasure3;}
                        @endif
                        @endif
                        @if(getM4()!="")
                        @if(getFactorMeasure4()=="true")
                        if(vm.InItemMeasure4){ vm.keys[vm.InItemMeasure4P] = vm.InItemMeasure4;}
                        @endif
                        @endif
                        @if(getSaleDescription()=="true")
                        if(vm.InItemDescription){ vm.keys[vm.InItemDescriptionP] = vm.InItemDescription;}
                        @endif
                        @if(getSaleDescription2()=="true")
                        if(vm.InItemDescription2){ vm.keys[vm.InItemDescription2P] = vm.InItemDescription2;}
                        @endif
                        @if(getSaleDiscount()=="true")
                        if(vm.InItemSubTotal){ vm.keys[vm.InItemSubTotalP] = vm.InItemSubTotal;}
                        if(vm.InItemDiscount){ vm.keys[vm.InItemDiscountP] = vm.InItemDiscount;}
                        @endif 
                    }
                    if(!vm.InItemNo){vm.InItemNoP = null}
                    if(!vm.InItemName){vm.InItemNameP = null}
                    if(!vm.InItemQty){vm.InItemQtyP = null}
                    if(!vm.InItemMeasure){vm.InItemMeasureP = null}
                    if(!vm.InItemPrice){vm.InItemPriceP = null}
                    if(!vm.InItemTotal){vm.InItemTotalP = null}
                    @if(getInventorySite()=="true") 
                    if(!vm.InItemSite){vm.InItemSiteP = null}
                    @endif
                    @if(getSerailNumber()=="true")
                    if(!vm.InItemSerial){vm.InItemSerialP = null}
                    @endif
                    @if(getGauge()=="true")
                    if(!vm.InItemGauge){vm.InItemGaugeP = null}
                    @endif 
                    @if(getItemImage()=="true")
                    if(!vm.InItemImage){vm.InItemImageP = null}
                    @endif 
                    @if(getItemOtherName()=="true")
                    if(!vm.InItemOtherName){vm.InItemOtherNameP = null}
                    @endif
                    @if(getInventoryBrand()=="true")
                    if(!vm.InItemBrand){vm.InItemBrandP = null}
                    @endif
                    @if(getOtherMeasure()=="true")
                    if(!vm.InItemOtherMeasure){vm.InItemOtherMeasureP = null}
                    @endif 
                    @if(getOtherMeasure2()=="true")
                    if(!vm.InItemOtherMeasure2){vm.InItemOtherMeasure2P = null}
                    @endif
                    @if(getM2()!="")
                    @if(getFactorMeasure2()=="true")
                    if(!vm.InItemMeasure2){vm.InItemMeasure2P = null}
                    @endif
                    @endif
                    @if(getM3()!="")
                    @if(getFactorMeasure3()=="true")
                    if(!vm.InItemMeasure3){vm.InItemMeasure3P = null}
                    @endif
                    @endif
                    @if(getM4()!="")
                    @if(getFactorMeasure4()=="true")
                    if(!vm.InItemMeasure4){vm.InItemMeasure4P = null}
                    @endif
                    @endif
                    @if(getSaleDescription()=="true")
                    if(!vm.InItemDescription){vm.InItemDescriptionP = null}
                    @endif
                    @if(getSaleDescription2()=="true")
                    if(!vm.InItemDescription2){vm.InItemDescription2P = null}
                    @endif
                    @if(getSaleDiscount()=="true")
                    if(!vm.InItemSubTotal){vm.InItemSubTotalP = null}
                    if(!vm.InItemDiscount){vm.InItemDiscountP = null}
                    @endif 
                    
                },
                addNew(index) {
                    

                    if (this.items[index + 1] == undefined) {
                        this.items.push({item: null});
                    }

                },
                deleteItem(index) {
                    this.items.splice(index, 1);
                },
                showDiv(part){
                    // if(part=="total"){
                    //    (this.totalDiv==false)?this.totalDiv=true:this.totalDiv=false
                    // }if(part=="header"){
                    //    (this.headerDiv==false)?this.headerDiv=true:this.headerDiv=false;
                    // }if(part=="invoiceInfo"){
                    //     (this.invoiceInfoDiv==false)?this.invoiceInfoDiv=true:this.invoiceInfoDiv=false;
                    // }
                },
                show_help(type){
                    if(type=='InItemOthers')
                    { 
                        (this.InItemOthersHelp==false)?this.InItemOthersHelp=true:this.InItemOthersHelp=false
                    }
                    if(type=='InItem')
                    { 
                        (this.InItemHelp==false)?this.InItemHelp=true:this.InItemHelp=false
                    }
                    if(type=='InTotalQuantity')
                    { 
                        (this.InTotalQuantityHelp==false)?this.InTotalQuantityHelp=true:this.InTotalQuantityHelp=false
                    }
                    
                }

 

            }
        });

    </script>
@endpush