@extends('layouts.taxhotline', ['currentPage' => 'step2'])

@section('content')

<div class="content-box mx-4">

    <div>
        <br />
        @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <form method="post" action="{{ route('step2post') }}">
            @csrf
            <div class="card mb-4 ftp-list-container">
                <div class="card-body">
                    <h2>Step Two – Taxable Income:</h2>
                    <h3>Calculate your Taxable Income.</h3>

                    <ul>
                        <li>
                            To calculate your Taxable Income, you will need to add the totals on the documents showing
                            sources of income for yourself (and your spouse if Married Filing Jointly). The most common
                            documents showing your Taxable Income are:
                            <ul>
                                <li>W-2s for work as an employee</li>
                                <li>1099-NEC forms for work as a contractor</li>
                                <li>1099-MISC forms for income from other miscellaneous source</li>
                                <li>1099-INT forms for interest you may have earned</li>
                            </ul>
                        </li>
                        <br />
                        <br />
                        <li>
                            Enter your taxable income<br />
                            <input type="number" id="txtTaxableIncome" name="txtTaxableIncome" required
                                class="form-control w-50" />
                        </li>
                    </ul>

                    <div class="text-end mt-4">
                        <a id="btn-prev" name="btn-previous" href="{{ route('home') }}"
                            class="btn btn-primary">Previous</a>
                        <button id="btn-next" name="btn-next" type="submit" class="btn btn-primary">Next</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
</div>
@endsection