@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav')
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    <style>
        #form2{
          display:none;
        }
        #first-add-btn{
          display:none;
        }
    </style>
    @endsection
@section('content')



<input type="hidden" id="data_id" value="{{@$participationExemption->id}}">

<div class="container" id="form1">
    <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="head-capt">
                {{ __('Participation exemption') }}
      </div>
                @if(!$download)
                <div class="d-flex justify-content-end">
                <a href="#"  title="Export Excel" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=excel"><i class="fa-sharp fa-solid fa-file-excel"></i> </a>
                <a href="#"  title="Export PDF" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=pdf"><i class="fa-sharp fa-solid fa-file-pdf"></i> </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 style="width:100%" class="table table-bordered">
        <tr class="mrn  bd">
            <td>Participation Exemption : Capital gain </td>
</tr>
<tr class="mrn  bd">

    <td>Company details </td>
</tr>
        <table style="width:100%" class="table table-bordered">
      
<tr>
  <td>
  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wl bold">Name</label>
    <div class="col-sm-5">
      <input class="form-control" type="text" value="{{keycheck(@$participationExemptionArray->add_name)}}" id="add_name" name="name" onkeyup="testForm1()">
    </div>
  </div>
  
</td>

<td>
  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wr bold">Country</label>
    <div class="col-sm-5">
    <select class="form-control bd" id="add_country" onchange="testForm1()">
      @foreach($countries as $country)
        <option name="{{$country->name}}">{{$country->name}}</option>
      @endforeach
    </select>
    </div>
  </div>
</td>
</tr>
          
<tr>
  <td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wl bold ">Ownership (%)</label>
    <div class="col-sm-5">
    <input class="form-control numeric" type="text" id="add_ownership" name="ownership" value="{{keycheck(@$participationExemptionArray->add_ownership)}}" onkeyup="testForm1()">
    </div>
  </div>
</td>


<td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wr bold">Profit (%)</label>
    <div class="col-sm-5">
    <input class="form-control numeric" type="text" id="add_profit" name="profit" value="{{keycheck(@$participationExemptionArray->add_profit)}}" onkeyup="testForm1()">
    </div>
  </div>
</td>
</tr>


<tr>
  <td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wl bold">CT (%)</label>
    <div class="col-sm-5">
    <input class="form-control numeric" type="text" id="add_ct" name="ct" value="{{keycheck(@$participationExemptionArray->add_ct)}}" onkeyup="testForm1()">
    </div>
  </div>
</td>


 <td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wr bold">Date of Acquisition</label>
    <div class="col-sm-5">
    <input class="form-control bd" type="date" id="add_doa" name="doa" value="{{keycheck(@$participationExemptionArray->add_doa)}}" onchange="testForm1()">
    </div>
  </div>
</td>
</tr>


<tr>
  <td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wl bold">Date of Transfer </label>
    <div class="col-sm-5">
    <input class="form-control" type="date" id="add_dot" name="dot" value="{{keycheck(@$participationExemptionArray->add_dot)}}"  onchange="testForm1()">
    </div>
  </div>
</td>


<td>

  <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wr bold">Period of Holding</label>
    <div class="col-sm-5">
    <input class="form-control" type="text" id="add_poh" name="poh" value="{{keycheck(@$participationExemptionArray->add_poh)}}"  onkeyup="testForm1()">
    </div>
  </div>
 
</td>
</tr>

  <tr>
    <td>
    <div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wl bold">Amount</label>
    <div class="col-sm-5">
    <input class="form-control numeric" type="text" id="add_amount" name="amount" value="{{keycheck(@$participationExemptionArray->add_amount)}}" onkeyup="testForm1()">
    </div>
  </div>
</td>
<td>
<div class="form-group row">
    <label for="inputPassword" class="spc col-form-label m-wr bold">Taxability</label>
    <div class="col-sm-5">
    <select class="form-control" type="text" id="add_taxability" name="taxability" value="{{keycheck(@$participationExemptionArray->add_taxability)}}" onchange="testForm1()">
        <option value="taxable" name="taxable">Taxable</option>
        <option value="exempt" name="exempt">Exempt</option>
    </select>
    </div>
  </div>
