{{-- Contract --}}
<div class="mb-2 input-group">
    <div class="input-group-prepend">
        <label for="gr_consumption_contract" class="disabled-fields input-group-text">
            {{ __('entity_fields')['reservation']['contract'] }}
        </label>
    </div>

    <select data-sync="gr_consumption_contract" class="form-control">
        <option value="" disabled selected>-- {{ __('common_actions')['select'] }} --</option>

        @foreach ($contract_types as $c_type)
            <option value="{{ $c_type->value }}"> {{ $c_type->label() }}</option>
        @endforeach
    </select>
</div>

{{-- Total Amount --}}
<div class="d-flex flex-column align-items-start w-90">
    <label for="gr_consumption_total" class="form-label label-for-count statistical-data">
        {{ __('entity_forms')['reservation']['balance'] }}
    </label>

    <input type="text" data-sync="gr_consumption_total" value="0.00" readonly
        class="mb-2 total-balance-input form-control input-for-count">
</div>

{{-- Amount Paid --}}
<div class="d-flex flex-column align-items-start w-90">
    <label for="gr_consumption_paid" class="form-label label-for-count statistical-data">
        {{ __('entity_forms')['reservation']['balance_paid'] }}
    </label>

    <input type="text" data-sync="gr_consumption_paid" value="0.00" readonly
        class="mb-2 paid-balance-input form-control input-for-count">
</div>

{{-- Remaining Balance --}}
<div class="d-flex flex-column align-items-start w-90">
    <label for="gr_consumption_remaining" class="form-label label-for-count statistical-data">
        {{ __('entity_forms')['reservation']['balance_outstanding'] }}
    </label>

    <input type="text" data-sync="gr_consumption_remaining" value="0.00" readonly
        class="pending-balance-input form-control input-for-count">
</div>