@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Detail Form Permintaan Pembelian'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="p-3 mt-3 d-flex justify-content-start gap-2">
                        <!-- Tombol Kembali -->
                        <a href="{{ route('fppIndex') }}" class="btn btn-secondary">
                            Kembali
                        </a>

                        @if ($header->status === 'E')
                            <button type="button" class="btn btn-sm btn-warning" title="Edit Data"
                                onclick="window.location='{{ url($url_menu . '/edit') }}/{{ $header->idtrans }}'">
                                <i class="fas fa-edit me-1"></i> Edit
                            </button>
                        @endif


                        <!-- Tombol Download PDF hanya jika status = 'A' -->
                        @if ($header->status === 'A' || $header->status === 'F' || $header->status === 'P')
                            <!-- Periksa apakah status sudah Approved atau Finished -->
                            <button id="download-pdf" class="btn btn-danger d-flex align-items-center">
                                <i class="fas fa-file-pdf me-2"></i>
                                <span>Download PDF</span>
                            </button>
                            <button id="save-all-assets" class="btn btn-primary"><i class="fas fa-save"></i> Simpan
                                Kode Aset
                            </button>
                        @endif
                    </div>
                    <div class="card-header text-center">
                        <h5 class="mb-0 text-uppercase">Form Permintaan Pembelian (PP) Alat Penunjang</h5>
                    </div>
                    <div class="card-body">
                        <!-- Informasi Header -->
                        <p><strong>ID:</strong> {{ $header->idtrans }}</p>
                        <p><strong>Department:</strong> {{ $header->department }}</p>
                        <p><strong>Tanggal:</strong> {{ \Carbon\Carbon::parse($header->date)->translatedFormat('d F Y') }}
                        </p>
                        <!-- Tombol Simpan Semua -->

                        <div class="table-responsive">
                            <!-- Tabel Detail -->
                            <table class="table table-bordered">
                                <thead class="text-center align-middle">
                                    <tr>
                                        @if ($header->status === 'A' || $header->status === 'P')
                                            <th rowspan="2" style="width: 5%;">Action</th>
                                        @endif

                                        <th rowspan="2" style="width: 5%;">No</th>
                                        <th rowspan="2" style="width: 5%;">Type Barang</th>

                                        <th rowspan="2" style="width: 20%;">Uraian Barang</th>
                                        <th rowspan="2" style="width: 4%;">Jenis</th>
                                        <th colspan="2" style="width: 10%;">Jumlah</th>
                                        <th rowspan="2" style="width: 15%;">Keperluan</th>
                                        <th rowspan="2" style="width: 10%;">Tgl Dibutuhkan</th>
                                        <th rowspan="2" style="width: 6%;">Contoh Barang</th>
                                        <th rowspan="2" style="width: 15%;">Keterangan</th>
                                        <th rowspan="2" style="width: 15%;">Urgency</th>

                                        @if ($header->status === 'A' || $header->status === 'P')
                                            <th rowspan="2" style="width: 5%;">Kode Aset</th>
                                        @endif
                                        <th rowspan="2" style="width: 5%;">Status</th>
                                    </tr>
                                    <tr>
                                        <th style="width: 5%;">QTY</th>
                                        <th style="width: 5%;">Satuan</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($details as $index => $detail)
                                        @php
                                            // Tentukan kelas CSS berdasarkan status
                                            $rowClass = '';
                                            if ($detail->status === 'F') {
                                                $rowClass = 'table-success'; // Hijau untuk "Diterima"
                                            } elseif ($detail->status === 'C') {
                                                $rowClass = 'table-danger'; // Merah untuk "Cancel"
                                            }
                                        @endphp
                                        <tr class="{{ $rowClass }}">
                                            @if ($header->status === 'A' || $header->status === 'P')
                                                <td class="text-center align-middle">
                                                    <div class="d-flex justify-content-center align-items-center gap-3">
                                                        @if (!in_array($detail->status, ['F', 'C', 'CL']))
                                                            <form id="status-change-form-{{ $detail->id }}"
                                                                action="{{ route('formpp.changestatus', $detail->id) }}"
                                                                method="POST" style="display: none;">
                                                                @csrf
                                                                @method('PATCH')
                                                                <input type="hidden"
                                                                    id="status-change-input-{{ $detail->id }}"
                                                                    name="status" value="">
                                                            </form>
                                                            <!-- Tombol hanya ditampilkan jika status bukan 'F' atau 'C' -->
                                                            <button type="button" class="btn btn-warning btn-sm"
                                                                title="Mark as Finished"
                                                                onclick="confirmStatusChange('{{ $detail->id }}', 'CL', 'Close', 'Item ini akan di close.')">
                                                                <i class="fas fa-check"></i> Close
                                                            </button>
                                                            @if (!in_array($detail->status, ['P']))
                                                                <button type="button" class="btn btn-danger btn-sm"
                                                                    title="Mark as Cancelled"
                                                                    onclick="confirmStatusChange('{{ $detail->id }}', 'C', 'Dibatalkan', 'Item ini akan di batalkan.')">
                                                                    <i class="fas fa-times"></i> Cancel
                                                                </button>
                                                            @endif
                                                        @endif

                                                    </div>
                                                </td>
                                            @endif
                                            <td class="text-center">{{ $loop->iteration }}</td>
                                            <td class="text-center align-middle">{{ $detail->tbname }}</td>
                                            <td class="align-middle">{{ $detail->uraian }}</td>
                                            <td class="align-middle">{{ $detail->type }}</td>
                                            <td class="text-center align-middle">{{ $detail->quantity }}</td>
                                            <td class="text-center align-middle">{{ $detail->satuan }}</td>
                                            <td class="align-middle">{{ $detail->purpose }}</td>
                                            <td class="text-center align-middle">
                                                {{ $detail->required_date ? \Carbon\Carbon::parse($detail->required_date)->translatedFormat('d F Y') : '' }}
                                            </td>
                                            <td class="text-center align-middle">
                                                @if ($detail->sample_available == 1)
                                                    <span class="badge bg-success">Ada</span>
                                                @else
                                                    <span class="badge bg-danger">Tidak Ada</span>
                                                @endif
                                            </td>
                                            <td class="align-middle">{{ $detail->notes }}</td>


                                            <td>
                                                <div class="d-flex justify-content-center">
                                                    <div class="form-check">
                                                        @if ($detail->urgency === '1')
                                                            <input class="form-check-input" type="checkbox" checked
                                                                disabled>
                                                        @else
                                                            <input class="form-check-input" type="checkbox" disabled>
                                                        @endif
                                                        <label class="form-check-label ms-1">Ya. Urgent</label>
                                                    </div>
                                                </div>
                                            </td>

                                            @if ($header->status === 'A' || $header->status === 'P')
                                                <td class="align-middle">
                                                    <form id="kode-aset-form-{{ $detail->id }}"
                                                        action="{{ route('formpp.updateKodeAset', $detail->id) }}"
                                                        method="POST" style="display: none;">
                                                        @csrf
                                                        @method('PATCH')
                                                        <input type="hidden" name="kode_aset"
                                                            id="kode-aset-input-{{ $detail->id }}" value="">
                                                    </form>
                                                    <div class="d-flex">
                                                        <input type="text" class="form-control kode-aset-input"
                                                            id="kode-aset-{{ $detail->id }}"
                                                            value="{{ $detail->kode_aset }}" maxlength="10"
                                                            @if ($detail->type_barang != '2') disabled @endif>
                                                    </div>
                                                </td>
                                            @endif

                                            <td style="text-align: center">
                                                @if ($detail->status === 'F')
                                                    <span class="badge bg-success">Finish</span>
                                                @elseif ($detail->status === 'C')
                                                    <span class="badge bg-danger">Cancel</span>
                                                @elseif ($detail->status === 'P')
                                                    <span class="badge"
                                                        style="background-color:  	#FF8C00;">Partial</span>
                                                @elseif($detail->status === 'E')
                                                    <span class="badge bg-primary">Entry</span>
                                                @elseif($detail->status === 'CL')
                                                    <span class="badge bg-info">Close</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <!-- Tanda Tangan -->
                        <div class="row mt-4">
                            <div class="col text-center">
                                <p>Diminta oleh,</p>
                                <br>
                                <p>(________________________)</p>
                            </div>
                            <div class="col text-center">
                                <p>Mengetahui,</p>
                                <br>
                                <p>(________________________)</p>
                                <p>Kepala Dept Ybs.</p>
                            </div>
                            <div class="col text-center">
                                <p>Diterima oleh,</p>
                                <br>
                                <p>(________________________)</p>
                                <p>HRGA</p>
                            </div>
                        </div>

                        <!-- Catatan -->
                        <p class="note">Note: Bagi user yang kurang memahami mengenai spesifikasi barang yang direquest,
                            dapat memberikan penjelasan langsung kepada bagian Purchasing.<br>
                            * Coret yang tidak perlu</p>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js"></script>
    <script>
        document.getElementById('save-all-assets').addEventListener('click', function() {
            const assetData = {};

            // Ambil semua input kode aset
            document.querySelectorAll('.kode-aset-input').forEach(input => {
                const id = input.id.split('-')[2]; // Ambil ID dari input
                const value = input.value.trim();
                if (value) {
                    assetData[id] = value; // Simpan ID dan nilai kode aset
                }
            });

            if (Object.keys(assetData).length === 0) {
                Swal.fire('Peringatan', 'Tidak ada Kode Aset yang diisi.', 'warning');
                return;
            }

            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah Anda yakin ingin menyimpan semua Kode Aset?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Ya, Simpan',
                cancelButtonText: 'Batal',
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#d33',
            }).then((result) => {
                if (result.isConfirmed) {
                    // Kirim data ke server
                    fetch('{{ route('formpp.saveAllKodeAset') }}', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                            },
                            body: JSON.stringify({
                                kode_aset: assetData
                            }),
                        })
                        .then(response => response.json())
                        .then(data => {
                            if (data.success) {
                                Swal.fire('Berhasil', data.message, 'success').then(() => location
                                    .reload());
                            } else {
                                Swal.fire('Gagal', data.message, 'error');
                            }
                        })
                        .catch(error => {
                            console.error('Error:', error);
                            Swal.fire('Error', 'Terjadi kesalahan pada server.', 'error');
                        });
                }
            });
        });

        function confirmStatusChange(id, status, action, message) {
            Swal.fire({
                title: 'Konfirmasi',
                text: message,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: `Ya, ${action}`,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#d33',
            }).then((result) => {
                if (result.isConfirmed) {
                    // Set nilai status di input tersembunyi
                    document.getElementById(`status-change-input-${id}`).value = status;

                    // Submit form
                    document.getElementById(`status-change-form-${id}`).submit();
                }
            });
        }

        document.getElementById('download-pdf').addEventListener('click', function() {
            var rowIndex = 1;
            var docDefinition = {
                pageOrientation: 'portrait',
                content: [{
                        text: 'Form Permintaan Pembelian (PP) Alat Penunjang',
                        style: 'header',
                        alignment: 'center',
                    },
                    '\n\n',
                    {
                        text: `Department: {{ $header->department }}\nTanggal: {{ \Carbon\Carbon::parse($header->date)->translatedFormat('d F Y') }}`,
                        style: 'subheader',
                    },

                    '\n\n',
                    {
                        table: {
                            widths: [20, 100, 50, 25, 27, 125, 42, 20, 20,
                                '*'
                            ], // Setiap kolom melebar secara proporsional
                            body: [
                                [{
                                        text: 'No',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                    {
                                        text: 'Uraian Barang',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                    {
                                        text: 'Jenis/Type/Merk/Ukuran',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                    {
                                        text: 'Jumlah',
                                        colSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 20, 0, 0],
                                    },
                                    '',
                                    {
                                        text: 'Keperluan',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                    {
                                        text: 'Tgl Dibutuhkan',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                    {
                                        text: 'Contoh Barang / Sample / Penawaran',
                                        colSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 4, 0, 4],
                                    },
                                    '',
                                    {
                                        text: 'Keterangan',
                                        rowSpan: 2,
                                        alignment: 'center',
                                        bold: true,
                                        margin: [0, 25, 0, 0],
                                    },
                                ],
                                [
                                    '', '', '', // Kolom kosong dari baris pertama
                                    {
                                        text: 'QTY',
                                        alignment: 'center',
                                        bold: true,
                                    },
                                    {
                                        text: 'Satuan',
                                        alignment: 'center',
                                        bold: true,
                                    },
                                    '', '', // Kolom kosong dari baris pertama
                                    {
                                        text: 'Ada',
                                        alignment: 'center',
                                        bold: true,
                                    },
                                    {
                                        text: 'Tidak Ada',
                                        alignment: 'center',
                                        bold: true,
                                    },
                                    '', // Kolom kosong dari baris pertama
                                ],
                                @foreach ($details as $index => $detail)
                                    @if ($detail->status !== 'C')
                                        [{
                                                text: rowIndex++,
                                                alignment: 'center'
                                            },
                                            {
                                                text: '{{ $detail->uraian }}',
                                                alignment: 'left',

                                            },
                                            {
                                                text: '{{ $detail->type }}',
                                                alignment: 'center',

                                            },
                                            {
                                                text: '{{ $detail->quantity }}',
                                                alignment: 'center',

                                            },
                                            {
                                                text: '{{ $detail->satuan }}',
                                                alignment: 'center',

                                            },
                                            {
                                                text: '{{ $detail->purpose }}',
                                                alignment: 'center',

                                            },
                                            {
                                                text: '{{ $detail->required_date ? \Carbon\Carbon::parse($detail->required_date)->translatedFormat('d F Y') : '' }}',
                                                alignment: 'center',

                                            },
                                            @if ($detail->sample_available == 1)
                                                {
                                                    image: 'data:image/png;base64,' +
                                                        "{{ base64_encode(file_get_contents(storage_path('app/public/centang.png'))) }}",
                                                    alignment: 'center',
                                                    width: 10,
                                                    height: 10,
                                                    margin: [0, 5, 0, 5],
                                                },
                                            @else
                                                {
                                                    text: '', // Kosong jika tidak ada gambar
                                                    alignment: 'center',
                                                },
                                            @endif

                                            @if ($detail->sample_available == 0)
                                                {
                                                    image: 'data:image/png;base64,' +
                                                        "{{ base64_encode(file_get_contents(storage_path('app/public/centang.png'))) }}",
                                                    alignment: 'center',
                                                    width: 10,
                                                    height: 10,
                                                    margin: [0, 5, 0, 5],
                                                },
                                            @else
                                                {
                                                    text: '', // Kosong jika tidak ada gambar
                                                    alignment: 'center',
                                                },
                                            @endif {
                                                text: '{{ $detail->notes }}',
                                                alignment: 'left',

                                            },
                                        ],
                                    @endif
                                @endforeach
                            ],
                        },

                    },
                    '\n\n',
                    {
                        columns: [{
                                text: 'Diminta oleh:\n\n\n\n(________________________)',
                                alignment: 'center',
                                style: 'sign',
                            },
                            {
                                text: 'Mengetahui:\n\n\n\n(________________________)\nKepala Dept Ybs.',
                                alignment: 'center',
                                style: 'sign',
                            },
                            {
                                text: 'Diterima oleh:\n\n\n\n(________________________)\nHRGA',
                                alignment: 'center',
                                style: 'sign',
                            },
                        ],
                    },
                    '\n\n',
                    {
                        text: 'Note: Bagi user yang kurang memahami mengenai spesifikasi barang yang direquest, dapat memberikan penjelasan langsung kepada bagian Purchasing.\n* Coret yang tidak perlu',
                        style: 'note',
                        alignment: 'left',
                    },
                ],
                styles: {
                    header: {
                        fontSize: 14,
                        bold: true,
                    },
                    subheader: {
                        fontSize: 8,
                        margin: [0, 6, 0, 6],
                    },
                    note: {
                        fontSize: 8,
                        // margin: [0, 25, 0, 0],
                    },
                    sign: {
                        fontSize: 8,
                        // margin: [0, 25, 0, 0],
                    },
                    icon: {
                        font: 'Arial',
                        fontSize: 14,
                        color: 'black'
                    },
                },
                defaultStyle: {
                    fontSize: 8, // Ukuran font default body
                    margin: [0, 4, 0, 4],
                },
                pageMargins: [10, 20, 10, 20],
                pageSize: 'A4',
            };

            pdfMake.createPdf(docDefinition).open();
        });
    </script>
@endsection