@extends('layouts/acc_layout')
@section('title', '| TAX Register')
@section('content')


<div class="row">
<div class="col-md-12">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
          <div class="panel-options">
              <a href="{{url('accTaxRegisterForm/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add TAX</a>
          </div>
          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">TAX LIST</font></h1>
        </div>

        <div class="panel-body panelBodyView">

        <div>
          <script type="text/javascript">
          /*jQuery(document).ready(function($)
          {
            /*$("#otsTable").dataTable().yadcf([

            ]);*//*
            $("#otsTable").dataTable({


                   "oLanguage": {
                  "sEmptyTable": "No Records Available",
                  "sLengthMenu": "Show _MENU_ "
                  }
                });


       });
*/
          </script>
        </div>
          <table class="table table-striped table-bordered" id="taxTable" style="color: black;">
                    <thead>
                      <tr>
                        <th rowspan="2">SL#</th>
                        <th rowspan="2">Voucher Date</th>
                        <th rowspan="2">Name of Supplier</th>
                        <th colspan="3" >Bill Information</th>
                        <th rowspan="2">TAX Rate (%)</th>
                        <th rowspan="2">TAX Amount (Tk)</th>
                        <th rowspan="2">Status</th>
                        <th rowspan="2">Action</th>
                      </tr>
                      <tr style="border-color: white;  border-width: 1px;border-top-style: solid;">
                        <th >Bill Date</th>
                        <th>Bill Type</th>
                        <th>Bill Amount</th>
                      </tr>

                    </thead>
                    <tbody>
                  @php $count=1; @endphp
                   @foreach($viewTaxRegisters as $viewTaxRegister)
                     @if($viewTaxRegister->softDel==0)
                     <tr>
                        <td>{{$count}}</td>
                        <td>{{Carbon::parse($viewTaxRegister->voucherDate)->format('d-m-Y')}}</td>
                        <td class="name">{{$viewTaxRegister->name}}</td>

                        <td>{{Carbon::parse($viewTaxRegister->billDate)->format('d-m-Y')}}</td>
                        <td>{{$viewTaxRegister->serviceName}}</td>
                        <td style="text-align:right;">{{$viewTaxRegister->billAmount}}</td>
                        <td>{{$viewTaxRegister->taxInterestRate}}%</td>
                        <td class="amount">{{$viewTaxRegister->taxAmount}}</td>
                        {{-- <td>


                           <button class="btn btn-info"  style="width: 2px; line-height: 2px; text-align: center; font-size: 12px;background-color: #8F493D !important;  border: 0px solid #525659; border-radius: 10px;" disabled>
                                <span><i class="fa fa-times" aria-hidden="true"></i></span>
                            </button>

                            <button class="btn btn-info"  style="width: 2px; line-height: 2px; text-align: center; font-size: 12px;background-color: green !important;  border: 0px solid #525659; border-radius: 10px;" disabled>
                                <span><i class="fa fa-check" aria-hidden="true"></i></span>
                            </button>


                        </td> --}}



                         <td>

                     @if($viewTaxRegister->status == 0)
                          <p style="color:Black;">Unpaid</p>
                       @else
                            <span><i class="" aria-hidden="true" style="color:black;font-size: 1.3;">Paid</i></span>
                    @endif

                        </td>


                        <td>
                          <a href="javascript:;" class="view-modal" taxBillTypeIdViewModal="{{$viewTaxRegister->id}}">
                             <i class="fa fa-eye" aria-hidden="true"></i>
                         </a>&nbsp;


                           @if($viewTaxRegister->status == 0)
                           <a href="javascript:;" class="pay-modal" taxBillTypeIdPayModal="{{$viewTaxRegister->id}}"  TaxAmount="{{$viewTaxRegister->taxAmount}}">
                              <span class="glyphicon glyphicon-shopping-cart"></span>

                          </a>&nbsp;



                               <a href="javascript:;" class="edit-modal" taxBillTypeIdeditModal="{{$viewTaxRegister->id}}">
                                  <span class="glyphicon glyphicon-edit"></span>
                              </a>&nbsp;

                              <a href="javascript:;" class="delete-modal" taxBillTypeIdDeleteModal="{{$viewTaxRegister->id}}">
                                 <span class="glyphicon glyphicon-trash"></span>
                             </a>
                             @else
                             <a >
                                <span class="glyphicon glyphicon-shopping-cart"></span>

                            </a>&nbsp;



                                 <a >
                                    <span class="glyphicon glyphicon-edit"></span>
                                </a>&nbsp;

                                <a >
                                   <span class="glyphicon glyphicon-trash"></span>
                               </a>
                        @endif


                      </td>
                     </tr>
                     @endif
                     @php $count++; @endphp
                     @endforeach


                </tbody>
          </table>
          {{$viewTaxRegisters->links() }}
        </div>
      </div>
  </div>
  </div>