</td>
</tr>
</table>
  <div class="row d-flex flex-row-reverse">
    <div class="col-6 d-flex flex-row-reverse p-3 px-md-5">
      <button id="first-add-btn"  type="button" class="btn btn-success" onclick="importfunction(1)">Submit</button>
    </div>
  </div>
    </div>
    </div>
    </div>
    </div>
    </div>


    
<!-- button -->
      <div class="modal" id="myModal" role="dialog">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <h4 class="modal-title"></h4>
            <!-- <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button> -->
            </div>
            <div class="modal-body">
            <div class="bd"> 
            Do you want to enter Additional Investment details ?
            </div>
            <br/>
            <div class="row">

            <div class="col-6">
              <button type="button" class="btn btn-success" onclick="openform2()">OK</button>
            </div>

            <div class="col-6">
              <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="importclose()">Close</button>
            </div>
          </div>
        </div>
      </div>

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

<main class="py-1">
<div class="container" id="form2" >
    <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
                <h1 class="pad-al head-capt" id="model_heading">{{ __('Participation exempt') }}</h1>
                @if(!$download)
                <div class="d-flex justify-content-end">
                <a href="#"  title="Export Excel" class="export-btn btn btn-success"  href="{{url('balance_sheet',[$id])}}?doc=excel"><i class="fa-sharp fa-solid fa-file-excel"></i> </a>
                <a href="#"  title="Export PDF" class="export-btn btn btn-success"  href="{{url('balance_sheet',[$id])}}?doc=pdf"><i class="fa-sharp fa-solid fa-file-pdf"></i> </a>
                </div>
                @endif
        </div>

        <div style="padding:15px;">
          <input type="hidden" id="form2_data_id" value=""/>
        <div class="form-group row">
            <div class="col-sm-6">
            <label for="inputPassword" class="spc col-form-label m-wr mrn bold"style="
    width: 220px;
