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

            <div class="row mt-4">
                <div class="col-md-4">
                    <x-label for="loan_amt" value="{{ __('Requested amount') }}" />
                    <x-input id="loanAmount" class="block mt-1 w-full" type="number" min="1" step="any" name="loan_amt" :value="old('loan_amt')" required />
                </div>

                <div class="col-md-4">
                    <x-label for="rate" value="{{ __('Interest rate (%)') }}" />
                    <x-input id="rate" class="block mt-1 w-full" type="number" min="1"  step="any" name="interest_rate" :value="old('interest_rate',30)" required  />
                </div>
            </div>

            <div class="row mt-4">

                <div class="col-md-4">
                    <x-label for="loan_dt" value="{{ __('Loan date') }}" />
                    <x-input id="loan_dt" class="block mt-1 w-full" type="date" name="loan_dt" :value="old('loan_dt')" required  />
                </div>

                <div class="col-md-4">
                    <x-label for="loan_dt" value="{{ __('First installment date') }}" />
                    <x-input id="start_dt" class="block mt-1 w-full" type="date" name="start_dt" :value="old('start_dt')" required  />
                </div>
            </div>

            <div class="row">

                    <div class="col-md-4 mt-4">
                        <label class="visually-hidden1" for="instalments">Loan term</label>
                        <select class="form-select" id="instalments" name="instalments" required>
                          <option  value="">Selct loan term</option>
                          <option value="1" @if(old('instalments') == 1) {{ 'selected' }} @endif>1 Month</option>
                          <option value="2" @if(old('instalments')  == 2) {{ 'selected' }} @endif>2 Months</option>
                          <option value="3" @if(old('instalments')  == 3) {{ 'selected' }} @endif>3 Months</option>
                          <option value="4" @if(old('instalments')  == 4) {{ 'selected' }} @endif>4 Months</option>
                          <option value="5" @if(old('instalments') == 5) {{ 'selected' }} @endif>5 Months</option>

                        </select>
                </div>



                    <div class="col-md-4 mt-4">
                        <label class="visually-hidden1" for="pay_method">Preferred payment method</label>
                        <select class="form-select" id="pay_method" name="pay_method" required>
                            <option value="">Select payment method</option>
                            <option >Cash</option>
                            <option >EFT</option>
                            <option >Wallet</option>
                        </select>
                    </div>



            </div>

            <section  class="mt-4 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">Loan term (Months)</td>
                        <td class="txt-r" id="term">1</td>
                      </tr>

                      <tr>
                        <td scope="row">Monthly installement</td>
                        <td class="txt-r" id="monthly_install">0</td>
                      </tr>
                      <tr>
                        <td scope="row">Payout amount (N$)</td>
                        <td class="txt-r" id="payout">{{ number_format( session('payout'),2) }}</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 amount (N$)</td>
                        <td class="txt-r" id="interest">0</td>
                      </tr>

                      <tr>
                        <td scope="row">Admin fee (N$)</td>
                        <td class="txt-r" id="admin_fee">0</td>
                      </tr>


                    </tbody>
                  </table>

            </section>


                <input type="hidden" name="total_amt" id="total_amount" required>
                <input type="hidden" name="capital_amt" id="capital_amount" required>
                <input type="hidden" name="namfisa_levy_amt"  id="namfisa_levy_amount" required>
                <input type="hidden" name="namfisa_levy_rate" value="1.03" required>
                <input type="hidden" name="interest_amt" id="interest_amount" required>
                <input type="hidden" name="stamp_duty" value="5" required>
                <input type="hidden" name="admin_fee" value="45" required>
                <input type="hidden" name="installment_amt" id="installment_amt" required>


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