@csrf
<style>
    .icon-rtl {
        padding-right: 25px;
        background: url("https://img.icons8.com/metro/512/percentage2--v1.png") no-repeat right;
        background-size: 20px;
    }

    .price {
        font-weight: bold;
        font-size: 24px;
    }
</style>
<div class="card-body">
    <input type="hidden" class="form-control" id="id" name="id" required value="{{ $object->id ?? old('id') }}">
    <div class="row">
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="name">{{ Lang::get('messages.collection_invoices.tag1')}}</label>
                <input type="text" class="form-control" maxlength="45" name="name" value="{{ $object->name ?? old('name') }}" placeholder="" required>
            </div>
        </div>
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="image">{{ Lang::get('messages.collection_invoices.tag2') }} {{ Lang::get('messages.optional') }}</label>
                <input type="file" id="image" class="form-control" name="image" placeholder="">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="total">{{ Lang::get('messages.collection_invoices.tag3')}}</label>
                <input type="text" class="form-control" maxlength="45" name="total" value="{{ $object->total ?? old('total') }}" placeholder="" required>
            </div>
        </div>
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="payment">{{ Lang::get('messages.collection_invoices.tag5')}}</label>
                <input type="text" class="form-control" maxlength="45" name="payment" value="{{ $object->payment ?? old('payment') }}" placeholder="" required>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="percentage">{{ Lang::get('messages.collection_invoices.tag9') }}</label>
                <input type="number" class="form-control icon-rtl" min="0" max="100" step="0.01" name="percentage" value="{{ $object->percentage ?? old('percentage') }}" required>
            </div>
        </div>
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="gateway_payment_id"> {{ Lang::get('messages.collection_invoices.tag6')}} {{ Lang::get('messages.optional') }}</label>
                <select class="form-control" name="gateway_payment_id" value="">
                    <option value="" disabled {{isset($object->gateway_payment_id) ? '' : 'selected'}}>
                        @lang('messages.select')
                    </option>
                    @foreach ($gatewayPayments as $gatewayPayment)
                    <option value="{{ $gatewayPayment->id }}" {{ isset($object) && $gatewayPayment->id == $object->gateway_payment_id ? 'selected' : '' }}>{{ $gatewayPayment->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group col-md-6">
            <label for="class" class="ul-form__label">@lang('messages.collection_invoices.deposit_of'):</label>
            <select class="form-control" name="deposit_of" required>
                <@foreach($types as $type) @if(isset($object) && $type['value']==$object->deposit_of)
                    <option value="{{ $type['value'] }}" selected="selected">{{ $type['name'] }}
                    </option>
                    @else
                    <option value="{{ $type['value'] }}">{{ $type['name'] }}</option>
                    @endif
                    @endforeach
            </select>
        </div>
    </div>
</div>
<br>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/collection_invoices.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>