@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav')
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    @endsection
@section('content')

<div class="container" id="main-container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between bg-al bold">
                @if(!$download)
                <div>
                <a  href="{{url('tax-report',['id'=>$id])}}" class="btn clr-al"style="border-color:white">
                    <i class="fa-sharp fa-solid fa-arrow-left clr"></i>
                </a>
                </div>
                @endif
                <div class="p-lt head-capt">
                {{ __('Foreign branch income') }}
</div>
                @if(!$download)
                <div class="d-flex justify-content-end">
                <a title="Trial Balance" class="export-btn btn btn-success btn-wdth"  href="{{url('trial_balance',['id'=>$id])}}"><i class="fa-regular fa-sheet-plastic"></i>&nbsp;TB</a>
                <a title="Profit & Loss" class="export-btn btn btn-success btn-wdth"  href="{{url('profit_loss',['id'=>$id])}}"><i class="fa-solid fa-money-bills"></i>&nbsp;P&L</a>
                <a title="Balance Sheet" class="export-btn btn btn-success btn-wdth" href="{{url('balance_sheet',['id'=>$id])}}"><i class="fa-sharp fa-solid fa-file-contract"></i>&nbsp;BS</a>
                <a title="Tax Report" class="export-btn btn btn-success btn-wdth"  href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen"></i>&nbsp;TR</a>
                </div>
                @endif
    </div>
    <table class="table table-bordered fnt" id="">
        <tr class="bd mrn bg">
            <td class="bd head-capt" style="padding-right:320
            px;">
            {{$companyDetails->taxpayer}}
            </td>
            <td style="
    width: 30%"> <span style="float:right">T.R.NO : {{($companyDetails->tax_registration_number)}}</span>
          </td>
            <td style="
    width: 88px;
">
            From Date:
            </td>
            <td style="
    width: 106px;
">
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->from))}}
            </td>
            <td style="
    width: 71px;
">
            To Date:
            </td>
            <td style="width:110px">
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->to))}}
            </td>
        </tr>
</table>

    <table class="table table-bordered">

