@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
    <div class="content container-fluid">

        @component('components.breadcrumb')
            @slot('title')
                Pending Inventory Summary
            @endslot
        @endcomponent

        <div class="row mb-4">
            <div class="col-md-4">
                <div class="alert alert-primary text-center">
                    <h5>Pending Proto</h5>
                    <h2>{{ $protoCount }}</h2>
                </div>
            </div>
            <div class="col-md-4">
                <div class="alert alert-success text-center">
                    <h5>Pending SIM</h5>
                    <h2>{{ $simCount }}</h2>
                </div>
            </div>
            <div class="col-md-4">
                <div class="alert alert-warning text-center">
                    <h5>Pending FI</h5>
                    <h2>{{ $fiCount }}</h2>
                </div>
            </div>
        </div>

        <!-- Tabs -->
        <ul class="nav nav-tabs mb-3" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#proto">Proto</a></li>
            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#sim">SIM</a></li>
            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#fi">Fixed Inventory</a></li>
        </ul>

        <div class="tab-content">

            <!-- Proto Tab -->
            <div id="proto" class="tab-pane active">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">Pending Proto</h4></div>
                    <div class="card-body">
                        @if(count($pendingProto))
                            <div class="table-responsive custom-table">
                                <table class="table" id="protoTable">
                                    <thead>
                                        <tr>
                                            <th>Make</th>
                                            <th>Model</th>
                                            <th>Serial</th>
                                            <th>IMEI 1</th>
                                            <th>IMEI 2</th>
                                            <th>MQT</th>
                                            <th>Location</th>
                                            <th>Received From</th>
                                            <th>Received At</th>
                                            <th>Remarks</th>
                                            <th>Attachment</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pendingProto as $item)
                                            <tr>
                                                <td>{{ $item['proto']['make'] }}</td>
                                                <td>{{ $item['proto']['model'] }}</td>
                                                <td>{{ $item['proto']['serial'] }}</td>
                                                <td>{{ $item['proto']['imei_1'] }}</td>
                                                <td>{{ $item['proto']['imei_2'] }}</td>
                                                <td>{{ $item['proto']['mqt'] }}</td>
                                                <td>{{ $item['proto']['location'] }}</td>
                                                <td>{{ $item['proto']['received_from'] }}</td>
                                                <td>{{ $item['proto']['received_at'] }}</td>
                                                <td>{{ $item['proto']['remarks'] }}</td>
                                                <td>
                                                    @if($item['proto']['attachment'])
                                                        <a href="{{ url($item['proto']['attachment']) }}" target="_blank">View</a>
                                                    @else
                                                        N/A
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p>No pending proto records found.</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- SIM Tab -->
            <div id="sim" class="tab-pane fade">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">Pending SIM</h4></div>
                    <div class="card-body">
                        @if(count($pendingSim))
                            <div class="table-responsive custom-table">
                                <table class="table" id="simTable">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Allocation ID</th>
                                            <th>Project ID</th>
                                            <th>SIM ID</th>
                                            <th>Returned At</th>
                                            <th>Created At</th>
                                            <th>Updated At</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pendingSim as $sim)
                                            <tr>
                                                <td>{{ $sim['id'] }}</td>
                                                <td>{{ $sim['allocation_id'] }}</td>
                                                <td>{{ $sim['project_id'] }}</td>
                                                <td>{{ $sim['sim_id'] }}</td>
                                                <td>{{ $sim['returned_at'] ?? 'N/A' }}</td>
                                                <td>{{ \Carbon\Carbon::parse($sim['created_at'])->format('Y-m-d H:i') }}</td>
                                                <td>{{ \Carbon\Carbon::parse($sim['updated_at'])->format('Y-m-d H:i') }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p>No pending SIM records found.</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- FI Tab -->
            <div id="fi" class="tab-pane fade">
                <div class="card">
                    <div class="card-header"><h4 class="card-title">Pending Fixed Inventory</h4></div>
                    <div class="card-body">
                        @if(count($pendingFI))
                            <div class="table-responsive custom-table">
                                <table class="table" id="fiTable">
                                    <thead>
                                        <tr>
                                            @foreach(array_keys($pendingFI[0]) as $column)
                                                <th>{{ ucfirst(str_replace('_', ' ', $column)) }}</th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pendingFI as $fi)
                                            <tr>
                                                @foreach($fi as $value)
                                                    <td>{{ $value }}</td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <p>No pending FI records found.</p>
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    initDataTableWithFilters('protoTable');
    initDataTableWithFilters('simTable');
    initDataTableWithFilters('fiTable');
</script>
@endpush