">Additional Investment details </label>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-6">
            <label for="inputPassword" class="spc col-form-label m-wr bold">Net Asset Value </label>
            <input class="form-control" type="text" id="net_asset_value">
            </div>
        </div>
        <form id="form_2">
          <div class="form-group row">
            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Name</label>
              <input class="form-control" type="text" id="add_name2" name="add_name_2[]"  onkeyup="testForm2()">
            </div>
          
          
            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Country</label>
              <select class="form-control" id="select_country2" name="add_country_2[]">
                @foreach($countries as $country)
                  <option name="{{$country->name}}">{{$country->name}}</option>
                @endforeach
              </select>
            </div>
            </div>

          <div class="form-group row">
            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">CT (%)</label>
              <input class="form-control" type="text" id="add_ct_2" name="add_ct_2[]"  onkeyup="testForm2()">
            </div>

            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Ownership (%)</label>
              <input class="form-control" type="text" id="add_ownership_2" name="add_ownership_2[]"  onkeyup="testForm2()">
            </div>
          </div>


          <div class="form-group row">
            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Profit (%)	</label>
              <input class="form-control" type="text" id="add_profit_2" name="add_profit_2[]"  onkeyup="testForm2()">
            </div>

            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Invested Amount</label>
              <input class="form-control" type="text" id="add_invested_amount_2" name="add_invest_amount_2[]"  onkeyup="testForm2()">
            </div>
          </div>

          <div class="form-group row">
            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Investment (%)	</label>
              <input class="form-control" type="text" id="add_invested_per_2" name="add_invest_per_2[]"  onkeyup="testForm2()">
            </div>

            <div class="col-sm-6">
              <label for="inputPassword" class="spc col-form-label m-wr">Taxability</label>
              <select class="form-control" type="text" id="add_taxability_form2" name="add_taxability_2[]" onchange="testForm2()">
                <option value="taxable" name="taxable">Taxable</option>
                <option value="exempt" name="exempt">Exempt</option>
              </select>
            </div>
          </div>
          </div>
          <div class="p-3">
            <button class="btn btn-success" id="add_row" type="sumit" >Submit</buuton>
          </div>
        </div>
      </form>
    </div>
    </div>

    <div style="margin-top 10px;">
    <table class="table table-bordered" id="table_data_form2">
      <tr id="table_data_form2_head_row">
        <td>Name</td>
        <td>CT (%)</td>
        <td>Ownership (%)</td>
        <td>Country</td>
        <td>Invested Amount</td>
        <td>Profit (%)</td>
        <td>Investment (%)</td>
        <td>Taxability</td>
        <td>Action</td>
      </tr>

      @foreach($participationExemptionForm2ArrayFormData as $data)
              <tr>
        <td> <input type="hidden" name="add_name_2[]" value="{{@$data->add_name_2}}"> {{@$data->add_name_2}}</td>
        <td> <input type="hidden" name="add_ownership_2[]" value="{{@$data->add_ownership}}">{{@$data->add_ownership}}</td>
        <td><input type="hidden" name="add_invest_per_2[]" value="{{@$data->add_poh}}">{{@$data->add_ownership}}</td>
        <td><input type="hidden" name="add_country_2[]" value="{{@$data->add_country}}">{{@$data->add_country}}</td>
        <td><input type="hidden" name="add_profit_2[]" value="{{@$data->add_profit}}">{{@$data->add_profit}}</td>
        <td><input type="hidden" name="add_ct_2[]" value="{{@$data->add_ct}}">{{@$data->add_ct}}</td>      
        <td><input type="hidden" name="add_invest_amount_2[]" value="{{@$data->add_amount}}">{{@$data->add_amount}}</td>
        <td><input type="hidden" name="add_taxability_2[]" value="{{@$data->add_taxability}}">{{@$data->add_taxability}}</td>
        <td></td>
      </tr>
      @endforeach


    </table>

    <div class="p-3">
        <button class="btn btn-success" type="button" id="save_changes">Save Change</buuton>
    </div>

    </div>
      </main>

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

<script>
  //select_country
  // openform2();

  //save_changes

  $('#save_changes').click(function(event) {

    var add_name_2 = document.getElementsByName('add_name_2[]');
    var add_country_2 = document.getElementsByName('add_country_2[]');
    var add_ct_2 = document.getElementsByName('add_ct_2[]');
    var add_ownership_2 = document.getElementsByName('add_ownership_2[]');
    var add_profit_2 = document.getElementsByName('add_profit_2[]');
    var add_invest_amount_2 = document.getElementsByName('add_invest_amount_2[]');
    var add_invest_per_2 = document.getElementsByName('add_invest_per_2[]');
    var add_taxability_2 = document.getElementsByName('add_taxability_2[]');
    var add_dot_2 = document.getElementsByName('add_dot[]');
    var add_doa_2 = document.getElementsByName('add_doa[]');

    dataArray =[];
    dataArray['form_data'] = [];
    for(var index = 0; index < add_name_2.length; index++ ){
          dataArray['form_data'].push(index);
          dataArray['form_data'][index] = [];
          dataArray['form_data'][index]['add_name'] = add_name_2[index].value;
          dataArray['form_data'][index]['add_country'] = add_country_2[index].value;
          dataArray['form_data'][index]['add_ownership'] = add_ownership_2[index].value;
          dataArray['form_data'][index]['add_profit'] = add_profit_2[index].value;
          dataArray['form_data'][index]['add_ct'] = add_ct_2[index].value;
          // dataArray['form_data'][index]['add_doa'] = add_doa_2[index].value;
          // dataArray['form_data'][index]['add_dot'] = add_dot_2[index].value;
          dataArray['form_data'][index]['add_poh'] = add_invest_per_2[index].value;
          dataArray['form_data'][index]['add_amount'] = add_invest_amount_2[index].value;
          dataArray['form_data'][index]['add_taxability'] = add_taxability_2[index].value;   
          dataArray['form_data'][index] = JSON.stringify({...dataArray['form_data'][index]});
          }

        var dataObject = {...dataArray};
        var dataJson  = JSON.stringify(dataObject);
        console.log(dataJson);
        var data_id = document.getElementById('form2_data_id');
        if(data_id.value){
            data_id = data_id.value;
        }else{
            data_id = 0;
        }
        
        var request = $.ajax({
            url: "{{url('tax-report/article/add',['id'=>$id])}}",
            type: "POST",
            data: {"_token": "{{ csrf_token() }}", "data":dataJson,"is_ajax":true,"article_type":"participation_exemption","form_type":"form2","data_id":data_id},
            dataType: "json"
            });
            request.done(function(msg) {
                if(msg.msg == "success"){
                    location.reload();
                }
        });

  });

  testForm1();
  function openform2(){
    var model_title = document.getElementById('model_heading');
    model_title.innerHTML = "Additional Investment details";
    document.getElementById('form1').style.display = "none";
    document.getElementById('form2').style.display = "inherit";
    importclose();
  }

  function testForm2(){
    var model_title = document.getElementById('model_heading');
    model_title.innerHTML = "Additional Investment details";
    var name = document.getElementById('add_name2');
    var country = document.getElementById('select_country2');
    var ct = document.getElementById('add_ct_2');
    var ownership =  document.getElementById('add_ownership_2');
    var profit = document.getElementById('add_profit_2');
    var invested = document.getElementById('add_invested_per_2');
    var taxability = document.getElementById('add_taxability_form2');
    if(ct.value <= 9 && ownership.value <= 5 && profit.value <= 5){
          if(invested.value >= 50){
            taxability.value = "exempt"
          }else{
            taxability.value = "taxable"
          }
    }else{
      taxability.value = "taxable"
    }
    

  }

