@extends('layouts.main')

@section('container')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ $card_title }}</h3>
            </div>
            <!-- /.card-header -->
            <form cemes="form" cemes-redirect="{{ route('admin.mitra.commission.index') }}" method="POST" action="{{route('admin.mitra.commission.save', 'create')}}">
                @csrf
                <div class="card-body">
                   <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-form-label">Order Invoice</label>
                                <select name="order_id" class="form-control select2">
                                    @foreach ($order as $o)
                                    <option value="{{ $o->value }}">{{ $o->label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Mitra</label>
                                <select name="mitra_id" class="form-control select2" onchange="fetchMitra(this)">
                                    <option value="">-- Pilih Mitra --</option>
                                    @foreach ($mitra as $m)
                                    <option value="{{ $m->id }}">{{ $m->name }} ({{$m->commission_balance_rupiah}})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Posisi Penerima</label>
                                <input type="number" min="0" class="form-control"" name="position" max="2" value="0">
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Share</label>
                                <input min="0" class="form-control"" name="share" min="100" value="0.10">
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Amount</label>
                                <input type="number" class="form-control"" name="incentive" min="1" value="500000">
                            </div>

                            <div class="form-group">
                                <label class="col-form-label">Type</label>

                                <select name="type" class="form-control select2">
                                    <option value="commission">Commission</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label class="col-form-label">Bank</label>
                                <select name="bank" class="form-control select2">
                                    @foreach ($bank as $m)
                                    <option value="{{ $m }}">{{ $m }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label class="col-form-label">Nomor Rekening</label>
                                <input type="text" min="0" class="form-control"" name="account_number">
                            </div>

                            <div class="form-group">
                                <label class="col-form-label">Nama Pemilik</label>
                                <input type="text" min="0" class="form-control"" name="account_name">
                            </div>

                            {{-- <div class="form-group">
                                <label class="col-form-label">Status</label>
                                <select name="status" class="form-control select2">
                                    <option value="pending">Belum Dicairkan</option>
                                    <option value="success">Sudah Dicairkan</option>
                                </select>
                            </div> --}}

                        </div>
                   </div>

                </div>

                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary float-right">Submit</button>
                </div>

            </form>
        </div>
        <!-- /.card -->

    </div>
</div>
@endsection

@section('javascript')

<script>
    $(document).ready(function() {
        fetchMitra = (e) => {
            const id = e.value
            $.get('/admin/mitra/' + id)
                .done(function(res) {
                    const result = res.result

                    $('[name="bank"]').val(result.bank)
                    $('[name="bank"]').trigger('change')
                    $('[name="amount"]').val(result.commission_balance)
                    $('[name="account_number"]').val(result.account_number)
                    $('[name="account_name"]').val(result.account_name)
                    console.log(result)
                })
                .fail(function() {
                    alert( "error" );
                })
            }
        })
</script>

@endsection