@extends('layouts.main')

@section('container')

<div class="card">
    <div class="card-header">
        <table width="100%">
            <tr>
                <td align="right" style="margin-right: 5px">
                </td>
                <td align="right" style="margin-right: 5px">
                    <a href="{{ route('admin.mitra.commission.form', 'create') }}" class="btn btn-success btn-sm"><i class="fa fa-plus"
                        style="margin-right:5px"></i>Buat Komisi</a>
                </td>
            </tr>
        </table>
    </div>
    <div class="card-body">
        @php
            $options = [
                'is_disbursed' => [
                    "" => "Semua",
                    "1" => "Dicairkan",
                    "0" => "Belum Dicairkan",
                    "2" => "Proses Pencairan",
                ]
            ];
            $headers = json_encode([
                '#'=> 'id',
                '#Nama Mitra' => 'mitra.name',
                '#Invoice' => 'order.invoice',
                '#Nilai Transaksi' => 'order.grand_total_rupiah',
                '#% Komisi' => 'share_percentage',
                '#Insentif' => 'incentive_rupiah',
                '#Pencairan' => 'disburse_status',
                'Tanggal Dibuat' => 'created_at',
                'Tanggal Pencairan' => 'disbursed_at',
                '#action' => 'action'
            ]);
        @endphp
        <x-datatable.table
            sourceUrl="{{ route('admin.mitra.commission.list') }}"
            tableHeaders="{{$headers}}"
            defaultOrder="7"
            noDateFilter="1"
            checkbox="true"
            >
            <x-datatable.filter
                type="selection"
                name="is_disbursed"
                label="Pencairan"
                options="{{json_encode($options['is_disbursed'])}}"
            />
        </x-datatable.table>
    </div>
</div>

    <!-- /.modal -->
@endsection