@extends('dashboard.base')

@section('action-content')
<section class="content">

    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">
                <i class="fa fa-lock"></i> Create Fixed Deposit
            </h3>
        </div>

        <form method="POST" action="{{ route('fixed-deposits.store') }}">
            @csrf

            <input type="hidden" name="deposit_id" value="{{ $deposit->id }}">

            <div class="box-body">

                <div class="row">
                    <div class="col-md-6">
                        <label>Client</label>
                        <input type="text" class="form-control"
                               value="{{ $deposit->client->surname }} {{ $deposit->client->first_name }} ({{ $deposit->client->account_number }})" readonly>
                    </div>

                    <div class="col-md-6">
                        <label>Principal Amount</label>
                        <input type="text" class="form-control"
                               value="{{ number_format($deposit->amount, 2) }}" readonly>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="col-md-6">
                        <label>Interest Rate (%)</label>
                        <input type="number" step="0.01" name="interest_rate"
                               class="form-control" required>
                    </div>

                    <div class="col-md-6">
                        <label>Tenor (Days)</label>
                        <input type="number" name="tenor"
                               class="form-control" required>
                    </div>
                </div>

            </div>

            <div class="box-footer">
                <button type="submit" class="btn btn-success">
                    <i class="fa fa-lock"></i> Create Fixed Deposit
                </button>

                <a href="{{ route('fixed-deposits.create') }}"
                   class="btn btn-default pull-right">
                    Cancel
                </a>
            </div>
        </form>

    </div>

</section>
@endsection