</div>
</div>

{{-- TAX PAY Modal --}}


        <div id="payModal" class="modal fade" style="margin-top:3%">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center">VAT Payment</h4>
                    </div>
                    <div class="modal-body">
                      <div class="row" style="padding-bottom: 20px;">
                     {!! Form::open(array('url' => '','id'=>'payForm', 'role' => 'form', 'class'=>'form-horizontal form-groups','name'=>'submitForm')) !!}
                          {!! Form::hidden('taxId',null,['id'=>'PMtaxId']) !!}
                          <div class="col-md-12">
                              <div class="col-md-6" style="padding-right:2%;">{{--1st col-md-6--}}
                                  <div class="form-horizontal form-groups">

                                      <div class="form-group">
                                          {!! Form::label('paymentDate', 'Payment Date:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                              {!! Form::text('paymentDate', null,['id'=>'PMpaymentDate','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                          </div>
                                      </div>

                                      <div class="form-group">
                                          {!! Form::label('taxAmount', 'TAX Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                              {!! Form::text('taxAmount', null,['id'=>'PMtaxAmount','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                          </div>
                                      </div>
                                      <div class="form-group">
                                          {!! Form::label('chalanNo', 'Chalan No:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                              {!! Form::text('chalanNo', null,['id'=>'PMchalanNo','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                          </div>
                                      </div>

                                      <div class="form-group">
                                          {!! Form::label('paymentId', 'Payment ID:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                              {!! Form::text('paymentId', null,['id'=>'PMpaymentId','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                          </div>
                                      </div>











                                  </div>{{--form-horizontal form-groups--}}
                              </div>{{--End 1st col-md-6--}}

                              <div class="col-md-6" style="padding-left:2%;">{{--2nd col-md-6--}}
                                  <div class="form-horizontal form-groups">

                                       <div class="form-group">
                                          {!! Form::label('depositBank', 'Deposit Bank:', ['class' => 'col-sm-4 control-label']) !!}
                                              <div class="col-sm-8">
                                                {!! Form::text('depositBank', null,['id'=>'PMdepositBank','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                              </div>
                                      </div>


                                    <div class="form-group">
                                        {!! Form::label('paymentType', 'Payment Type:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">

                                              <select id="PMpaymentType" name="paymentType" class="form-control" required>
                                                  <option value="">Select Payment Type</option>
                                                  <option value="0">Cash</option>
                                                  <option value="1">Bank</option>
                                                </select>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                       {!! Form::label('accountNo', 'Account No:', ['id'=>'LaccountNo','class' => 'col-sm-4 control-label']) !!}
                                           <div class="col-sm-8">
                                            {!! Form::select('accountNo', $accountNo, null ,['id'=>'PMaccountNo','class'=>'form-control input-sm','autocomplete'=>'off', 'autofocus','required']) !!}
                                          </div>
                                   </div>
                                   <div class="form-group">
                                      {!! Form::label('chequeNo', 'Cheque No:', ['id'=>'LcheckNo','class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                            {!! Form::text('chequeNo', null,['id'=>'PMcheckNo','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                          </div>
                                  </div>



                                  </div>
                              </div>{{--End 2nd col-md-6--}}
                          </div>
                          </div>{{--row--}}





                        <div class="modal-footer">

                            <button id="payButton" class="btn actionBtn glyphicon glyphicon-check btn-success" type="submit"><span> PAY</span></button>
                            <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" id="footer_action_button_dismis" type="button"><span id=""> Close</span></button>

                        </div>
                        {!! Form::close() !!}


                    </div>

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


        {{-- End VAT Pay Modal --}}












{{-- View Modal --}}

        <div id="viewModal" class="modal fade" style="margin-top:3%">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center">TAX Details</h4>
                    </div>
                    <div class="modal-body">

                        <div id="printingContent">
                        <div class="row" style="padding-bottom: 20px;">


                            <div class="col-md-12">
                                <div class="col-md-6" style="padding-right:2%;">{{--1st col-md-6--}}
                                    <div class="form-horizontal form-groups">

                                        <div class="form-group">
                                            {!! Form::label('supplierName', 'Name Of Supplier:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('supplierName', null,['id'=>'VMsupplierName','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billNo', 'Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('billNo', null,['id'=>'VMbillNo','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billDate', 'Bill Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('billDate', null,['id'=>'VMbillDate','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billType', 'Bill Type:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('billType', null,['id'=>'VMbillType','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>



                                        <div class="form-group">
                                            {!! Form::label('billAmount', 'Bill Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('billAmount', null,['id'=>'VMbillAmount','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>



                                    </div>{{--form-horizontal form-groups--}}
                                </div>{{--End 1st col-md-6--}}

                                <div class="col-md-6" style="padding-left:2%;">{{--2nd col-md-6--}}
                                    <div class="form-horizontal form-groups">
                                      <div class="form-group">
                                          {!! Form::label('taxRate', 'TAX Rate:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">
                                              {!! Form::text('taxRate', null,['id'=>'VMtaxRate','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                          </div>
                                      </div>

                                       <div class="form-group">
                                          {!! Form::label('taxAmount', 'TAX Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">

                                              {!! Form::text('taxAmount', null,['id'=>'VMtaxAmount','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                          </div>
                                      </div>
                                      <div class="form-group">
                                          {!! Form::label('status', 'Status:', ['class' => 'col-sm-4 control-label']) !!}
                                          <div class="col-sm-8">

                                              {!! Form::text('status', null,['id'=>'VMstatus','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                          </div>
                                      </div>



                                        <div class="form-group">
                                            {!! Form::label('entryByEmpl', 'Entry By:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('entryByEmpl', null,['id'=>'VMentryByEmpl','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('authorizedByEmpl', 'Authorized By:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('authorizedByEmpl', null,['id'=>'VMauthorizedByEmpl','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>



















                                    </div>
                                </div>{{--End 2nd col-md-6--}}
                            </div>
                            </div>{{--row--}}
                            </div>{{-- End Print Div --}}


                        {{-- View ModalFooter--}}
                        <div class="modal-footer">

                            <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" id="footer_action_button_dismis" type="button"><span> Close</span></button>
                        </div>


                    </div> {{-- End View Modal Body--}}

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

        {{-- End View Modal --}}


{{-- Edit Modal --}}
        <div id="editModal" class="modal fade" style="margin-top:3%">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center">Update VAT List</h4>
                    </div>
                    <div class="modal-body">

                        <div class="row" style="padding-bottom: 20px;">

                        {!! Form::open(array('url'=>'','role' => 'form', 'class'=>'form-horizontal form-groups', 'name'=>'updateForm','id'=>'updateForm')) !!}

                        {!! Form::hidden('billTypeId',null,['id'=>'EMbillTypeId']) !!}
                            <div class="col-md-12">
                                <div class="col-md-6" style="padding-right:2%;">{{--1st col-md-6--}}
                                    <div class="form-horizontal form-groups">

                                        <div class="form-group">
                                            {!! Form::label('Voucher Date', 'Voucher Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('voucherDate', null,['id'=>'EMvoucherDate','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                                <p id='EMmemberNamee' style="max-height:3px;"></p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('suppliers', 'Supplier:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('EMsuppliers', null,['id'=>'EMsuppliers','class'=>'form-control','type' => 'text','autocomplete'=>'off', 'readonly']) !!}
                                                <p id='EMmemberNamee' style="max-height:3px;"></p>
                                            </div>

                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billDate', 'Bill Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('billDate', null,['id'=>'EMbillDate','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                                <p id='EMnidNoe' style="max-height:3px;"></p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billType', 'BILL Type:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                <select  id="EMbillType" name="billType" class="form-control" required>>
                                                    <option value="">Select Option</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('taxRate', 'TAX Rate:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('taxRate', null,['id'=>'EMtaxRate','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                                <p id='EMaccNoe' style="max-height:3px;"></p>
                                            </div>
                                        </div>






                                        <div class="form-group">
                                            {!! Form::label('billAmount', 'Bill Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('billAmount', null,['id'=>'EMbillAmount','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}

                                            </div>
                                        </div>






                                    </div>{{--form-horizontal form-groups--}}
                                </div>{{--End 1st col-md-6--}}

                                <div class="col-md-6" style="padding-left:2%;">{{--2nd col-md-6--}}
                                    <div class="form-horizontal form-groups">



                                        <div class="form-group">
                                            {!! Form::label('taxAmount', 'TAX Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">

                                            {!! Form::text('taxAmount', null,['id'=>'EMtaxAmount','class'=>'form-control','type' => 'text','autocomplete'=>'off','required']) !!}
                                                <p id='EMperiode' style="max-height:3px;"></p>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('status', 'Status:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('status', null,['id'=>'EMstatus','class'=>'form-control','type' => 'text','autocomplete'=>'off','readonly']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('project', 'Project:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('project', null,['id'=>'EMproject','class'=>'form-control','type' => 'text','autocomplete'=>'off', 'readonly']) !!}

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('projectType', 'Project Type:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('projectType', null,['id'=>'EMprojectType','class'=>'form-control','type' => 'text','autocomplete'=>'off', 'readonly']) !!}

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('billNo', 'Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('billNo', null,['id'=>'EMbillNo','class'=>'form-control','type' => 'text','autocomplete'=>'off', 'readonly']) !!}

                                            </div>
                                        </div>








                                    </div>
                                </div>{{--End 2nd col-md-6--}}
                            </div>

                        </div>{{--row--}}


                        {{-- Edit ModalFooter--}}
                        <div class="modal-footer">

                            <button id="updateButton" class="btn actionBtn glyphicon glyphicon-check btn-success" type="submit" ><span> Update</span></button>
                            <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" id="footer_action_button_dismis" type="button"><span id=""> Close</span></button>

                        </div>
                        {!! Form::close() !!}


                    </div> {{-- End View Modal Body--}}

                </div>
            </div>
        </div>
        {{-- End Edit Modal --}}

{{-- Delete Modal --}}
  <div id="deleteModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Delete!</h4>
        </div>
        <div class="modal-body">
          <h2>Are You Confirm to Delete This Record?</h2>

          <div class="modal-footer">
            {!! Form::open(['url' => '','id'=>'deleteForm', 'name' =>'deleteForm']) !!}

            <button id="DMconfirmButton"  class="btn btn-danger" type="submit"> <span>Confirm</span></button>
            <button  class="btn btn-warning glyphicon glyphicon-remove" data-dismiss="modal" type="button"> Close</button>
            {!! Form::close() !!}

          </div>

        </div>
      </div>
    </div>
  </div>
  {{-- End Delete Modal --}}



   <div style="display: none;text-align: center;" id="hiddenTitle">
   <h3 style="text-align: center;padding: 0px;margin: 0px;">Ambala Foundation</h3>
   <p style="text-align: center;padding: 0px;margin: 0px;font-size: 10px;">House # 62, Block # Ka, Piciculture Housing Society, Shyamoli, Dhaka-1207</p>
   <br>
   {{-- <h4 style="text-align: center;padding: 0px;margin: 0px;">OTS Account Opening Report</h4>  --}}
    {{-- <h5 style="text-align: center;">{{$selectedBranchName}}</h5>  --}}
   <h5 style="text-align: center;font-size: 14;padding: 0px;margin: 0px;">OTS Account Details</h5>
   <div>
    <p style="font-size: 10px;text-align: right;"><span style="font-weight: bold;">Print Date:</span> {{date("d-m-Y h:i:sa")}}</p>
   </div>
   <br>
</div>

<script type="text/javascript">
$(document).ready(function() {

  /*Starts edit modal */
  $(document).on('click', '.edit-modal', function() {

       var test="hello";
       var taxBillTypeIdeditModalHidden   =$(this).attr('taxBillTypeIdeditModal');
       $("#EMbillTypeId").val(taxBillTypeIdeditModalHidden);


       var csrf = "{{csrf_token()}}";
       $("#editModal").modal('show');




       $.ajax({
         type: 'post',
         url: "./accViewTaxRegisterUpdateAjax",
         data: {test: test, _token: csrf},
           success: function (data){
              $("#EMbillType").empty();
             $("#EMbillType").append("<option value=''>"+"Select Option"+"</option>");
             $.each(data, function( key,obj){

                 $("#EMbillType").append("<option value='"+obj.id+"'>"+obj.serviceName+"</option>");
             });

           },
           error:  function (data){
                 alert("error");
           }
    });
    $.ajax({
      type: 'post',
      url: "./accViewTaxRegisterUpdateGetAjax",
      data: {taxBillTypeIdeditModalHidden: taxBillTypeIdeditModalHidden, _token: csrf},
        success: function (data){


          $("#EMsuppliers").val(data['name']);
          $("#EMvoucherDate").val(data['voucherDate']);
          $("#EMbillDate").val(data['billDate']);
          $("#EMbillAmount").val(data['billAmount']);
          if(data['status']==0)
            {$("#EMstatus").val('Unpaid');
            }
            $("#EMproject").val(data['projectName']);
            $("#EMprojectType").val(data['projectTypeName']);
            $("#EMbillNo").val(data['billNo']);



        },
        error:  function (data){
              alert("error");
        }
 });


    function toDate(dateStr) {
        var parts = dateStr.split("-");
        return new Date(parts[2], parts[1] - 1, parts[0]);
     }

    $("#EMvoucherDate").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange : "2017:c",
        minDate: new Date(2017, 07 - 1, 01),
        maxDate: "dateToday",
        dateFormat: 'dd-mm-yy',
        onSelect: function () {

        }
     });
     $("#EMbillDate").datepicker({
         changeMonth: true,
         changeYear: true,
         yearRange : "2017:c",
         minDate: new Date(2017, 07 - 1, 01),
         maxDate: "dateToday",
         dateFormat: 'dd-mm-yy',
         onSelect: function () {

         }
      });
     $("#EMbillType").click(function(event){
        var billType=$('#EMbillType').val();
        var billAmount=$('#EMbillAmount').val();

       $.ajax({
            type: 'post',
            url: "./taxCalculationFromBillType",
            data: {billType:billType},
              success: function (data){
                $.each(data, function( key,obj){
                      $('#EMtaxRate').val(obj.taxRate);
                      var tax=obj.taxRate;
                      var total= Math.round(billAmount*(tax/100));
                      $('#EMtaxAmount').val(total);

                });
              },
              error:  function (data){

              }
       });
     });

     $("#EMbillAmount").change(function(event){

           var tax= $('#EMtaxRate').val();
           var billAmount=$('#EMbillAmount').val();
           var total= Math.round(billAmount*(tax/100));

           $('#EMtaxAmount').val(total);

     });

     /*Submit update the form*/

     $("#updateForm").submit(function(event) {

         event.preventDefault();

         $.ajax({
              type: 'post',
              url: './accViewTaxRegisterFullUpdate',
              data: $('#updateForm').serialize(),
              dataType: 'json',
             success: function( _response ){


                  alert('success');
                   location.reload();



             },
             error: function( data ){
                 // Handle error
                 //alert(_response.errors);
                 alert('error');

             }
         });
     });




         /*End Submit update the form*/

  });

/*ends edit modal*/


  $(document).on('click', '.pay-modal', function() {
    $('#PMaccountNo').hide();
     $('#LaccountNo').hide();
     $('#PMcheckNo').hide();
     $('#LcheckNo').hide();

     function toDate(dateStr) {
         var parts = dateStr.split("-");
         return new Date(parts[2], parts[1] - 1, parts[0]);
      }

     $("#PMpaymentDate").datepicker({
         changeMonth: true,
         changeYear: true,
         yearRange : "2017:c",
         minDate: new Date(2017, 07 - 1, 01),
         maxDate: "dateToday",
         dateFormat: 'dd-mm-yy',
         onSelect: function () {

         }
      });

    var taxBillTypeIdPayModal = $(this).attr('taxBillTypeIdPayModal');
    var taxAmount= $(this).attr('taxAmount');
    var csrf = "{{csrf_token()}}";
    $.ajax({
      url: './accViewTaxRegisterPayTaxBillNoGenerate',
      type: 'POST',
      dataType: 'json',
      data: {taxBillTypeIdPayModal: taxBillTypeIdPayModal, _token: csrf},
      success: function(data) {
          $("#PMpaymentId").val("TAX"+data);


      },
      error: function(argument) {
        alert('response error');
      }
    });
    $("#PMtaxAmount").val(taxAmount);
    $("#PMtaxId").val(taxBillTypeIdPayModal);



   $("#payModal").modal('show');



  $("#PMpaymentType").click(function(event){
    var paymentType=$('#PMpaymentType').val();
    if(paymentType == 1)
    {
      $("#PMaccountNo").show();
      $("#LaccountNo").show();
      $('#PMcheckNo').show();
      $('#LcheckNo').show();

    }
    else{
      $("#PMaccountNo").hide();
      $("#LaccountNo").hide();
      $('#PMcheckNo').hide();
      $('#LcheckNo').hide();
    }


  });

    /*Submit the form*/

        $("#payForm").submit(function(event) {

            event.preventDefault();

            $.ajax({
                 type: 'post',
                 url: './accViewTaxRegisterPayTax',
                 data: $('#payForm').serialize(),
                 dataType: 'json',
                success: function( _response ){


                     alert('success');
                     location.reload();



                },
                error: function( data ){
                    // Handle error
                    //alert(_response.errors);
                    console.log(data);
                    alert('error');

                }
            });
        });
        /*End Submit the form*/




  });
  /*End Payment Modal*/



  /*Starts view modal */
  $(document).on('click', '.view-modal', function() {
    var viewModalId   =$(this).attr('taxBillTypeIdViewModal');

      var csrf = "{{csrf_token()}}";
    $.ajax({
      url: './accViewTaxRegisterViewModal',
      type: 'POST',
      dataType: 'json',
      data: {viewModalId : viewModalId , _token: csrf},
      success: function(data) {

        $("#VMsupplierName").val(data["name"]);
        $("#VMbillNo").val(data["billNo"]);
        $("#VMbillDate").val(data["billDate"]);
        $("#VMbillAmount").val(data["billAmount"]);
        $("#VMbillType").val(data["serviceName"]);
        $("#VMtaxRate").val(data["taxInterestRate"]);
        $("#VMtaxAmount").val(data["taxAmount"]);
        $("#VMentryByEmpl").val(data["emp_name_english"]);
        if(data["status"]==0)
        {
          $("#VMstatus").val("Unpaid");
        }
        else{
          $("#VMstatus").val("Paid");
        }
       $("#viewModal").find('.modal-dialog').css("width","70%");
       $("#viewModal").modal('show');


      },
      error: function(argument) {
        alert('Employee Not Found');
      }
    });



});
/*Starts delete modal */
$(document).on('click', '.delete-modal', function() {
   $("#deleteModal").modal('show');
    var DeleteModalId=$(this).attr('taxBillTypeIdDeleteModal');
    var csrf = "{{csrf_token()}}";


   /*Submit delete the form*/

   $("#deleteForm").submit(function(event) {

       event.preventDefault();

       $.ajax({
            type: 'post',
            url: './accViewTaxRegisterDeleteModal',
            data: {DeleteModalId : DeleteModalId , _token: csrf},
            dataType: 'json',
           success: function( _response ){


                alert('success');
                 location.reload();



           },
           error: function( data ){
               // Handle error
               //alert(_response.errors);
               console.log(data);
               alert('error');


           }
       });
   });




       /*End Submit delete the form*/



});
/*ends delete modal */



});
</script>

<style type="text/css">

    #printingTable tbody tr td:nth-child(1){
        text-align: left;
        padding-left: 5px;
    }
</style>


@include('dataTableScript')
@endsection