@extends('layouts.app')

@section('content')
<div class="container mt-4">

    @php
        $existingElsewhere = session('existingElsewhere') ?? [];
        $serials = session('existingSerials') ?? collect();
        $prefixResults = session('prefixResults') ?? [];
        $lastClients = session('lastClients') ?? [];
    @endphp

    @if(!empty($existingElsewhere))
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>Attention :</strong> Ces numéros de série existent déjà pour un autre utilisateur :
            <ul class="mb-0">
                @foreach($existingElsewhere as $serialValue)
                    <li><span class="badge badge-warning">{{ $serialValue }}</span></li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif


    @isset($totalInput)
        <div class="mb-2">
            <span class="badge badge-info">Total saisi : {{ $totalInput }}</span>
        </div>
    @endisset

    @if(session('printRepairMulti'))
        <div class="alert alert-success mt-3">
            <strong>Des produits ont été passés en réparation.</strong><br>
            <a href="{{ route('serials.printRepairMulti') }}" target="_blank" class="btn btn-primary btn-sm mt-2">Imprimer le récapitulatif multi-produits</a>
            @if(session('printRepairSNs'))
                <div class="mt-2">
                    @foreach(session('printRepairSNs') as $sn)
                        <a href="{{ route('serials.printRepair', ['sn' => $sn]) }}" target="_blank" class="btn btn-outline-secondary btn-sm mb-1">Imprimer la fiche individuelle SN {{ $sn }}</a><br>
                    @endforeach
                </div>
            @endif
        </div>
    @endif

    <form method="POST" action="{{ route('serials.bulkUpdate') }}">
        @csrf
        <div class="table-responsive">
            <table id="serialsTable" class="table table-bordered table-hover align-middle">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Préfixe</th>
                        <th>Numéro de série</th>
                        <th>Modèle</th>
                        <th>Utilisateur</th>
                        <th>Historique</th>
                        <th>Garantie</th>
                        <th>État / Réparation</th>
                        <th>Sélectionner</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($serials as $serial)
                        @php
                            $user = auth()->user();
                            $sn = is_array($serial) ? ($serial['sn'] ?? '') : ($serial->sn ?? '');
                            $date = is_array($serial) ? ($serial['date'] ?? 'N/A') : ($serial->date ?? 'N/A');
                            $prefix = is_array($serial) ? ($serial['prefix'] ?? 'N/A') : ($serial->prefix ?? 'N/A');
                            $model = is_array($serial) ? ($serial['model_name'] ?? 'N/A') : ($serial->model_name ?? 'N/A');
                            $username = is_array($serial) ? ($serial['user_name'] ?? 'Inconnu') : ($serial->user_name ?? 'Inconnu');
                            $state = is_array($serial) ? ($serial['state'] ?? 'N/A') : ($serial->state ?? 'N/A');
                            $isUnderWarranty = is_array($serial) ? ($serial['is_under_warranty'] ?? false) : ($serial->is_under_warranty ?? false);
                            $rowUserId = is_array($serial) ? ($serial['id_user'] ?? null) : ($serial->id_user ?? null);
                            $isMine = $user && (!empty($user->is_admin) || $rowUserId == $user->id);
                        @endphp

                        <tr>
                            <td>{{ $date }}</td>
                            <td>{{ $prefix }}</td>
                            <td>{{ $sn }}</td>
                            <td>{{ $model }}</td>
                            <td>{{ $username }}</td>
                            <td>
                                <a href="{{ route('pages.serials.history', ['sn' => $sn]) }}" class="btn btn-info btn-sm">
                                    Voir l'historique
                                </a>
                            </td>
                            <td>
                                @if($isUnderWarranty)
                                    <span class="badge badge-success">Sous garantie</span>
                                @else
                                    <span class="badge badge-danger">Hors garantie</span>
                                @endif
                            </td>
                            <td>
                                @if(!$isMine)
                                    <span class="badge badge-secondary">Accès refusé</span>
                                @else
                                    <select name="states[{{ $sn }}]" class="form-control form-control-sm state-select auto-select-row" data-sn="{{ $sn }}">
                                        <option value="neuf" {{ $state == 'neuf' ? 'selected' : '' }}>Neuf</option>
                                        <option value="occasion" {{ $state == 'occasion' ? 'selected' : '' }}>Occasion</option>
                                        <option value="reparation" {{ $state == 'reparation' ? 'selected' : '' }}>En réparation</option>
                                        <option value="N/A" {{ $state == 'N/A' ? 'selected' : '' }}>À vérifier</option>
                                    </select>
                                    <div id="repair-{{ $sn }}" class="mt-2" @if($state !== 'reparation') style="display:none;" @endif>
                                        <select name="repair_reasons[{{ $sn }}]" class="form-control form-control-sm auto-select-row" data-sn="{{ $sn }}">
                                            <option value="">Choisir une raison</option>
                                            <option value="Dont start">Dont start</option>
                                            <option value="Red Led">Red Led</option>
                                            <option value="HDMI Problem">HDMI Problem</option>
                                            <option value="Blocked">Blocked</option>
                                            <option value="Ethernet Problem">Ethernet Problem</option>
                                            <option value="Green Screen on Startup">Green Screen on Startup</option>
                                            <option value="No image">No image</option>
                                            <option value="Out after 15 minutes">Out after 15 minutes</option>
                                            <option value="USB Problem">USB Problem</option>
                                            <option value="Shut Down">Shut Down</option>
                                            <option value="Restart">Restart</option>
                                            <option value="Heat">Heat</option>
                                            <option value="Black Screen">Black Screen</option>
                                            <option value="Update Problem">Update Problem</option>
                                        </select>
                                    </div>
                                @endif
                            </td>
                            <td class="text-center">
                                @if($isMine)
                                    <input type="checkbox" name="selected_serials[]" value="{{ $sn }}" class="serial-checkbox" id="check-{{ $sn }}">
                                @else
                                    <input type="checkbox" disabled>
                                    <span class="badge badge-secondary">Accès refusé</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach

                    @foreach($prefixResults as $missing)
                        @php
                            $sn = is_array($missing) ? ($missing['sn'] ?? '') : ($missing->sn ?? '');
                            $prefix = is_array($missing) ? ($missing['prefix'] ?? 'Préfixe inexistant') : ($missing->prefix ?? 'Préfixe inexistant');
                            $model = is_array($missing) ? ($missing['model_name'] ?? 'N/A') : ($missing->model_name ?? 'N/A');
                        @endphp
                        <tr>
                            <td>N/A</td>
                            <td>{{ $prefix }}</td>
                            <td>{{ $sn }}</td>
                            <td>{{ $model }}</td>
                            <td>Inconnu</td>
                            <td><span class="badge badge-secondary">Introuvable</span></td>
                            <td><span class="badge badge-danger">Hors garantie</span></td>
                            <td><span class="badge badge-secondary">Accès refusé</span></td>
                            <td class="text-center">
                                <input type="checkbox" disabled>
                                <span class="badge badge-secondary">Accès refusé</span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <button type="submit" class="btn btn-success mt-3">Valider les modifications</button>
    </form>

    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.state-select').forEach(function (select) {
                select.addEventListener('change', function () {
                    var sn = this.getAttribute('data-sn');
                    var repairDiv = document.getElementById('repair-' + sn);
                    if (this.value === 'reparation') {
                        repairDiv && (repairDiv.style.display = 'block');
                    } else {
                        repairDiv && (repairDiv.style.display = 'none');
                    }
                });
            });
            document.querySelectorAll('.auto-select-row').forEach(function (el) {
                el.addEventListener('change', function () {
                    var sn = this.dataset.sn;
                    var checkbox = document.getElementById('check-' + sn);
                    if (checkbox) {
                        checkbox.checked = true;
                    }
                });
            });
            if (window.jQuery && $.fn.DataTable) {
                $('#serialsTable').DataTable({
                    paging: true,
                    searching: true,
                    ordering: true
                });
            }
        });
    </script>
</div>
@endsection