@php
    use App\Models\ParameterDetail;
    use App\Models\Inventory;
@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" />

            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text label="No. Pengaju" :old="$purchase->number" readonly />
                </div>
                <div class="col-sm-4 col-md-3">
                    <x-form.input-group label="Tanggal" addon="<i class='mdi mdi-calendar-today'></i>" :old="$purchase->dates"
                        readonly />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <x-form.input-text label="Nama Pengaju" :old="$purchase->submitter_name" readonly />
                </div>
                <div class="col-sm-6">
                    <x-form.input-text label="Nama Supplier" :old="$purchase->supplier->name" readonly />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <x-form.text-area label="Kebutuhan" :old="$purchase->needs" readonly />
                </div>
            </div>

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

            <div class="table-responsive">
                <table class="table" id="table-item">
                    <thead>
                        <tr>
                            <th style="width: 250px;">Nama Item</th>
                            <th style="width: 150px;">Jenis</th>
                            <th style="width: 110px;">Jumlah</th>
                            <th style="width: 160px;">Harga Satuan</th>
                            <th style="width: 160px;">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $old = old('items', []);
                            $old_item = json_decode($purchase->items, true);
                            $total = 0;
                        @endphp

                        @foreach ($old_item as $index => $i)
                            @php
                            $inventory = Inventory::select('id', 'id_item')
                                ->with([
                                    'item' => function($query) {
                                        $query->select('id', 'id_category', 'name', 'uom')
                                            ->with([
                                                'uomData' => function ($query) {
                                                    $query->select('id', 'name');
                                                },
                                                'category' => function ($query) {
                                                    $query->select('id', 'name');
                                                },
                                            ]);
                                    }
                                ])
                                ->whereId($i['id'])
                                ->withTrashed()
                                ->first();

                                $price = $i['price'];
                                $qty = $i['qty'];
                                $total_item = $price * $qty;
                                $total += $total_item;
                            @endphp

                            <tr>
                                <td>
                                    <x-form.input-text :old="@$inventory->item->name" readonly />
                                </td>
                                <td>
                                    <x-form.input-text :old="@$inventory->item->category->name" readonly />
                                </td>
                                <td>
                                    <x-form.input-mask class="qty" mask="nominal" :old="$qty" readonly />
                                </td>
                                <td>
                                    <x-form.input-mask class="price" mask="nominal" :old="$price" readonly />
                                </td>
                                <td>
                                    <x-form.input-mask class="total" mask="nominal" :old="$total_item" readonly />
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <hr>

            <div class="row">
                <div class="col-md-4 offset-md-9 col-sm-12">
                    <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($purchase->subtotal, 0, '', '.') }}</td>
                        </tr>
                        <tr>
                            <td>PPN ({{$purchase->ppn_percent}}%)</td>
                            <td class="divide">:</td>
                            <td>Rp</td>
                            <td class="text-right" id="ppn">{{ number_format($purchase->ppn, 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($purchase->total, 0, '', '.') }}</td>
                        </tr>
                    </table>

                </div>
            </div>

            <x-section-form label="Payment" icon="mdi mdi-credit-card" class="mt-4 mb-4" />

            <div class="row">
                @isset($purchase->payment_date)

                <div class="col-sm-4 col-md-3">
                    <x-form.input-text name="payment_date" label="Tanggal Bayar" picker-type="date" :old="$purchase->payment_date"
                        readonly />
                </div>
                @endisset
                @isset($purchase->payment_cash)
                    <div class="col-sm-4" id="cash">
                        <x-form.input-text name="payment_cash" label="Sumber Dana" :old="$purchase->payment_date" readonly />
                    </div>
                @endisset

                @isset($purchase->payment_account)
                    <div class="col-sm-4" id="form-bank">
                        <x-form.input-text name="payment_account" label="Rekening Bank" :old="$purchase->payment_account" readonly />
                    </div>
                @endisset
            </div>
            <div class="row">
                @isset($purchase->payment_bank_number)
                <div class="col-sm-4 col-md-3">
                    <x-form.input-text name="payment_bank_number" label="Nomor Rekening" :old="$purchase->payment_bank_number" readonly />
                </div>
                @endisset

                @isset($purchase->payment_receiver)
                <div class="col-sm-4">
                    <x-form.input-text name="payment_receiver" label="Nama Penerima" :old="$purchase->payment_receiver" readonly />
                </div>
                @endisset

                @isset($purchase->payment_amount)
                <div class="col-sm-4 col-md-3">
                    <x-form.input-group-mask name="payment_amount" label="Nominal Pembayaran" mask="nominal" addon="Rp"
                        :old="$purchase->payment_amount" readonly />
                </div>
                @endisset

            </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/input-mask/inputmask.js') }}"></script>
    <script src="{{ asset('vendor/input-mask/jquery.inputmask.js') }}"></script>
    <script src="{{ asset('vendor/input-mask/inputmask.numeric.extensions.js') }}"></script>
    <script>
        const error =
            "@isset($errors->all()[0]) {{ $errors->all()[0] }} @endisset"

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

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

            $(".nominal-mask").inputmask({
                alias: "nominal"
            })

            $("#cash input").click(function() {
                if ($(this).val() == 1)
                    $("#form-bank").hide()
                else
                    $("#form-bank").show()

                $("#form-bank select").val("").trigger("change")
            })
        })
    </script>
@endpush