@php
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="verfy" description="Form untuk verifikasi work order" :icon="$icon" :label="$label" hr-class="mb-4" />

        <h4 class="text-primary mb-1">{{ $workorder->number }}</h4>

        <table class="table-padding">
            <tr>
                <td colspan="2"><hr class="mt-1 mb-1"></td>
                <td></td>
            </tr>
            <tr>
                <td>Tanggal</td>
                <td class="divide">:</td>
                <td>{{ Common::dateFormat($workorder->setdate, 'dd mmmm yyyy') }}</td>
            </tr>
            <tr>
                <td>Nama Pelanggan</td>
                <td class="divide">:</td>
                <td>{{ $workorder->sales->customer->name }}</td>
            </tr>
            <tr>
                <td>Alamat Pelanggan</td>
                <td class="divide">:</td>
                <td>{{ $workorder->sales->customer->address }}</td>
            </tr>
            <tr>
                <td>Jumlah</td>
                <td class="divide">:</td>
                <td>{{ number_format($workorder->sales->amount, 0, '', '.') . ' Lembar' }}</td>
            </tr>
        </table>

        <div class="mt-3">
            <b>Tipe Bahan yang Dikerjakan</b><br>
            {{ $workorder->sales->material->name }}<br>
            {{ $workorder->sales->material_descr }}
        </div>

        <div class="mt-4">
            <b>Pekerjaan</b>

            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Jenis Pekerjaan</th>
                            <th>Keterangan</th>
                            <th class="text-center">Qty</th>
                            <th class="text-right">Harga</th>
                            <th class="text-right">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $works = json_decode($workorder->work);
                        $no = 1;
                        @endphp

                        @foreach ($works as $w)
                            @php
                            $work = ParameterDetail::select('name')->where('id', $w->id)->first();
                            @endphp
                            
                            <tr>
                                <td>{{ $no }}</td>
                                <td>{{ $work->name }}</td>
                                <td>{{ $w->descr }}</td>
                                <td class="text-center">{{ number_format($w->qty, 0, '', '.') }}</td>
                                <td class="text-right">{{ number_format($w->price, 0, '', '.') }}</td>
                                <td class="text-right">{{ number_format($w->total, 0, '', '.') }}</td>
                            </tr>

                            @php
                            $no++;
                            @endphp
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <th class="text-right" colspan="5">Sub Total</th>
                            <th class="text-right">{{ number_format($workorder->subtotal, 0, '', '.') }}</th>
                        </tr>
                        <tr>
                            <th class="text-right" colspan="5">PPN ({{ $ppn_percent }}%)</th>
                            <th class="text-right">{{ number_format($workorder->ppn, 0, '', '.') }}</th>
                        </tr>
                        <tr>
                            <th class="text-right" colspan="5">PPH ({{ $pph_percent }}%)</th>
                            <th class="text-right">{{ number_format($workorder->pph, 0, '', '.') }}</th>
                        </tr>
                        <tr>
                            <th class="text-right text-primary" colspan="5">Total</th>
                            <th class="text-right text-primary">{{ number_format($workorder->total, 0, '', '.') }}</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

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

            <div class="mt-4">
                <b>Items</b>
    
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Material</th>
                                <th>Tipe</th>
                                <th>Jenis</th>
                                <th class="text-center">Jumlah</th>
                                <th style="width: 150px;">Jumlah Dipakai</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $no = 1;
                            @endphp
    
                            @foreach ($items as $i)
                                <tr>
                                    <td>{{ $no }}</td>
                                    <td>{{ $i['name'] }}</td>
                                    <td>{{ $i['type'] }}</td>
                                    <td>{{ $i['category'] }}</td>
                                    <td class="text-center">{{ number_format($i['qty'], 0, '', '.') }}</td>
                                    <td>
                                        <x-form.input-mask
                                            name="items[qty_used][{{ $i['id'] }}]"
                                            mask="nominal"
                                            :old="$i['qty']"
                                        />
                                    </td>
                                </tr>
    
                                @php
                                $no++;
                                @endphp
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
    
            <hr class="mb-4">
            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <b>Diterima oleh</b><br>
                        {{ $workorder->receivePerson->name }}<br>
                        <small>Pada Tgl. {{ Common::dateFormat($workorder->receive_date, 'dd mmmm yyyy') }}</small>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <b>Dikerjakan oleh</b><br>

                        {{ $workers }}<br>
                        <small>Pada Tgl. {{ Common::dateFormat($workorder->work_date, 'dd mmmm yyyy') }}</small>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <b>Diperiksa oleh</b><br>
                        {{ $workorder->examPerson->name }}<br>
                        <small>Pada Tgl. {{ Common::dateFormat($workorder->exam_date, 'dd mmmm yyyy') }}</small>
                    </div>
                </div>
            </div>
            <hr>

            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <x-form.radio
                        name="status"
                        label="Status"
                        :option="$option_status"
                        :old="old('status', 1)"
                    />
                </div>
            </div>

            <x-form.button-submit label="VERIFY" :cancel-route="route('order.work.index')" />
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('libraries/input-mask/inputmask.js') }}"></script>
<script src="{{ asset('libraries/input-mask/jquery.inputmask.js') }}"></script>
<script src="{{ asset('libraries/input-mask/inputmask.numeric.extensions.js') }}"></script>

<script>
const error = "@isset($errors->all()[0]) {{ $errors->all()[0] }} @endisset"

$(document).ready(function(){
    if (error != "")
        setNotiffail(error)

    $(".nominal-mask").inputmask({alias: "nominal"})
})
</script>
@endpush