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

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid py-4">
        <div class="card mb-4">
            <div class="card-header">
                <button class="btn btn-secondary mb-0" onclick="history.back()">
                    <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                </button>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Report Log Aktivitas IT</h5>
            </div>
            <hr class="horizontal dark mt-0">
            <div class="card-body pt-0">
                <div class="table-responsive">
                    <table class="table display table-hover table-bordered" id="list_{{ $dmenu }}">
                        <thead style="background-color: #00b7bd4f;">
                            <tr>
                                <th>No.</th>
                                <th>ID Log</th>
                                <th>Jenis</th>
                                <th>Qty</th>
                                <th>IT Download</th>
                                <th>Waktu Download</th>
                                <th>IT Konfirmasi</th>
                                <th>Waktu Konfirmasi</th>
                                <th>Alasan Konfirmasi</th>
                                <th>Berhasil</th>
                                <th>Gagal</th>
                                <th>Pending</th>
                                <th>Durasi</th>
                                <th>Detail</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($logs as $log)
                                @php
                                    $seconds = $log->duration_seconds === null ? null : (int) $log->duration_seconds;
                                    $duration = 'Sedang diproses';
                                    if ($seconds !== null) {
                                        $parts = [];
                                        $days = intdiv($seconds, 86400);
                                        $hours = intdiv($seconds % 86400, 3600);
                                        $minutes = intdiv($seconds % 3600, 60);
                                        if ($days) {
                                            $parts[] = $days . ' hari';
                                        }
                                        if ($hours) {
                                            $parts[] = $hours . ' jam';
                                        }
                                        if ($minutes) {
                                            $parts[] = $minutes . ' menit';
                                        }
                                        if (!$parts) {
                                            $parts[] = $seconds % 60 . ' detik';
                                        }
                                        $duration = implode(' ', $parts);
                                    }
                                @endphp
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $log->id }}</td>
                                    <td>{{ $log->ket }}</td>
                                    <td style="text-align: right">{{ $log->qty }}</td>
                                    <td>{{ $log->it_download }}</td>
                                    <td>{{ $log->downloaded_at }}</td>
                                    <td>{{ $log->it_up ?: '-' }}</td>
                                    <td>{{ $seconds === null ? '-' : $log->up_at }}</td>
                                    <td style="white-space: normal; min-width: 180px">{{ $log->alasan_konfirmasi ?: '-' }}</td>
                                    <td style="text-align: right">{{ $log->total_berhasil }}</td>
                                    <td style="text-align: right">{{ $log->total_gagal }}</td>
                                    <td style="text-align: right">{{ $log->total_pending }}</td>
                                    <td>{{ $duration }}</td>
                                    <td><button class="btn btn-sm btn-primary mb-0" data-bs-toggle="modal"
                                            data-bs-target="#detail-{{ $log->id }}">Detail</button></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    @foreach ($logs as $log)
        <div class="modal fade" id="detail-{{ $log->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-scrollable">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Detail Batch #{{ $log->id }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Kode Material</th>
                                        <th>UOM</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($detailsByLog->get((string) $log->id, collect()) as $detail)
                                        @php $badge = ['PENDING' => 'warning text-dark', 'BERHASIL' => 'success', 'GAGAL' => 'danger'][$detail->status] ?? 'secondary'; @endphp
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $detail->code }}</td>
                                            <td>{{ $detail->uom }}</td>
                                            <td><span class="badge bg-{{ $badge }}">{{ $detail->status }}</span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center">Tidak ada detail.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            const tableSelector = '#list_{{ $dmenu }}';
            if ($.fn.DataTable.isDataTable(tableSelector)) {
                return;
            }

            $(tableSelector).DataTable({
                order: [
                    [1, 'desc']
                ],
                pageLength: 20,
                dom: 'Bfrtip',
                buttons: [
                    @if ($authorize->excel == '1')
                        {
                            extend: 'excelHtml5',
                            text: '<i class="fas fa-file-excel me-1"></i> Excel',
                            exportOptions: {
                                columns: ':not(:last-child)'
                            }
                        },
                    @endif
                    @if ($authorize->pdf == '1')
                        {
                            extend: 'pdfHtml5',
                            text: '<i class="fas fa-file-pdf me-1"></i> PDF',
                            exportOptions: {
                                columns: ':not(:last-child)'
                            }
                        },
                    @endif
                    @if ($authorize->print == '1')
                        {
                            extend: 'print',
                            text: '<i class="fas fa-print me-1"></i> Print',
                            exportOptions: {
                                columns: ':not(:last-child)'
                            }
                        },
                    @endif
                ]
            });
            $('.dt-button').addClass('btn btn-secondary').removeClass('dt-button');
        });
    </script>
@endpush