@php
use App\Models\Inventory;
use App\Models\ParameterDetail;
@endphp

@extends('layouts.backend.index')
@section('title', $label)

@section('content')
<div class="card">
    <div class="card-body">
        <x-section-header action="create" :icon="$icon" :label="$label" hr-class="mb-4" />

        <form method="post" action="{{ route('order.work.store', $salesorder->encrypted_id) }}" class="form-block">
            @csrf

            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <x-form.date-picker
                        name="setdate"
                        label="Tanggal"
                        picker-type="date"
                        :old="old('setdate', date('d-m-Y'))"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text
                        label="No. Sales Order"
                        :old="$salesorder->number"
                        readonly
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text
                        label="Jumlah Order"
                        :old="number_format($salesorder->amount, 0, '', '.')"
                        readonly
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-6">
                    <x-form.input-text
                        label="Nama Pelanggan"
                        :old="$salesorder->customer->name"
                        readonly
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text
                        label="Nama PIC"
                        :old="$salesorder->customer->name_pic"
                        readonly
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.input-group
                        label="No. HP"
                        addon="<i class='mdi mdi-cellphone'></i>"
                        :old="Common::phoneFormat($salesorder->customer->phone)"
                        readonly
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text
                        label="Tipe Bahan"
                        :old="$salesorder->material->name"
                        readonly
                    />
                </div>
                <div class="col-sm-8 col-md-9">
                    <x-form.input-text
                        label="Keterangan Bahan"
                        :old="$salesorder->material_descr"
                        readonly
                    />
                </div>
            </div>

            <x-section-form label="Pekerjaan" icon="mdi mdi-clipboard-list" class="mb-1" />

            <div class="table-responsive">
                <table class="table" id="table-work">
                    <thead>
                        <tr>
                            <th style="width: 200px;">Jenis Pekerjaan</th>
                            <th>Keterangan</th>
                            <th>Harga Satuan</th>
                            <th>Jumlah</th>
                            <th>Jumlah Dikerjakan</th>
                            <th>Total</th>
                            <th>#</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $old = old('work', []);
                        $old_work = json_decode($salesorder->work, true);
                        $subtotal = 0;
                        $ppn = 0;
                        $pph = 0;
                        $total = 0;
                        @endphp

                        @if (empty($old))
                            @foreach ($old_work as $index => $i)
                                @php
                                $type = ParameterDetail::select('id', 'name')->whereId($i['id'])->first();
                                $id = $i['id'];
                                $price = $i['price'];
                                $remaining = $i['remaining'];
                                $total_item = $price * $remaining;
                                $subtotal += $total_item;
                                @endphp
                                <tr>
                                    <td>
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'work[id][' . $index . ']'"
                                            :old="$id"
                                        />
                                        <x-form.input-text
                                            :name="'work[name][' . $index . ']'"
                                            :old="$type->name"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[descr][' . $index . ']'"
                                            :old="$i['descr']"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[price][' . $index . ']'"
                                            class="price"
                                            :old="number_format($price, 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[remaining][' . $index . ']'"
                                            class="remaining"
                                            :old="number_format($remaining, 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-mask
                                            :name="'work[qty][' . $index . ']'"
                                            class="qty"
                                            mask="nominal"
                                            :old="$remaining"
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-mask
                                            class="total"
                                            mask="nominal"
                                            :old="$total_item"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-danger btn-sm btn-delete">
                                            &nbsp;<i class="mdi mdi-trash-can"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach

                            @php
                            if ($salesorder->customer->flag == 2) {
                                $ppn = ($subtotal * $ppn_percent) / 100;

                                if ($salesorder->customer->pph == 1)
                                    $pph = ($subtotal * $pph_percent) / 100;
                            }

                            $total = $subtotal + $ppn - $pph;
                            @endphp
                        @else
                            @foreach ($old['id'] as $index => $i)
                                @php
                                $price = (empty($old['price'][$index])) ? 0 : str_replace('.', '', $old['price'][$index]);
                                $remaining = (empty($old['remaining'][$index])) ? 0 : str_replace('.', '', $old['remaining'][$index]);
                                $qty = (empty($old['qty'][$index])) ? 0 : str_replace('.', '', $old['qty'][$index]);

                                $total_item = $price * $qty;
                                $subtotal += $total_item;
                                @endphp
                                <tr>
                                    <td>
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'work[id][' . $index . ']'"
                                            :old="$i"
                                        />
                                        <x-form.input-text
                                            :name="'work[name][' . $index . ']'"
                                            :old="$old['name'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[descr][' . $index . ']'"
                                            :old="$old['descr'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[price][' . $index . ']'"
                                            class="price"
                                            :old="number_format($price, 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'work[remaining][' . $index . ']'"
                                            class="remaining"
                                            :old="number_format($remaining, 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-mask
                                            :name="'work[qty][' . $index . ']'"
                                            class="qty"
                                            mask="nominal"
                                            :old="$qty"
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-mask
                                            class="total"
                                            mask="nominal"
                                            :old="$total_item"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-danger btn-sm btn-delete">
                                            &nbsp;<i class="mdi mdi-trash-can"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach

                            @php
                            if ($salesorder->customer->flag == 2) {
                                $ppn = ($subtotal * $ppn_percent) / 100;

                                if ($salesorder->customer->pph == 1)
                                    $pph = ($subtotal * $pph_percent) / 100;
                            }

                            $total = $subtotal + $ppn - $pph;
                            @endphp
                        @endif
                    </tbody>
                </table>
            </div>
            <hr>

            <table class="table-padding">
                <tr>
                    <td>Sub Total</td>
                    <td class="divide">:</td>
                    <td>Rp</td>
                    <td class="text-right" style="min-width: 90px;" id="subtotal">{{ number_format($subtotal, 0, '', '.') }}</td>
                </tr>
                <tr>
                    <td>PPN</td>
                    <td class="divide">:</td>
                    <td>Rp</td>
                    <td class="text-right" id="ppn">{{ number_format($ppn, 0, '', '.') }}</td>
                </tr>
                <tr>
                    <td>PPH</td>
                    <td class="divide">:</td>
                    <td>Rp</td>
                    <td class="text-right" id="pph">{{ number_format($pph, 0, '', '.') }}</td>
                </tr>
                <tr>
                    <td colspan="4"><hr class="mt-0 mb-0"></td>
                </tr>
                <tr>
                    <td>Total</td>
                    <td class="divide">:</td>
                    <td>Rp</td>
                    <td class="text-right" style="min-width: 90px;" id="total">{{ number_format($total, 0, '', '.') }}</td>
                </tr>
            </table>

            <x-section-form label="Item" icon="mdi mdi-cube" class="mt-4 mb-1" />

            <div class="table-responsive">
                <table class="table" id="table-item">
                    <thead>
                        <tr>
                            <th>Material</th>
                            <th>Tipe</th>
                            <th>Jenis</th>
                            <th>Jumlah</th>
                            <th>Jumlah Dipakai</th>
                            <th style="width: 80px;">#</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $old = old('items', []);
                        $old_items = json_decode($salesorder->items, true);
                        @endphp

                        @if (empty($old))
                            @foreach ($old_items as $index => $i)
                                @php
                                $goods = Inventory::select('id', 'id_item')
                                    ->with([
                                        'item' => function ($query) {
                                            $query->select('id', 'id_type', 'id_category', 'name', 'unit')
                                                ->with([
                                                    'type' => function ($qt) {
                                                        $qt->select('id', 'name');
                                                    },
                                                    'category' => function ($qc) {
                                                        $qc->select('id', 'name');
                                                    }
                                                ]);
                                        },
                                    ])
                                    ->whereId($i['id'])
                                    ->withTrashed()
                                    ->first();
                                @endphp
                                <tr>
                                    <td>
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'items[id][' . $index . ']'" 
                                            class="item-id"
                                            :old="$i['id']"
                                        />
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'items[unit][' . $index . ']'" 
                                            class="item-unit"
                                            :old="$goods->item->unit"
                                        />
                                        <x-form.input-text
                                            :name="'items[material][' . $index . ']'" 
                                            class="item-material"
                                            :old="$goods->item->name"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'items[type][' . $index . ']'"
                                            class="item-type"
                                            :old="$goods->item->type->name"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'items[category][' . $index . ']'"
                                            class="item-category"
                                            :old="$goods->item->category->name"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-group
                                            :name="'items[remaining][' . $index . ']'"
                                            :addon="$goods->item->unit"
                                            addon-position="right"
                                            :old="number_format($i['remaining'], 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-group-mask
                                            :name="'items[qty][' . $index . ']'"
                                            class="qty"
                                            mask="nominal"
                                            :addon="$goods->item->unit"
                                            addon-position="right"
                                            :old="$i['remaining']"
                                        />
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-danger btn-sm btn-delete">
                                            <i class="mdi mdi-trash-can"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            @foreach ($old['id'] as $index => $i)
                                <tr>
                                    <td>
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'items[id][' . $index . ']'" 
                                            class="item-id"
                                            :old="$i"
                                        />
                                        <x-form.input-text
                                            type="hidden"
                                            :name="'items[unit][' . $index . ']'" 
                                            class="item-unit"
                                            :old="$old['unit'][$index]"
                                        />
                                        <x-form.input-text
                                            :name="'items[material][' . $index . ']'" 
                                            class="item-id"
                                            :old="$old['material'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'items[type][' . $index . ']'"
                                            class="item-type"
                                            :old="$old['type'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            :name="'items[category][' . $index . ']'"
                                            class="item-category"
                                            :old="$old['category'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-group
                                            :name="'items[remaining][' . $index . ']'"
                                            :addon="$old['unit'][$index]"
                                            addon-position="right"
                                            :old="number_format($old['remaining'][$index], 0, '', '.')"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-group-mask
                                            :name="'items[qty][' . $index . ']'"
                                            class="qty"
                                            mask="nominal"
                                            :addon="$old['unit'][$index]"
                                            addon-position="right"
                                            :old="$old['qty'][$index]"
                                        />
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-danger btn-sm btn-delete">
                                            <i class="mdi mdi-trash-can"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="9">
                                <a href="javascript:void(0)" id="btn-add-item">
                                    <i class="mdi mdi-plus"></i> ADD
                                </a>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <x-section-form label="Pekerja" icon="mdi mdi-account" class="mt-4 mb-4" />

            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <x-form.input-text
                        type="hidden"
                        name="receive_person"
                        id="receiver-id"
                        :old="old('receive_person')"
                    />

                    <x-form.input-group-button
                        name="receive_person_name"
                        label="Nama Penerima"
                        id="receiver-name"
                        class="btn-choose-receiver bg-white"
                        btn-label="<i class='mdi mdi-magnify'></i>"
                        btn-class="btn-choose-receiver px-3"
                        style="cursor: pointer;"
                        :old="old('receive_person_name')"
                        readonly
                    />
                </div>
                <div class="col-sm-6 col-md-4">
                    <x-form.input-text
                        type="hidden"
                        name="exam_person"
                        id="examiner-id"
                        :old="old('exam_person')"
                    />

                    <x-form.input-group-button
                        name="exam_person_name"
                        label="Nama Pemeriksa"
                        id="examiner-name"
                        class="btn-choose-examiner bg-white"
                        btn-label="<i class='mdi mdi-magnify'></i>"
                        btn-class="btn-choose-examiner px-3"
                        style="cursor: pointer;"
                        :old="old('exam_person_name')"
                        readonly
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker
                        name="receive_date"
                        label="Tanggal Diterima"
                        picker-type="date"
                        :old="old('receive_date')"
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker
                        name="exam_date"
                        label="Tanggal Pemeriksaan"
                        picker-type="date"
                        :old="old('exam_date')"
                    />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker
                        name="work_date"
                        label="Tanggal Pekerjaan"
                        picker-type="date"
                        :old="old('work_date')"
                    />
                </div>
            </div>

            <div class="table-responsive">
                <table class="table" id="table-workers">
                    <thead>
                        <tr>
                            <th>Nama Pekerja</th>
                            <th>Jabatan</th>
                            <th style="width: 80px;">#</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $old = old('worker', []);
                        @endphp

                        @if (empty($old))
                            <tr>
                                <td>
                                    <x-form.input-text type="hidden" name="worker[id][]" class="worker-id" />
                                    <x-form.input-group-button
                                        name="worker[name][]"
                                        class="worker-name btn-choose-worker"
                                        style="cursor: pointer;background: white;"
                                        btn-label="<i class='mdi mdi-magnify'></i>"
                                        btn-class="btn-choose-worker px-3"
                                        readonly
                                    />
                                </td>
                                <td>
                                    <x-form.input-text name="worker[position][]" class="worker-position" readonly />
                                </td>
                                <td></td>
                            </tr>
                        @else
                            @foreach ($old['id'] as $index => $i)
                                <tr>
                                    <td>
                                        <x-form.input-text
                                            type="hidden"
                                            name="worker[id][]"
                                            class="worker-id"
                                            :old="$i"
                                        />
                                        <x-form.input-group-button
                                            name="worker[name][]"
                                            class="worker-name btn-choose-worker"
                                            style="cursor: pointer;background: white;"
                                            btn-label="<i class='mdi mdi-magnify'></i>"
                                            btn-class="btn-choose-worker px-3"
                                            :old="$old['name'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        <x-form.input-text
                                            name="worker[position][]"
                                            class="worker-position"
                                            :old="$old['position'][$index]"
                                            readonly
                                        />
                                    </td>
                                    <td>
                                        @if ($index > 0)
                                            <button type="button" class="btn btn-danger btn-sm btn-delete">
                                                <i class="mdi mdi-trash-can"></i>
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="9">
                                <a href="javascript:void(0)" id="btn-add-worker">
                                    <i class="mdi mdi-plus"></i> ADD
                                </a>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <x-form.button-submit :cancel-route="route('order.sales.index')" />
        </form>
    </div>
