@php
    use App\Models\Invoice;
@endphp
<div>
    <!-- Page -->
    <div class="page">
        <div class="page-header">
            <h1 class="page-title">Data Invoice #{{ $invoice->no_invoice }}</h1>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
                <li class="breadcrumb-item active">Data Invoice #{{ $invoice->no_invoice }}</li>
            </ol>

            <div class="page-header-actions">

                <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                    data-original-title="Refresh">
                    <i class="icon md-refresh-alt" aria-hidden="true"></i>
                </button>
            </div>

        </div>

        <div class="page-content container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <!-- Panel Kitchen Sink -->
                    <div class="panel">
                        <header class="panel-heading">
                            <h3 class="panel-title">
                                Data Invoice #{{ $invoice->no_invoice }}
                                @if (session()->has('pesan'))
                                    <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                                @endif
                                <span class="panel-desc">
                                    {{ env('CORP_BRAND') }}
                                </span>
                            </h3>
                        </header>

                        <div class="panel-body">

                            <div class="row">


                                <div class="form-group form-material col-md-12">
                                    <label class="form-control-label">No. Invoice</label>
                                    <input type="text" value="{{ $invoice->no_invoice }}" class="form-control"
                                        readonly>
                                </div>

                                <div class="form-group form-material col-md-12">
                                    <label class="form-control-label">Nama Pelanggan</label>
                                    <input type="text" value="{{ $invoice->nama }}" class="form-control" readonly>
                                </div>
                                <div class="form-group form-material col-md-12">
                                    <label class="form-control-label">Alamat</label>
                                    <input type="text" value="{{ $invoice->alamat }}" class="form-control" readonly>
                                </div>
                                <div class="form-group form-material col-md-6">
                                    <label class="form-control-label">Telepon</label>
                                    <input type="text" value="{{ $invoice->telepon }}" class="form-control" readonly>
                                </div>
                                <div class="form-group form-material col-md-6">
                                    <label class="form-control-label">Handphone</label>
                                    <input type="text" value="{{ $invoice->handphone }}" class="form-control"
                                        readonly>
                                </div>
                                <div class="form-group form-material col-md-12">
                                    <label class="form-control-label">Keterangan Kontak</label>
                                    <input type="text" value="{{ $invoice->keterangan_kontak }}"
                                        class="form-control" readonly>
                                </div>
                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Kateogri Produk</label>
                                    <input type="text" value="{{ $invoice->kategori_produk }}" class="form-control"
                                        readonly>
                                </div>
                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Paket</label>
                                    <textarea class="form-control" readonly>{{ $invoice->nama_produk }} {{ "\n" }}Catatan : {{ $invoice->isi_produk }}</textarea>
                                </div>

                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">DPP</label>
                                    <input type="text"
                                        value="{{ rupiah($invoice->harga_produk) }} {{ $invoice->jenis_pembayaran }}"
                                        class="form-control" readonly>
                                </div>

                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Tanggal Invoice</label>
                                    <input type="text" value="{{ tgl_indo($invoice->tgl_invoice) }}"
                                        class="form-control" readonly>
                                </div>


                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Tanggal Overdue</label>
                                    <input type="text" value="{{ tgl_indo($invoice->tgl_overdue) }}"
                                        class="form-control" readonly>
                                </div>

                                <div class="form-group form-material col-md-4">
                                    <label class="form-control-label">Tanggal Pembayaran</label>
                                    <input type="text" value="" class="form-control" readonly>
                                </div>


                                <div class="form-group form-material col-md-6">
                                    <label class="form-control-label">Virtual Akun</label>
                                    <input type="text" value="{{ $invoice->no_va }} a/n {{ $invoice->nama_va }}"
                                        class="form-control" readonly>
                                </div>

                                <div class="form-group form-material col-md-6">
                                    <label class="form-control-label">Status Pembayaran</label>
                                    <input type="text" value="{{ $invoice->status_invoice }}" class="form-control"
                                        readonly>
                                </div>



                                <div class="col-md-12">
                                    <hr>
                                </div>

                                <div class="form-group form-material col-md-12">
                                    <table class="table table-hover" data-plugin="selectable"
                                        data-row-selectable="true">
                                        <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>Kode</th>
                                                <th>Produk</th>
                                                <th>DPP</th>
                                                <th>QTY</th>
                                                <th>Total</th>
                                                <th>Disc %</th>
                                                <th>Disc Plus %</th>
                                                <th>Total - Disc</th>
                                                <th>PPn</th>
                                                <th>Total + Tax</th>
                                                <th>Action</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $total_disc_detail = 0;
                                                $grand_sub_total = 0;
                                                $grand_pajak = 0;
                                                $grand_total = 0;
                                            @endphp
                                            @foreach ($invoice_detail as $row)
                                                <tr wire:key="{{ $row->id_invoice_detail }}">
                                                    <td>{{ $loop->index + 1 }}</td>
                                                    <td>{{ strtoupper(substr(md5($row->id_produk), -3)) }}</td>
                                                    <td>{{ $row->detail_nama_produk }} <br>
                                                        <span style="font-size:12px;">Catatan :
                                                            {!! $row->catatan_detail !!}</span>
                                                    </td>
                                                    <td>{{ rupiah($row->harga_detail) }}</td>
                                                    <td>{{ $row->qty_detail }}</td>
                                                    <td>{{ rupiah($total_dpp = $row->harga_detail * $row->qty_detail) }}
                                                    </td>

                                                    <td>{{ rupiah($discount = ($row->harga_detail * $row->qty_detail * $row->disc_detail) / 100) }}
                                                        ({{ number($row->disc_detail) }}%)
                                                    </td>
                                                    @php
                                                        $total = $total_dpp - $discount;
                                                        $total_dpp1 = $row->harga_detail * $row->qty_detail;
                                                    @endphp
                                                    <td>{{ rupiah($discount_plus = ($total * $row->disc_plus_detail) / 100) }}
                                                        ({{ number($row->disc_plus_detail) }}%)</td>

                                                    <td>{{ rupiah($total_discount = $total_dpp1 - $discount - $discount_plus) }}
                                                    </td>
                                                    <td>{{ rupiah(floor($row->pajak_detail)) }} ({{ $row->persentase_pajak_detail }}%)</td>
                                                    <td>{{ rupiah($row->sub_total_detail) }}</td>
                                                    <td>
                                                        @if (Auth::user()->id_unit_instalasi == 1 || Auth::user()->id_unit_instalasi == 66 || Auth::user()->id_unit_instalasi == 6 || Auth::user()->id_unit_instalasi == 4 || Auth::user()->id_unit_instalasi == 5)
                                                            <button
                                                                wire:click.prevent="show({{ $row->id_invoice_detail }})"
                                                                type="button" data-target="#update"
                                                                data-toggle="modal"
                                                                class="btn btn-sm btn-icon btn-primary btn-round"
                                                                data-toggle="tooltip" data-original-title="Edit">
                                                                <i class="icon md-edit" aria-hidden="true"></i> Edit
                                                            </button>
                                                        @endif

                                                        @if (Auth::user()->id_unit_instalasi == 1)

                                                            <button
                                                                wire:click.prevent="show({{ $row->id_invoice_detail }})"
                                                                type="button" data-target="#delete"
                                                                data-toggle="modal"
                                                                class="btn btn-sm btn-icon btn-primary btn-round"
                                                                data-toggle="tooltip" data-original-title="Delete">
                                                                <i class="icon md-delete" aria-hidden="true"></i>
                                                            </button>
                                                        @endif

                                                    </td>
                                                </tr>
                                                @php
                                                    $total_disc_detail += $row->disc_detail;
                                                    $grand_sub_total += $total_discount;
                                                    $grand_pajak += $row->pajak_detail;
                                                    $grand_total += $row->sub_total_detail;
                                                @endphp
                                            @endforeach
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td>Grandtotal</td>
                                                <td><b>{{ rupiah($grand_sub_total) }}</b></td>
                                                <td>{{ rupiah($grand_pajak) }}</td>
                                                <td><b>{{ rupiah(floor($grand_total)) }}</b></td>
                                                <td></td>
                                            </tr>

                                        </tbody>
                                    </table>
                                    @php
                                        Invoice::findOrFail($this->id_invoice)->update([
                                            'gross_amount' => $grand_total,
                                            'item_details_price' => $grand_sub_total,
                                            'tax' => $grand_pajak,
                                        ]);
                                    @endphp

                                </div>

                                @if (Auth::user()->id_unit_instalasi == 1)

                                    <div class="col-md-12">
                                        <form wire:submit="store" enctype="multipart/form-data">

                                            <hr>
                                            @if (session()->has('pesan'))
                                                <span class="panel-desc"
                                                    style="color: green;">{{ session('pesan') }}</span>
                                            @endif
                                    </div>

                                    <div class="form-group form-material col-md-4">
                                        <label class="form-control-label">Kode Jasa/Produk </label>
                                        <select class="form-control" wire:model.defer="id_produk" required>
                                            <option value="">Select</option>
                                            <option value="KFO1">Penambahan Kabel</option>
                                            <option value="JI">Jasa Instalasi</option>
                                            <option value="BS">Biaya Sewa</option>
                                            <option value="PP">Penjualan Perangkat</option>
                                            <option value="LI">Layanan Internet</option>
                                            <option value="LL">Lain Lain</option>t
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-4">
                                        <label class="form-control-label">Nama Barang/Produk</label>
                                        <input type="text" wire:model.defer="detail_nama_produk"
                                            class="form-control" required>
                                    </div>

                                    <div class="form-group form-material col-md-4">
                                        <label class="form-control-label">Tax</label>
                                        <select wire:model.defer="status_tax" class="form-control">
                                            <option value="">Pilih Status Tax</option>
                                            <option value="{{ env('PPN') }}">Tax</option>
                                            <option value="0">Non Tax</option>
                                        </select>
                                    </div>

                                    <div class="form-group form-material col-md-4">
                                        <label class="form-control-label">QTY</label>
                                        <input type="number" wire:model.defer="qty_detail" class="form-control"
                                            required>
                                    </div>

                                    <div class="form-group form-material col-md-4">
                                        <label class="form-control-label">DPP</label>
                                        <input type="number" wire:model.defer="harga_detail" class="form-control"
                                            required>
                                    </div>

                                    <div class="form-group form-material col-md-2">
                                        <label class="form-control-label">Dicount(%)</label>
                                        <input type="text" wire:model.defer="disc_detail" class="form-control">
                                    </div>
                                    <div class="form-group form-material col-md-2">
                                        <label class="form-control-label">Dicount Plus (%)</label>
                                        <input type="text" wire:model.defer="disc_plus_detail"
                                            class="form-control">
                                    </div>
                                    <div class="form-group form-material col-md-12">
                                        <label class="form-control-label">Catatan</label>
                                        <textarea wire:model.defer="catatan_detail" class="form-control" rows="3"></textarea>
                                    </div>

                                    <div class="col-md-6 float-right">
                                        <button wire:loading.attr="disabled" type="submit"
                                            class="btn btn-primary btn-block">Save</button>
                                        <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                                class="icon md-spinner" aria-hidden="true"></i>
                                            <b>Loading.....</b></span>

                                    </div>

                                    <div class="col-md-6 float-left">
                                        <a href="/finance/invoice">
                                            <button type="button" data-dismiss="modal" aria-label="Close"
                                                class="btn btn-primary btn-block">Close</button>
                                        </a>
                                    </div>

                                    <div class="col-md-12">
                                        </form>
                                        <hr>
                                    </div>

                                @endif
                            </div>
                        </div>
                        <!-- End Panel Kitchen Sink -->
                    </div>
                </div>

            </div>

        </div>
        <!-- End Page -->


        <!-- Modal Edit DELETE -->
        <div wire:ignore.self class="modal fade" id="delete" aria-hidden="true"
            aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
            data-backdrop="static">
            <div class="modal-dialog modal-simple modal-content modal-sm">
                <div class="modal-header">
                    <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                        aria-label="Close">
                        <span aria-hidden="false">×</span>
                    </button>
                    <h4 class="modal-title" id="exampleFormModalLabel" style="color: red;">Anda yakin ingin menghapus
                        data?
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 float-right">
                            <button wire:click.prevent="destroy({{ $id_invoice_detail }})" type="button"
                                wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">Yes</button>
                        </div>
                        <div class="col-md-6 float-left">
                            <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                                class="btn btn-primary btn-block">No</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal DELETE -->

        <!-- Modal Edit Catatan -->
        <div wire:ignore.self class="modal fade" id="catatan" aria-hidden="true"
            aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
            data-backdrop="static">
            <form wire:submit="update({{ $id_invoice_detail }})" enctype="multipart/form-data">
                <div class="modal-dialog modal-simple modal-content modal-sm">
                    <div class="modal-header">
                        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="false">×</span>
                        </button>
                        <h4 class="modal-title" id="exampleFormModalLabel">Tambah Catatan
                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                    class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">

                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Catatan</label>
                                <textarea wire:model.defer="catatan_detail" class="form-control" rows="3"></textarea>
                            </div>

                            <div class="col-md-12">
                                <hr>
                            </div>
                            <div class="col-md-6 float-right">
                                <button wire:loading.attr="disabled" type="submit"
                                    class="btn btn-primary btn-block">Save</button>
                            </div>

                            <div class="col-md-6 float-left">
                                <button type="button" wire:click="ClearForm" data-dismiss="modal"
                                    aria-label="Close" class="btn btn-primary btn-block">Close</button>
                            </div>


                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- End Modal Catatan -->

        <!-- Modal Edit Catatan -->
        <div wire:ignore.self class="modal fade" id="update" aria-hidden="true"
            aria-labelledby="exampleFormModalLabel" role="dialog" tabindex="-1" data-keyboard="false"
            data-backdrop="static">
            <form wire:submit="UpdateProduk({{ $id_invoice_detail }})" enctype="multipart/form-data">
                <div class="modal-dialog modal-simple modal-content modal-lg">
                    <div class="modal-header">
                        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="false">×</span>
                        </button>
                        <h4 class="modal-title" id="exampleFormModalLabel">Edit Produk
                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                    class="icon md-spinner" aria-hidden="true"></i> <b>Loading.....</b></span>
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">


                            @if (Auth::user()->id_unit_instalasi == 1)

                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Kode Jasa/Produk </label>
                                <select class="form-control" wire:model.defer="id_produk" required>
                                    <option value="">Select</option>
                                    <option value="KFO1">Penambahan Kabel</option>
                                    <option value="JI">Jasa Instalasi</option>
                                    <option value="BS">Biaya Sewa</option>
                                    <option value="PP">Penjualan Perangkat</option>
                                    <option value="LI">Layanan Internet</option>
                                    <option value="LL">Lain Lain</option>
                                </select>

                            </div>
                            @endif


                            @if (Auth::user()->id_unit_instalasi == 1)
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Nama Barang/Produk</label>
                                <input type="text" wire:model.defer="detail_nama_produk" class="form-control"
                                    required>
                            </div>
                            @else
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Nama Barang/Produk</label>
                                <input type="text" wire:model.defer="detail_nama_produk" class="form-control"
                                    readonly>
                            </div>
                            @endif

                            @if (Auth::user()->id_unit_instalasi == 1)
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Tax</label>
                                <select wire:model.defer="status_tax" class="form-control">
                                    <option value="">Pilih Status Tax</option>
                                    <option value="{{ env('PPN') }}">Tax</option>
                                    <option value="0">Non Tax</option>
                                </select>
                            </div>
                            @endif

                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">QTY</label>
                                <input type="number" wire:model.defer="qty_detail" class="form-control" required>
                            </div>

                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">DPP</label>
                                <input type="number" wire:model.defer="harga_detail" class="form-control" required>
                            </div>

                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Dicount (%)</label>
                                <input type="text" wire:model.defer="disc_detail" class="form-control">
                            </div>

                            @if (Auth::user()->id_unit_instalasi == 1)
                            <div class="form-group form-material col-md-6">
                                <label class="form-control-label">Dicount Plus (%)</label>
                                <input type="text" wire:model.defer="disc_plus_detail" class="form-control">
                            </div>
                            @endif

                            <div class="form-group form-material col-md-12">
                                <label class="form-control-label">Catatan</label>
                                <textarea wire:model.defer="catatan_detail" class="form-control" rows="3"></textarea>
                            </div>

                            <div class="col-md-6 float-right">
                                <button wire:loading.attr="disabled" type="submit"
                                    class="btn btn-primary btn-block">Save</button>
                                <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                        class="icon md-spinner" aria-hidden="true"></i>
                                    <b>Loading.....</b></span>

                            </div>

                            <div class="col-md-6 float-left">
                                <button type="button" wire:click="ClearForm" data-dismiss="modal"
                                    aria-label="Close" class="btn btn-primary btn-block">Close</button>
                            </div>


                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- End Modal Catatan -->

    </div>

</div>