@extends('savings.base')

@section('action-content')
<section class="content">
<div class="box shadow-sm">
    <div class="box-header with-border">
        <h3 class="box-title">Interest Settings – {{ $account->client->surname }} {{ $account->client->first_name }}</h3>
    </div>

    <div class="box-body">

        <div class="alert alert-info">
            <strong>Account Number:</strong> {{ $account->account_number }} <br>
         <strong>Current Balance:</strong> ₵{{ number_format($account->balance ?? 0, 4) }}
        </div>

        <form id="interestForm">
            @csrf

            <div class="form-group">
                <label>Interest Frequency</label>
                <select name="frequency" id="frequency" class="form-control" required>
                    <option value="">Select</option>
                    <option value="daily" {{ $settings && $settings->frequency == 'daily' ? 'selected' : '' }}>Daily</option>
                    <option value="weekly" {{ $settings && $settings->frequency == 'weekly' ? 'selected' : '' }}>Weekly</option>
                    <option value="monthly" {{ $settings && $settings->frequency == 'monthly' ? 'selected' : '' }}>Monthly</option>
                </select>
            </div>

            <div class="form-group">
                <label>Interest Rate (% per day)</label>
                <input type="number" step="0.01" name="interest_rate" id="interest_rate"
                       class="form-control" value="{{ $settings->interest_rate ?? '' }}" required>
            </div>

            @if($settings)
            <div class="alert alert-warning">
                <strong>Last Calculated:</strong>
                {{ $settings->last_calculated_at ? \Carbon\Carbon::parse($settings->last_calculated_at)->format('d M Y') : 'Never' }}
            </div>
            @endif

            <button type="submit" class="btn btn-primary btn-block">Save Settings</button>
        </form>
    </div>
</div>
</section>
@endsection

@section('scripts')
<script>
$(document).ready(function() {
    $('#interestForm').submit(function(e){
        e.preventDefault();

        $.ajax({
            url: "{{ route('interest.settings', $account->id) }}",
            method: "POST",
            data: $(this).serialize(),
            success: function(res){
                Swal.fire('Success', res.message, 'success')
                    .then(() => location.reload());
            },
            error: function(xhr){
                Swal.fire('Error', 'Check your inputs and try again.', 'error');
                console.log(xhr.responseText);
            }
        });
    });
});
</script>
@endsection