</div>

<div class="modal fade" id="modal-receiver" tabindex="-1" aria-labelledby="modal-receiverLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-receiverLabel">
                    <i class="mdi mdi-account-circle text-primary"></i> &nbsp;Pilih Penerima
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body pt-0">
                <div class="table-responsive">
                    <table class="table" id="table-receiver">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                <th>Jabatan</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-worker" tabindex="-1" aria-labelledby="modal-workerLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-workerLabel">
                    <i class="mdi mdi-account-circle text-primary"></i> &nbsp;Pilih Pekerja
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body pt-0">
                <div class="table-responsive">
                    <table class="table" id="table-worker">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                <th>Jabatan</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-examiner" tabindex="-1" aria-labelledby="modal-examinerLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modal-examinerLabel">
                    <i class="mdi mdi-account-circle text-primary"></i> &nbsp;Pilih Pemeriksa
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body pt-0">
                <div class="table-responsive">
                    <table class="table" id="table-examiner">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                <th>Jabatan</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="{{ asset('vendor/datatables.net/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{ asset('vendor/datatables.net/datatables.net/js/jquery.dataTables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendor/datatables.net/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}" type="text/javascript"></script>

<script>
const error = "@isset($errors->all()[0]) {{ $errors->all()[0] }} @endisset"
const customer_tax = parseInt("{{ $salesorder->customer->flag }}")
const customer_pph = parseInt("{{ $salesorder->customer->pph }}")
let datatable_receiver = false
let datatable_worker = false
let datatable_examiner = false
let subtotal = "{{ $subtotal }}"
let ppn_percent = "{{ $ppn_percent }}"
let pph_percent = "{{ $pph_percent }}"
let tr_item = ""