function dateDifference(from_date,to_date){
const date1 = new Date(from_date);
const date2 = new Date(to_date);
const diffTime = Math.abs(date2 - date1);
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
          diffTime;
  return  diffDays;
  }



  function testForm1(){
  var name =  document.getElementById('add_name');
  var contry =   document.getElementById('add_country');
  var ownership =  document.getElementById('add_ownership');
  var profit =  document.getElementById('add_profit');
  var ct =  document.getElementById('add_ct');
  var doa =  document.getElementById('add_doa');
  var dot = document.getElementById('add_dot');
  var poh =  document.getElementById('add_poh');
  var amount =  document.getElementById('add_amount');
  var taxability =  document.getElementById('add_taxability');
  var model_title = document.getElementById('model_heading');
  model_title.innerHTML = "Participation exempt";
  var daysDifference = dateDifference(dot.value, doa.value);
  if(dot && doa){
    poh.value = daysDifference;
  }
  if(ownership.value >= 5 && profit.value >= 5 && ct.value >= 9 && daysDifference >= 365){        
        importfunction(1);
        taxability.value = "exempt";
        document.getElementById('first-add-btn').style.display = "none";
  }else{
    if(poh.value && ownership.value && profit.value && ct.value){
      document.getElementById('first-add-btn').style.display = "inherit";
    }
  }

  }


      $('#select_country').select2({
      });

      $('#select_country2').select2({
      });


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

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


    $(document).ready(function() {

      $('#form_2').on('submit', function(e){
        e.preventDefault();
        var formData = $('#form_2').serializeArray();
            var tr = document.createElement("tr");
            var rowData = `
                            <td><input type="hidden" name="add_name_2[]" value="`+formData[0].value+`" >`+formData[0].value+`</td>
                            <td><input type="hidden" name="add_ct_2[]" value="`+formData[2].value+`" >`+formData[2].value+`</td>
                            <td><input type="hidden" name="add_ownership_2[]" value="`+formData[3].value+`" >`+formData[3].value+`</td>
                            <td><input type="hidden" name="add_country_2[]" value="`+formData[1].value+`" >`+formData[1].value+`</td>
                            <td><input type="hidden" name="add_invest_amount_2[]" value="`+formData[5].value+`" >`+formData[5].value+`</td>
                            <td><input type="hidden" name="add_profit_2[]" value="`+formData[4].value+`" >`+formData[4].value+`</td>
                            <td><input type="hidden" name="add_invest_per_2[]" value="`+formData[6].value+`" >`+formData[6].value+`</td>
                            <td><input type="hidden" name="add_taxability_2[]" value="`+formData[7].value+`" >`+formData[7].value+`</td>
                            <td>X</td>
                            `;
                        tr.innerHTML = rowData;
                        var table = document.getElementById('table_data_form2');
                        var existingNode = document.getElementById('table_data_form2_head_row');
                        existingNode.parentNode.insertBefore(tr, existingNode.nextSibling);
                        //table.appendChild(tr);
                        document.getElementById('form_2').reset();

      });

        $('#first-add-btn').click(function(event) {
        var add_name = document.getElementById('add_name');
        var add_country = document.getElementById('add_country');
        var add_ownership = document.getElementById('add_ownership');
        var add_profit = document.getElementById('add_profit');
        var add_ct = document.getElementById('add_ct');
        var add_doa = document.getElementById('add_doa');
        var add_dot = document.getElementById('add_dot');
        var add_poh = document.getElementById('add_poh');
        var add_amount = document.getElementById('add_amount');
        var add_taxability = document.getElementById('add_taxability');

        var add_name_2 = document.getElementsByName('add_name_2[]');
        var add_country_2 = document.getElementsByName('add_country_2[]');
        var add_ct_2 = document.getElementsByName('add_ct_2[]');
        var add_ownership_2 = document.getElementsByName('add_ownership_2[]');
        var add_profit_2 = document.getElementsByName('add_profit_2[]');
        var add_invest_amount_2 = document.getElementsByName('add_invest_amount_2[]');
        var add_invest_per_2 = document.getElementsByName('add_invest_per_2[]');
        var add_taxability_2 = document.getElementsByName('add_taxability_2[]');
        var data_id = document.getElementById('data_id');
        if(data_id.value){
            data_id = data_id.value;
        }else{
            data_id = 0;
        }

        var dataArray  = [];
        dataArray['add_name'] = add_name.value;
        dataArray['add_country'] = add_country.value;
        dataArray['add_ownership'] = add_ownership.value;
        dataArray['add_profit'] = add_profit.value;

        dataArray['add_ct'] = add_ct.value;
        dataArray['add_doa'] = add_doa.value;
        dataArray['add_dot'] = add_dot.value;
        dataArray['add_poh'] = add_poh.value;

        dataArray['add_amount'] = add_ct.value;
        dataArray['add_taxability'] = add_doa.value;
        var dataObject = {...dataArray};
        var dataJson  = JSON.stringify(dataObject);
        var request = $.ajax({
            url: "{{url('tax-report/article/add',['id'=>$id])}}",
            type: "POST",
            data: {"_token": "{{ csrf_token() }}", "data":dataJson,"is_ajax":true,"article_type":"participation_exemption","form_type":"form1","data_id":data_id},
            dataType: "json"
            });
            request.done(function(msg) {
                if(msg.msg == "success"){
                    //location.reload();
                }
            });


        });

        });

    $('input.numeric').keyup(function(e){
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });

        var currentDate = new Date().toISOString().split('T')[0];
    
    // Get yesterday's date
    var yesterday = new Date();
    yesterday.setDate(yesterday.getDate() - 1);
    var yesterdayDate = yesterday.toISOString().split('T')[0];
    
    // Set the date range for the input element
    var dateInput = document.getElementById("add_doa");
    dateInput.setAttribute("min",01-01-1980 );
    dateInput.setAttribute("max",yesterdayDate );

    var yesterday = new Date();
    yesterday.setDate(yesterday.getDate() - 1);
    var yesterdayDate = yesterday.toISOString().split('T')[0];
    
    // Set the date range for the input element
    var dateInput = document.getElementById("add_dot");
    dateInput.setAttribute("min",01-01-1980 );
    dateInput.setAttribute("max",yesterdayDate );
</script>

@endsection