@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">
    <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

                {{ __('Self Assesment') }}
                @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>

<h4>Self Assessment tax paid</h4>
    <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
    <table class="table table-bordered fnt">
        <tr class="bg mrn bd">
            <td>Name of the Bank
            </td>
            <td>GBAN
            </td>
            <td>Date of deposit 
            </td>
            <td>Challan SI.no.
            </td>
            <td>Amount paid 
            </td>
        </tr>
        <tr>
            <input name="data_id"  class="form-control" type="hidden" value="{{$data_id}}" placeholder="Eg: 10000"  required>
            <input name="article_type"  class="form-control" type="hidden" value="self_assesment" placeholder="Eg: 10000"  required>
            <input name="form_type"  class="form-control" type="hidden" value="form_one" placeholder="Eg: 10000" required>
            <td><input name="bank_name" class="form-control" type="text" value="{{$bank_name}}" required></td>
            <td><input name="gban" class="form-control" type="text" value="{{$gban}}" required></td>
            <td><input name="date_of_deposite" class="form-control" value="{{$date_of_deposite}}" type="date" required></td>
            <td><input name="challan_sl_no" class="form-control" value="{{$challan_sl_no}}" type="text" required></td>
            <td><input name="amount_paid" id="amount_paid" class="form-control" type="text" value="{{$amount_paid}}" readonly required></td>
            
        </tr>
        <tr class="bg blu">
            <td class="bd mrn">Total </td>
            <td></td>
            <td></td>
            <td></td>
            <td><input name="total" id="total_tax" class="form-control" type="text" value="{{$total}}" readonly required></td>
            
        </tr>
        <tr class="bg blu">
            <td>Tax payable</td>
            <td><input name="tax_payable" id="tax_payable" class="form-control" type="text" onkeyup="calculateValue()" value="{{$tax_payable}}" required></td></td>
            <td></td>
            <td></td>
            <td></td>
           
        </tr>
        <tr class="bg blu">
            <td>Less: SA tax paid </td>
            <td><input name="sa_tax" id="sa_tax" class="form-control" type="text" value="{{$sa_tax}}" readonly required></td>
            <td></td>
            <td></td>
            <td></td>
            
        </tr>
        <tr class="bg blu">
            <td>Balance tax payble </td>
            <td><input name="balance_tax" id="balance_tax" class="form-control" type="text" value="{{$balance_tax}}" readonly></td>
            <td></td>
            <td></td>
            <td></td>
           
        </tr>
    </table>
    </div>
    <div style="text-align:right">
            @csrf
            <button type="submit" class="btn btn-success">update</button>
        </div>
        </form>
</div>
</div>
</div>
</div>


<script>

function calculateValue(){
    var tax_payable = document.getElementById('tax_payable');
    var amount_paid = document.getElementById('amount_paid');
        amount_paid.value = tax_payable.value;
    var total_tax = document.getElementById('total_tax');
        total_tax.value = amount_paid.value;
    var sa_tax = document.getElementById('sa_tax');
        sa_tax.value = total_tax.value;
    var balance_tax = document.getElementById('balance_tax');
        balance_tax.value = tax_payable.value - sa_tax.value;
}

</script>

@endsection