$(document).ready(function(){
    window.LaravelDataTables = window.LaravelDataTables || {}

    if (error != "")
        setNotiffail(error)

    $(".nominal-mask").inputmask({alias: "nominal"})
    
    $(".btn-choose-receiver").click(function(){
        $("#modal-receiver").modal("show")
    })
    
    $(".btn-choose-worker").click(function(){
        $("#modal-worker").modal("show")
    })
    
    $(".btn-choose-examiner").click(function(){
        $("#modal-examiner").modal("show")
    })

    $("#btn-add-worker").click(function(){
        $("#table-workers tbody").append('<tr>' +
                '<td>' +
                    '<input type="hidden" name="worker[id][]" class="worker-id">' +
                    '<div class="input-group">' +
                        '<input type="text" name="worker[name][]" class="form-control worker-name btn-choose-worker" placeholder="....." style="cursor: pointer;background: white;" readonly /> ' +
                        '<div class="input-group-append">' +
                            '<button type="button" class="btn btn-default btn-choose-worker px-3">' +
                                '<i class="mdi mdi-magnify"></i>' +
                            '</button>' +
                        '</div>' +
                    '</div>' +
                '</td>' +
                '<td>' +
                    '<input type="text" name="worker[position][]" class="form-control worker-position" placeholder="....." readonly />' +
                '</td>' +
                '<td>' +
                    '<button type="button" class="btn btn-danger btn-sm btn-delete">' +
                        '<i class="mdi mdi-trash-can"></i>' +
                    '</button>' +
                '</td>' +
            '</tr>')
    })

    $("#table-receiver").on("click", ".btn-choose", function(){
        var formData = {id: $(this).data("id"), _token: token}

        $.ajax({
            type: "POST",
            url: "{{ route('employee.get') }}",
            data: formData,
            dataType: "json",
            success: function(response){
                $("#receiver-id").val(response.data.id)
                $("#receiver-name").val(response.data.name)
                $("#modal-receiver").modal("hide")
            },
            error: function (xhr, ajaxOptions, thrownError) {
                ajaxError(xhr.status)
            }
        })
    })

    $("#table-worker").on("click", ".btn-choose", function(){
        var formData = {id: $(this).data("id"), _token: token}

        $.ajax({
            type: "POST",
            url: "{{ route('employee.get') }}",
            data: formData,
            dataType: "json",
            success: function(response){
                $("#worker-id").val(response.data.id)
                $("#worker-name").val(response.data.name)
                $("#modal-worker").modal("hide")
            },
            error: function (xhr, ajaxOptions, thrownError) {
                ajaxError(xhr.status)
            }
        })
    })

    $("#table-examiner").on("click", ".btn-choose", function(){
        var formData = {id: $(this).data("id"), _token: token}

        $.ajax({
            type: "POST",
            url: "{{ route('employee.get') }}",
            data: formData,
            dataType: "json",
            success: function(response){
                $("#examiner-id").val(response.data.id)
                $("#examiner-name").val(response.data.name)
                $("#modal-examiner").modal("hide")
            },
            error: function (xhr, ajaxOptions, thrownError) {
                ajaxError(xhr.status)
            }
        })
    })

    $("#table-work").on("blur", ".price", function(){
        tr_item = $(this).closest("tr")

        setTotalWork()
        setTotal()
    })

    $("#table-work").on("blur", ".qty", function(){
        tr_item = $(this).closest("tr")

        setTotalWork()
        setTotal()
    })

    $("#table-work").on("click", ".btn-delete", function(){
        tr = $(this).closest("tr")
        tr.find(".qty").val("0")

        setTotalWork()
        setTotal()
    })

    $("#table-item").on("click", ".btn-delete", function(){
        tr = $(this).closest("tr")
        tr.find(".qty").val("0")
        tr.remove()
    })

    $("#table-workers").on("click", ".btn-choose-worker", function(){
        tr_worker = $(this).closest("tr")

        $("#modal-worker").modal("show")
        loadTableWorker()
    })

    $("#table-workers").on("click", ".btn-delete", function(){
        $(this).closest("tr").remove()
    })

    $("#table-worker").on("click", ".btn-choose", function(){
        var formData = {id: $(this).data("id"), _token: token}

        $.ajax({
            type: "POST",
            url: "{{ route('employee.get') }}",
            data: formData,
            dataType: "json",
            success: function(response){
                tr_worker.find(".worker-id").val(response.data.id)
                tr_worker.find(".worker-name").val(response.data.name)
                tr_worker.find(".worker-position").val(response.data.position)
                
                $("#modal-worker").modal("hide")
            },
            error: function (xhr, ajaxOptions, thrownError) {
                ajaxError(xhr.status)
            }
        })
    })

    if (datatable_receiver == false) {
        datatable_receiver = true

        window.LaravelDataTables["table-receiver"] = $("#table-receiver").DataTable({
            dom: 'fltpr',
            language: {
                search: "",
                searchPlaceholder: "Pencarian...",
                lengthMenu: "_MENU_ Data"
            },
            ajax:
            {
                url: "{{ route('employee.datatable') }}",
                type: "POST",
                data: {_token: token}
            },
            processing: true,
            serverSide: true,
            deferRender: true,
            ordering: true,
            order: [[ 0, 'desc' ]],
            aLengthMenu: [[10, 25, 50, 100],[10, 25, 50, 100]],
            drawCallback: function() {
                $(".set-tooltip").tooltip({
                    container: "body"
                })
            },
            columns: [
                {
                    data: "created_at",
                    class: "align-top",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row, meta) => meta.row + meta.settings._iDisplayStart + 1
                },
                {
                    data: "name",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.name)
                },
                {
                    data: "position",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.position)
                },
                {
                    class: "align-top",
                    width: "40px",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row) => `<button type="button" class="btn btn-primary btn-xs btn-choose set-tooltip" title="Pilih" data-id="${row.id}">
                            <i class="mdi mdi-check"></i>
                        </button>`
                }
            ]
        })
    }

    if (datatable_examiner == false) {
        datatable_examiner = true

        window.LaravelDataTables["table-examiner"] = $("#table-examiner").DataTable({
            dom: 'fltpr',
            language: {
                search: "",
                searchPlaceholder: "Pencarian...",
                lengthMenu: "_MENU_ Data"
            },
            ajax:
            {
                url: "{{ route('employee.datatable') }}",
                type: "POST",
                data: {_token: token}
            },
            processing: true,
            serverSide: true,
            deferRender: true,
            ordering: true,
            order: [[ 0, 'desc' ]],
            aLengthMenu: [[10, 25, 50, 100],[10, 25, 50, 100]],
            drawCallback: function() {
                $(".set-tooltip").tooltip({
                    container: "body"
                })
            },
            columns: [
                {
                    data: "created_at",
                    class: "align-top",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row, meta) => meta.row + meta.settings._iDisplayStart + 1
                },
                {
                    data: "name",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.name)
                },
                {
                    data: "position",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.position)
                },
                {
                    class: "align-top",
                    width: "40px",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row) => `<button type="button" class="btn btn-primary btn-xs btn-choose set-tooltip" title="Pilih" data-id="${row.id}">
                            <i class="mdi mdi-check"></i>
                        </button>`
                }
            ]
        })
    }
})