<td class="font mrn bd">Foreign branch income</td>
</table>
    <table class="table table-bordered fnt">
        <tr>
            <th class="head">Name of branch </th>
            <th class="head">Country</th>
            <th class="head"style="width: 150px;">Profit</th>
            <th class="head">Action</th>
          </tr>

         @php 
         $foreginBranchCount = 0;
         @endphp
         @foreach($foreginBranchs as $foreginBranch)
         @php
            $data = json_decode($foreginBranch->data);
            $foreginBranchCount += $data->amount;
        @endphp
            <tr>
                <td>{{$data->description}}</td>
                <td>{{$data->country}}</td>
                <td class="tr">{{number_format($data->amount,2)}}</td>
                <td>
                <div class="d-flex" style="gap:5px;">
                    <button class="btn btn-success" onclick='openModel(`{
                                                    id:"{{$foreginBranch->id}}",
                                                    article_type:"foreign_branch",
                                                    form_type:"form_one",
                                                    inputs:[
                                                        {
                                                            label:"Name of branch",
                                                            name:"description",
                                                            placeholder:"Eg: name",
                                                            value:"{{$data->description}}",
                                                            id:"uapdate_description",
                                                            isRequired:"1",
                                                            editable:"0"
                                                        },
                                                        {
                                                            label:"Country",
                                                            name:"country",
                                                            placeholder:"Eg: country",
                                                            value:"{{$data->country}}",
                                                            id:"uapdate_country",
                                                            isRequired:"1",
                                                            editable:"0"
                                                        },
                                                        {
                                                            label:"Profit",
                                                            name:"amount",
                                                            placeholder:"Eg: 100",
                                                            value:"{{$data->amount}}",
                                                            id:"uapdate_amount",
                                                            isRequired:"1",
                                                            editable:"0"
                                                        }
                                                        ]}`)'>
                    <i class="fa-sharp fa-regular fa-pen-to-square"></i>
                    </button>
                    <button class="btn btn-success" onclick='deleteModel(`{
                            id:"{{$foreginBranch->id}}"
                        }`)'>
                    <i class="fa-sharp fa-regular fa-trash"></i>
                    </button>
                </div>
                </td>
            </tr>
        @endforeach

          <tr>
          <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
            @csrf
            <td>
               <input name="description" class="form-control" type="text" required>
            </td>
              <td>
              <input name="article_type"  class="form-control" type="hidden" value="foreign_branch" placeholder="Eg: 10000"  required>
              <input name="form_type"  class="form-control" type="hidden" value="form_one" placeholder="Eg: 10000" required>
               <select name="country" class="form-control">
                  <option value="Afghanistan">Afghanistan</option>
                  <option value="Albania">Albania</option>
                  <option value="American Samoa">American Samoa</option>
                  <option value="Algeria">Algeria</option>
                  <option value="Andorra">Andorra</option>
                  <option value="Angola">Angola</option>
                  <option value="Anguilla">Anguilla</option>
               </select>
            </td>
            <td>
               <input name="amount" class="form-control tr numeric" type="text" required>
            </td>
            <td>
            <button type="submit" class="btn btn-success">Add</button>
            </td>
          </tr>
          </form>
          <!-- <tr>
            <td></td>
              <td>Albania</td>
              </tr>
          <tr>
            <td></td>
            <td>Algeria</td>
         </tr>
         <tr>
            <td></td>
            <td>American Samoa</td>
         </tr>
         <tr>
            <td></td>
            <td>Andorra</td>
         </tr>
         <tr>
            <td></td>
            <td>Angola</td>
         </tr>
         <tr>
            <td></td>
            <td>Anguilla</td>
         </tr>
         <tr>
            <td></td>
            <td>Antigua and Barbuda</td>
         </tr>
         <tr>
            <td></td>
            <td>Argentina</td>
         </tr>
         <tr>
            <td></td>
            <td>Armenia</td>
         </tr>
         <tr>
            <td></td>
            <td>Australia</td>
         </tr>
         <tr>
            <td></td>
            <td>Austria</td>
         </tr>
         <tr>
            <td></td>
            <td>Azerbaijan</td>
         </tr>
         <tr>
            <td></td>
            <td>Azores</td>
         </tr>
         <tr>
            <td></td>
            <td>Bahamas</td>
         </tr>
         <tr>
            <td></td>
            <td>Bahrain</td>
         </tr>
         <tr>
            <td></td>
            <td>Bangladesh</td>
         </tr>
         <tr>
            <td></td>
            <td>Barbodas</td>
         </tr>
         <tr>
            <td></td>
            <td>Belarus</td>
         </tr>
         <tr>
            <td></td>
            <td>Belgium</td>
         </tr>
         <tr>
            <td></td>
            <td>Belize</td>
         </tr>
         <tr>
            <td></td>
            <td>Benin</td>
         </tr>
         <tr>
            <td></td>
            <td>Bermuda </td>
         </tr>
         <tr>
            <td></td>
            <td>Bhutan</td>
         </tr>
         <tr>
            <td></td>
            <td>Bolivia</td>
         </tr>
         <tr>
            <td></td>
            <td>Bosnia and Herzegovina</td>
         </tr>
         <tr>
            <td></td>
            <td>Botswana</td>
         </tr>
         <tr>
            <td></td>
            <td>Brazil</td>
         </tr>
         <tr>
            <td></td>
            <td>Brunei</td>
         </tr>
         <tr>
            <td></td>
            <td>Bulgaria</td>
         </tr>
         <tr>
            <td></td>
            <td>Burkina faso </td>
         </tr>
         <tr>
            <td></td>
            <td>Burundi</td>
         </tr>
         <tr>
            <td></td>
            <td>Cambodia </td>
         </tr>
         <tr>
            <td></td>
            <td>Cameroon</td>
         </tr>
         <tr>
            <td></td>
            <td>Canada </td>
         </tr>
         <tr>
            <td></td>
            <td>Cape Verde</td>
         </tr>
         <tr>
            <td></td>
            <td>Cayman Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>Central African Republic </td>
         </tr>
         <tr>
            <td></td>
            <td>Chad </td>
         </tr>
         <tr>
            <td></td>
            <td>Chile </td>
         </tr>
         <tr>
            <td></td>
            <td>China</td>
         </tr>
         <tr>
            <td></td>
            <td>China, Hong kong special <br>administrative region </td>
         </tr>
         <tr>
            <td></td>
            <td>China, Macao special <br>administrative region</td>
         </tr>
         <tr>
            <td></td>
            <td>Colombia</td>
         </tr>
         <tr>
            <td></td>
            <td>Comoros </td>
         </tr>
         <tr>
            <td></td>
            <td>Congo</td>
         </tr>
         <tr>
            <td></td>
            <td>Cook Island </td>
         </tr>
         <tr>
            <td></td>
            <td>Costa Rica </td>
         </tr>
         <tr>
            <td></td>
            <td>Cote d'lvoire</td>
         </tr>
         <tr>
            <td></td>
            <td>Croatia </td>
         </tr>
         <tr>
            <td></td>
            <td>Cuba </td>
         </tr>
         <tr>
            <td></td>
            <td>Curacao </td>
         </tr>
         <tr>
            <td></td>
            <td>Cyprus </td>
         </tr>
         <tr>
            <td></td>
            <td>Czechia</td>
         </tr>
         <tr>
            <td></td>
            <td>Democratic Republic of the <br>Congo</td>
         </tr>
         <tr>
            <td></td>
            <td>Denmark</td>
         </tr>
         <tr>
            <td></td>
            <td>Djibouti</td>
         </tr>
         <tr>
            <td></td>
            <td>Dominica</td>
         </tr>
         <tr>
            <td></td>
            <td>Dominican Republic </td>
         </tr>
         <tr>
            <td></td>
            <td>Ecuador </td>
         </tr>
         <tr>
            <td></td>
            <td>Egypt</td>
         </tr>
         <tr>
            <td></td>
            <td>El Salvador</td>
         </tr>
         <tr>
            <td></td>
            <td>Equatorial Guinea</td>
         </tr>
         <tr>
            <td></td>
            <td>Eritrea</td>
         </tr>
         <tr>
            <td></td>
            <td>Estonia</td>
         </tr>
         <tr>
            <td></td>
            <td>Ethiopia</td>
         </tr>
         <tr>
            <td></td>
            <td>Falkland Islands (Malvinas)</td>
         </tr>
         <tr>
            <td></td>
            <td>Faroe Islands </td>
         </tr>
         <tr>
            <td></td>
            <td>Fiji</td>
         </tr>
         <tr>
            <td></td>
            <td>Finland </td>
         </tr>
         <tr>
            <td></td>
            <td>France </td>
         </tr>
         <tr>
            <td></td>
            <td>French Polynesia </td>
         </tr>
         <tr>
            <td></td>
            <td>Gabon</td>
         </tr>
         <tr>
            <td></td>
            <td>Gambia</td>
         </tr>
         <tr>
            <td></td>
            <td>Gana</td>
         </tr>
         <tr>
            <td></td>
            <td>Georgia</td>
         </tr>
         <tr>
            <td></td>
            <td>Germany </td>
         </tr>
         <tr>
            <td></td>
            <td>Gibraltar</td>
         </tr>
         <tr>
            <td></td>
            <td>Greece</td>
         </tr>
         <tr>
            <td></td>
            <td>Greenland </td>
         </tr>
         <tr>
            <td></td>
            <td>Grenada</td>
         </tr>
         <tr>
            <td></td>
            <td>Guam</td>
         </tr>
         <tr>
            <td></td>
            <td>Guatemala</td>
         </tr>
         <tr>
            <td></td>
            <td>Guernsey</td>
         </tr>
         <tr>
            <td></td>
            <td>Guinea</td>
         </tr>
         <tr>
            <td></td>
            <td>Guinea- Bissau</td>
         </tr>
         <tr>
            <td></td>
            <td>Guyana</td>
         </tr>
         <tr>
            <td></td>
            <td>Haiti</td>
         </tr>
         <tr>
            <td></td>
            <td>Honduras</td>
         </tr>
         <tr>
            <td></td>
            <td>Hungary</td>
         </tr>
         <tr>
            <td></td>
            <td>Iceland </td>
         </tr>
         <tr>
            <td></td>
            <td>India </td>
         </tr>
         <tr>
            <td></td>
            <td>Indonesia </td>
         </tr>
         <tr>
            <td></td>
            <td>Iran </td>
         </tr><tr>
            <td></td>
            <td>Iraq</td>
         </tr>

         <tr>
            <td></td>
            <td>Ireland </td>
         </tr>
         <tr>
            <td></td>
            <td>Isle of Man</td>
         </tr>
         <tr>
            <td></td>
            <td>Israel </td>
         </tr>
         <tr>
            <td></td>
            <td>Italy</td>
         </tr>
         <tr>
            <td></td>
            <td>Jamaica </td>
         </tr>
         <tr>
            <td></td>
            <td>Japan</td>
         </tr>
         <tr>
            <td></td>
            <td>Jersey</td>
         </tr>
         <tr>
            <td></td>
            <td>Jordan</td>
         </tr>
         <tr>
            <td></td>
            <td>Kazakhstan</td>
         </tr>
         <tr>
            <td></td>
            <td>Kenya</td>
         </tr>
         <tr>
            <td></td>
            <td>Kiribati</td>
         </tr>
         <tr>
            <td></td>
            <td>Kosovo</td>
         </tr>
         <tr>
            <td></td>
            <td>Kuwait</td>
         </tr>
         <tr>
            <td></td>
            <td>Kyrgyzstan</td>
         </tr>
         <tr>
            <td></td>
            <td>Lao People's Democratic <br>Republic</td>
         </tr>
         <tr>
            <td></td>
            <td>Latvia</td>
         </tr>
         <tr>
            <td></td>
            <td>Lebanon</td>
         </tr>
         <tr>
            <td></td>
            <td>Lesotho</td>
         </tr>
         <tr>
            <td></td>
            <td>Liberia</td>
         </tr>
         <tr>
            <td></td>
            <td>Libya</td>
         </tr>
         <tr>
            <td></td>
            <td>Liechtenstein</td>
         </tr>
         <tr>
            <td></td>
            <td>Lithuania</td>
         </tr>
         <tr>
            <td></td>
            <td>Luxembourg</td>
         </tr>
         <tr>
            <td></td>
            <td>Madagascar</td>
         </tr>
         <tr>
            <td></td>
            <td>Malawi</td>
         </tr>
         <tr>
            <td></td>
            <td>Malaysia</td>
         </tr>
         <tr>
            <td></td>
            <td>Maldives</td>
         </tr>
         <tr>
            <td></td>
            <td>Mali</td>
         </tr>
         <tr>
            <td></td>
            <td>Malta</td>
         </tr>
         <tr>
            <td></td>
            <td>Mauritania</td>
         </tr>
         <tr>
            <td></td>
            <td>Mauritius</td>
         </tr>
         <tr>
            <td></td>
            <td>Mexico</td>
         </tr>
         <tr>
            <td></td>
            <td>Micronesia (Federated States of)</td>
         </tr>
         <tr>
            <td></td>
            <td>Monaco</td>
         </tr>
         <tr>
            <td></td>
            <td>Mongolia</td>
         </tr>
         <tr>
            <td></td>
            <td>Montenegro</td>
         </tr>
         <tr>
            <td></td>
            <td>Montserrat</td>
         </tr>
         <tr>
            <td></td>
            <td>Morocco</td>
         </tr>
         <tr>
            <td></td>
            <td>Mozambique</td>
         </tr>
         <tr>
            <td></td>
            <td>Myanmar</td>
         </tr>
         <tr>
            <td></td>
            <td>Namibia</td>
         </tr>
         <tr>
            <td></td>
            <td>Nauru</td>
         </tr>
         <tr>
            <td></td>
            <td>Nepal</td>
         </tr>
         <tr>
            <td></td>
            <td>Netherlands</td>
         </tr>
         <tr>
            <td></td>
            <td>New Caledonia</td>
         </tr>
         <tr>
            <td></td>
            <td>New Zealand</td>
         </tr>
         <tr>
            <td></td>
            <td>Nicaragua</td>
         </tr>
         <tr>
            <td></td>
            <td>Niger</td>
         </tr>
         <tr>
            <td></td>
            <td>Nigeria</td>
         </tr>
         <tr>
            <td></td>
            <td>Niue</td>
         </tr>
         <tr>
            <td></td>
            <td>Northern Mariana Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>Norway</td>
         </tr>
         <tr>
            <td></td>
            <td>Oman</td>
         </tr>
         <tr>
            <td></td>
            <td>Pakistan</td>
         </tr>
         <tr>
            <td></td>
            <td>Panama</td>
         </tr>
         <tr>
            <td></td>
            <td>Papua New Guinea</td>
         </tr>
         <tr>
            <td></td>
            <td>Paraguay</td>
         </tr>
         <tr>
            <td></td>
            <td>Peru</td>
         </tr>
         <tr>
            <td></td>
            <td>Philippines</td>
         </tr>
         <tr>
            <td></td>
            <td>Poland</td>
         </tr>
         <tr>
            <td></td>
            <td>Portugal</td>
         </tr>
         <tr>
            <td></td>
            <td>Puerto Rico</td>
         </tr>
         <tr>
            <td></td>
            <td>Qatar</td>
         </tr>
         <tr>
            <td></td>
            <td>Republic of Korea</td>
         </tr>
         <tr>
            <td></td>
            <td>Republic of Moldova</td>
         </tr>
         <tr>
            <td></td>
            <td>Romania</td>
         </tr>
         <tr>
            <td></td>
            <td>Russian Federation</td>
         </tr>
         <tr>
            <td></td>
            <td>Rwanda</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Barthelemy</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Helena</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Kitts and Nevis</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Lucia</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Martin (French Part)</td>
         </tr>
         <tr>
            <td></td>
            <td>Saint Vincent and the<br> Grenadines</td>
         </tr>
         <tr>
            <td></td>
            <td>Samoa</td>
         </tr>
         <tr>
            <td></td>
            <td>San Marino</td>
         </tr>
         <tr>
            <td></td>
            <td>Sao Tome and Principe</td>
         </tr>
         <tr>
            <td></td>
            <td>Saudi Arabia</td>
         </tr>
         <tr>
            <td></td>
            <td>Senegal</td>
         </tr>
         <tr>
            <td></td>
            <td>Serbia</td>
         </tr>
         <tr>
            <td></td>
            <td>Seychelles</td>
         </tr>
         <tr>
            <td></td>
            <td>Sierra Leone</td>
         </tr>
         <tr>
            <td></td>
            <td>Singapore</td>
         </tr>
         <tr>
            <td></td>
            <td>Sint Maarten (Dutch part)</td>
         </tr>
         <tr>
            <td></td>
            <td>Slovakia</td>
         </tr>
         <tr>
            <td></td>
            <td>Slovenia</td>
         </tr>
         <tr>
            <td></td>
            <td>Solomon Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>South Africa</td>
         </tr>
         <tr>
            <td></td>
            <td>South Sudan</td>
         </tr>
         <tr>
            <td></td>
            <td>Spain</td>
         </tr>
         <tr>
            <td></td>
            <td>Sri Lanka</td>
         </tr>
         <tr>
            <td></td>
            <td>State of Palestine</td>
         </tr>
         <tr>
            <td></td>
            <td>Sudan</td>
         </tr>
         <tr>
            <td></td>
            <td>Surinam</td>
         </tr>
         <tr>
            <td></td>
            <td>Swaziland</td>
         </tr>
         <tr>
            <td></td>
            <td>Sweden</td>
         </tr>
         <tr>
            <td></td>
            <td>Switzerland</td>
         </tr>
         <tr>
            <td></td>
            <td>Syrian Arab Republic</td>
         </tr>
         <tr>
            <td></td>
            <td>Taiwan</td>
         </tr>
         <tr>
            <td></td>
            <td>Tajikistan</td>
         </tr>
         <tr>
            <td></td>
            <td>Thailand</td>
         </tr>
         <tr>
            <td></td>
            <td>The former Yugoslav Republic <br>of Macedonia</td>
         </tr>
         <tr>
            <td></td>
            <td>Timor-Leste</td>
         </tr>
         <tr>
            <td></td>
            <td>Togo</td>
         </tr>
         <tr>
            <td></td>
            <td>Tokelau</td>
         </tr>
         <tr>
            <td></td>
            <td>Tonga</td>
         </tr>
         <tr>
            <td></td>
            <td>Trinidad and Tobago</td>
         </tr>
         <tr>
            <td></td>
            <td>Tunisia</td>
         </tr>
         <tr>
            <td></td>
            <td>Turkey</td>
         </tr>
         <tr>
            <td></td>
            <td>Turkmenistan</td>
         </tr>
         <tr>
            <td></td>
            <td>Turks and Caicos Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>Uganda</td>
         </tr>
         <tr>
            <td></td>
            <td>Ukraine</td>
         </tr>
         <tr>
            <td></td>
            <td>United Arab Emirates</td>
         </tr>
         <tr>
            <td></td>
            <td>United Kingdom of Great <br>Britain and Northern Ireland</td>
         </tr>
         <tr>
            <td></td>
            <td>United Republic of Tanzania</td>
         </tr>
         <tr>
            <td></td>
            <td>United States of America</td>
         </tr>
         <tr>
            <td></td>
            <td>United States Virgin Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>Uruguay</td>
         </tr>
         <tr>
            <td></td>
            <td>Uzbekistan</td>
         </tr>
         <tr>
            <td></td>
            <td>Vanuatu</td>
         </tr>
         <tr>
            <td></td>
            <td>Venezuela (Bolivarian Republic<br> of)</td>
         </tr>
         <tr>
            <td></td>
            <td>Vietnam</td>
         </tr>
         <tr>
            <td></td>
            <td>Wallis and Futuna Islands</td>
         </tr>
         <tr>
            <td></td>
            <td>Yemen</td>
         </tr>
         <tr>
            <td></td>
            <td>Zambia</td>
         </tr>
         <tr>
            <td></td>
            <td>Zimbabwe</td>
         </tr> -->
         <tr>
            <td class="head col"><b>Total</b></td>
            <td class="col"></td>
            <td class="head col tr"><b></b>{{number_format($foreginBranchCount,2)}}</td>
            <td></td>
         </tr>
    </table>

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

function importfunction(id){
        $("#myModal").toggle();
        // console.log(company_id);
    }

    function importclose(){
        $("#myModal").toggle();
        document.getElementById('model_container').remove();
    }

function deleteModel(data){
        eval('var obj='+data);
        var objData = {...obj};
        console.log(objData);

        var model = `<div class="modal" id="myModal" role="dialog">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                <h4 class="modal-title">Are you sure you want to delete</h4>
                <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button>
                </div>
                <div class="modal-body">
                
                    <div class="form-group row text-center">
                    <div class="col-6 text-center">
                        <button type="button" class="close import-excel-btn btn btn-secondary" data-dismiss="modal" onclick="importclose()">Cancel</button>
                    </div>

                    <div class="col-6 text-center">
                        <form method="POST" action="{{url('/tax-report/article/delete',['id'=>$id])}}">
                        @csrf
                            <input type="hidden" name="data_id" value="`+objData.id+`"/>
                            <button type="submit" class="close import-excel-btn btn btn-danger" data-dismiss="modal" >Delete</button>
                        </from>
                    </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                </div>
            </div>
            </div>
        </div>
        </div>`;

        var elem = document.createElement('div');
        elem.setAttribute("id", "model_container");
        elem.innerHTML = model;
        document.getElementById('main-container').appendChild(elem);
        importfunction(1);


    }


    function openModel(data){
        eval('var obj='+data);
        var objData = {...obj};
        var inputArray = objData.inputs;
            //console.log(inputArray);
            var model = `<div class="modal" id="myModal" role="dialog">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                <h4 class="modal-title">Update</h4>
                <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button>
                </div>
                <div class="modal-body">
                <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
                    <div>
                    @csrf
                        <input name="data_id" type="hidden" id="update_data_id" value="`+objData.id+`"/>
                        <input name="article_type"  class="form-control" type="hidden" value="`+objData.article_type+`" placeholder="Eg: 10000"  required>
                        <input name="form_type"  class="form-control" type="hidden" value="`+objData.form_type+`" placeholder="Eg: 10000" required>
                    </div>
                    <div class="row">`;
                    inputArray.forEach((element) => {
                        // console.log(element.isRequired);
                        var isRequired;
                        if(element.isRequired){
                            isRequired = "required";
                        }else{
                            isRequired = "";
                        }
                        
                        var isEnable;
                        if(parseInt(element.editable)){
                            isEnable ="readonly";
                            console.log(isEnable);
                        }else{
                            var isEnable ="";
                        }
                        model +=`<div class="col-6">
                            <label class="form-label">`+element.label+`</label>
                            <input class="form-control" name="`+element.name+`" type="text" placeholder="`+element.placeholder+`"  value="`+element.value+`"  id="`+element.id+`"  `+isEnable+`  `+isRequired+`>
                        </div>`;
                    });
                        model +=`<div style='margin:10px 0;'><button class="export-btn btn btn-success" type="submit" name="submit-excel" >Update</button></div>
                    </from>
                </div>
                <div class="modal-footer">
                </div>
            </div>
            </div>
        </div>
        </div>`;

        var elem = document.createElement('div');
        elem.setAttribute("id", "model_container");
        elem.innerHTML = model;
        document.getElementById('main-container').appendChild(elem);
        importfunction(1);
    }
    $('input.numeric').keyup(function(e){
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });

</script>
    @endsection