@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="">
                        <h4>Konversi dan Jaminan</h4>
                        <p class="f-m-light mt-1">Page for Konversi dan Jaminan</p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive theme-scrollbar">
                    <table class="display table-bordered" id="export-button">
                        <thead>
                            <tr class="bg-light-warning text-dark">
                                <th>Invoice No</th>
                                <th>Invoice Date</th>
                                <th>GR No</th>
                                <th>GR Date</th>
                                <th>Material Code</th>
                                <th>GR Qty</th>
                                <th>UoM</th>
                                <th>Total Pemakaian</th>
                                <th>UoM</th>
                                <th>Sisa</th>
                                <th>UoM</th>
                                <th>OP No</th>
                                <th>OP Date</th>
                                <th>BOM No</th>
                                <th>BOM Start Date</th>
                                <th>Qty Kebutuhan</th>
                                <th>UoM</th>
                                <th>Pemakaian</th>
                                <th>UoM</th>
                                <th>Masih Membutuhkan</th>
                                <th>UoM</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $materialCode => $grs)
                                @foreach ($grs as $gr)
                                    @foreach ($gr['bom_usages'] as $usage)
                                        <tr>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['invoice_no'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['invoice_date'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['no'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['date'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $materialCode }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['qty'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $usage['material_uom'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['total_usages'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $usage['material_uom'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $gr['balance'] }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($loop->first)
                                                    {{ $usage['material_uom'] }}
                                                @endif
                                            </td>
                                            <td>{{ $usage['op_no'] }}</td>
                                            <td>{{ $usage['op_date'] }}</td>
                                            <td>{{ $usage['bom_no'] }}</td>
                                            <td>{{ $usage['bom_start_date'] }}</td>
                                            <td>{{ $usage['qty'] }}</td>
                                            <td>{{ $usage['material_uom'] }}</td>
                                            <td>{{ $usage['used'] }}</td>
                                            <td>{{ $usage['material_uom'] }}</td>
                                            <td>{{ $usage['remaining'] }}</td>
                                            <td>{{ $usage['material_uom'] }}</td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="/assets/js/datatable/datatables/jquery.dataTables.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/dataTables.buttons.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/jszip.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/buttons.colVis.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/pdfmake.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/vfs_fonts.js"></script>
    <script src="/assets/js/datatable/datatable-extension/dataTables.autoFill.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/dataTables.select.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/buttons.bootstrap4.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/buttons.html5.min.js"></script>
    <script src="/assets/js/datatable/datatable-extension/buttons.print.min.js"></script>
    <script>
        $("#export-button").DataTable({
            dom: "Bfrtip",
            buttons: ["excelHtml5", "csvHtml5"],
            ordering: false,
        });
    </script>
@endsection