@section('css')
    <link rel="stylesheet" href="{{secure_asset('assets/plugins/select2/css/select2.min.css') }}">
    <link rel="stylesheet" href="{{secure_asset('assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
@endsection
    <div class="box-body row">

        <div class="form-group col-md-6">
            {{ Form::label('Nomor Dokumen') }}
            <input type="text" name="doc_num" value="{{$topupPoint->doc_num}}" class="form-control" readonly>
            {!! $errors->first('doc_num', '<div class="invalid-feedback">:message</div>') !!}
        </div>
        <div class="form-group col-md-6">
            <label for="">Customer<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
            <select name="customer" class="form-control select2bs4" required>
                <option value="" readonly >--Pilih Customer--</option>
                @foreach($customer as $cs)
                    <option value="{{$cs->customer_id}}" {{ $topupPoint->customer == $cs->customer_id ? 'selected' : '' }}>{{$cs->nama_customer}} - {{$cs->nomor_member}} </option>
                @endforeach
            </select>
            {!! $errors->first('customer', '<div class="invalid-feedback">:message</div>') !!}
            <span class="text-danger" id="customer-error"></span>

        </div>
        <div class="form-group col-md-6">
            <label for="">Keterangan<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
            {{ Form::text('reason', $topupPoint->reason, ['class' => 'form-control' . ($errors->has('reason') ? ' is-invalid' : ''), 'placeholder' => '(Maks: 100 Karakter)' ,'required']) }}
            {!! $errors->first('reason', '<div class="invalid-feedback">:message</div>') !!}
            <span class="text-danger" id="reason-error"></span>
        </div>
        <div class="form-group col-md-6">
            <label for="">Poin<sup style="font-size: 1.5em; vertical-align: text-bottom;">*</sup></label>
            {{ Form::number('point', number_format($topupPoint->point, 0, ',', '.'), ['class' => 'form-control' . ($errors->has('point') ? ' is-invalid' : ''), 'placeholder' => 'Point Topup' ,'required']) }}
            {!! $errors->first('point', '<div class="invalid-feedback">:message</div>') !!}
            <span class="text-danger" id="point-error"></span>
        </div>
    </div>
@section('js')
    <script src="{{ secure_asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
    <script>
         $(function () {
            //Initialize Select2 Elements
            $('.select2bs4').select2({
            theme: 'bootstrap4'
            })
         })
    </script>
@endsection