$(document).on('shown.bs.modal', function (e) {
    $($.fn.dataTable.tables(true)).css('width', '100%')
})

function setTotalWork()
{
    var price = tr_item.find(".price").val()
    var qty = tr_item.find(".qty").val()
    var total = tr_item.find(".total").val()

    price = (price == "") ? 0 : price.replace(/\./g, "")
    qty = (qty == "") ? 0 : qty.replace(/\./g, "")
    total = (total == "") ? 0 : total.replace(/\./g, "")

    var total_item = parseFloat(price) * parseFloat(qty)
    subtotal = parseFloat(subtotal) - total + total_item

    tr_item.find(".total").val(total_item)
}

function setTotal()
{
    subtotal = parseFloat(subtotal)
    let ppn = (subtotal * parseFloat(ppn_percent)) / 100
    let pph = (subtotal * parseFloat(pph_percent)) / 100
    
    if (customer_tax == 1)
        ppn = 0

    if (customer_pph == 0)
        pph = 0
    
    var total = subtotal + ppn - pph

    $("#subtotal").html(moneyFormat(subtotal))
    $("#ppn").html(moneyFormat(ppn))
    $("#pph").html(moneyFormat(pph))
    $("#total").html(moneyFormat(total))
}

function loadTableWorker()
{
    if (datatable_worker == false) {
        datatable_worker = true

        window.LaravelDataTables["table-worker"] = $("#table-worker").DataTable({
            dom: 'fltpr',
            language: {
                search: "",
                searchPlaceholder: "Pencarian...",
                lengthMenu: "_MENU_ Data"
            },
            ajax:
            {
                url: "{{ route('employee.datatable') }}",
                type: "POST",
                data: {_token: token}
            },
            processing: true,
            serverSide: true,
            deferRender: true,
            ordering: true,
            order: [[ 0, 'desc' ]],
            aLengthMenu: [[10, 25, 50, 100],[10, 25, 50, 100]],
            drawCallback: function() {
                $(".set-tooltip").tooltip({
                    container: "body"
                })
            },
            columns: [
                {
                    data: "created_at",
                    class: "align-top",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row, meta) => meta.row + meta.settings._iDisplayStart + 1
                },
                {
                    data: "name",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.name)
                },
                {
                    data: "position",
                    class: "align-top",
                    render: (data, type, row) => htmlEntities(row.position)
                },
                {
                    class: "align-top",
                    width: "40px",
                    orderable: false,
                    searchable: false,
                    render: (data, type, row) => `<button type="button" class="btn btn-primary btn-xs btn-choose set-tooltip" title="Pilih" data-id="${row.id}">
                            <i class="mdi mdi-check"></i>
                        </button>`
                }
            ]
        })
    } else
        window.LaravelDataTables["table-worker"].ajax.reload()
}
</script>
@endpush