@php
 $payout = session()->has('payout') ?? 0;
@endphp

<section class="">

    <h3>Loan Details </h3>

    <x-validation-errors class="mb-4" />

    <div class="card mt-40">

        <div class="card-body">

            <section class="nameko-flex flex-jb">
                 <p>How much do you need?</p>
                 {{-- <input type="number" min="1" max="20000" class="form-control wd-170" name="loanAmount" id="loanAmount" value="{{ session('payout') }}"> --}}
                 <input type="number" min="1" max="20000" class="form-control wd-170" name="loanAmount" id="loanAmount" value="{{ 0 }}">
            </section>
            <section  class="">
                <input type="range" class="form-range" min="1" max="20000" step="50" id="loanRange">
            </section>

            <section  class="nameko-flex flex-col flex-jb">
                <div class="mb-3">
                    <label for="salary_date" class="form-label">When is your next salary payment date?</label>
                    <input type="date" class="form-control wd-300" name="salary_date" id="salary_date" required>
                  </div>
            </section>

            <section  class="mt-30 table-responsive">

                <table class="table table-success table-striped table-hover">

                    <tbody>
                      <tr>
                        <th scope="row">Total loan amount</th>
                        <th class="txt-r" id="total">0</th>
                      </tr>
                      <tr>
                        <td scope="row">Payout amount</td>
                        <td class="txt-r" id="payout">{{ session('payout') }}</td>
                      </tr>
                      <tr>
                        <td scope="row">NAMFISA Levy (1.03%)</td>
                        <td class="txt-r" id="namfisa">0</td>
                      </tr>

                      <tr>
                        <td scope="row">Stamp duty (N$)</td>
                        <td class="txt-r">5.00</td>
                      </tr>

                      <tr>
                        <td scope="row">Capital (N$)</td>
                        <td class="txt-r" id="capital">0</td>
                      </tr>

                      <tr>
                        <td scope="row">Interest (30%)</td>
                        <td class="txt-r" id="interest">0</td>
                      </tr>
                      <tr>
                        <td scope="row">Loan Term</td>
                        <td class="txt-r" id="interest">1 Month</td>
                      </tr>
                    </tbody>
                  </table>

            </section>

            @guest

            <section class="nameko-flex flex-jb flex-ai-c flex-col mtb-30">
                <p>Already have an account?</p>
                <a href="{{ route('login') }}" class="wd-300"><button type="button" class="btn btn-outline-primary wd-300 btn-green">Log in</button></a>
                <p>OR</p>
               <a href="{{ route('register') }}" class="wd-300"> <button type="button" class="btn btn-outline-primary wd-300 btn-dark">Create your account</button> </a>
            </section>

            @endguest

            @auth
                <input type="hidden" name="total_amount" id="total_amount" required>
                <input type="hidden" name="capital_amount" id="capital_amount" required>
                <input type="hidden" name="payout_amount" id="payout_amount" required>
                <input type="hidden" name="namfisa_levy_amount"  id="namfisa_levy_amount" required>
                <input type="hidden" name="interest_amount" id="interest_amount" required>
                <input type="hidden" name="stamp_duty" value="5" required>
                <input type="hidden" name="namfisa_levy_rate" value="1.03" required>
                <input type="hidden" name="interest_rate" id="interest_rate" value="30" required>
                <input type="hidden" name="term" id="term" value="1">
                <input type="hidden" name="new_loan" id="new_loan" value="Y">
                <input type="hidden" name="user_id" id="user_id" value="{{ auth()->user()->id }}">
            @endauth

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