@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.disbursement.index') }}" method="POST" action="{{ $action ?? route('admin.mitra.disbursement.save', $disbursement->id)}}">
                @csrf
                <div class="card-body">
                   <div class="row">
                        <div class="col-md-6">
                            <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->id == $disbursement->mitra_id ? "selected": "" }}>{{ $m->name }} ({{$m->commission_balance_rupiah}})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Amount</label>
                                <input type="number" min="0" class="form-control"" name="amount" value="{{ $disbursement->amount ?? 50000 }}">
                            </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 == $disbursement->bank ? "selected": "" }}>{{ $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" value="{{ $disbursement->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" value="{{ $disbursement->account_name }}">
                            </div>

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

                        </div>
                   </div>

                </div>

                <!-- /.card-body -->
                <div class="card-footer">
                    @if ($disbursement)
                    <button type="submit" class="btn btn-primary float-right">Simpan Perubahan</button>
                    @else
                    <button type="submit" class="btn btn-primary float-right">Simpan</button>
                    @endif
                </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