@extends('layouts.app')


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


    @php
        $existingElsewhere = session('existingElsewhere') ?? [];
        $serials = session('existingSerials') ?? collect();
        $prefixResults = session('prefixResults') ?? [];
        $lastClients = session('lastClients') ?? [];
        $snMaxLength = isset($snMaxLength) ? (int) $snMaxLength : 20;
    @endphp

    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ $errors->first() }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if(!empty($existingElsewhere))
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>Attention :</strong> Ces numeros de serie existent deja 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 ete passes en reparation.</strong><br>
            <a href="{{ route('serials.printRepairMulti') }}" target="_blank" class="btn btn-primary btn-sm mt-2">Imprimer le recapitulatif 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') }}" data-sn-max-length="{{ $snMaxLength }}">
        @csrf
        <div class="table-responsive">
            <table id="serialsTable" class="table table-bordered table-hover align-middle">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Prefixe</th>
                        <th>Numero de serie</th>
                        <th>Modele</th>
                        <th>Utilisateur</th>
                        <th>Historique</th>
                        <th>Garantie</th>
                        <th>Etat / Reparation</th>
                        <th>Selectionner</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');
                            $warrantyReason = is_array($serial) ? ($serial['warranty_reason'] ?? '') : ($serial->warranty_reason ?? '');
                            $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">Acces refuse</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 reparation</option>
                                        <option value="N/A" {{ $state == 'N/A' ? 'selected' : '' }}>A verifier</option>
                                    </select>
                                    <div id="repair-{{ $sn }}" class="mt-2" @if($state !== 'reparation') style="display:none;" @endif>
                                        <label class="small mb-1" for="warranty-reason-{{ $sn }}">Motif de la reparation</label>
                                        <textarea
                                            id="warranty-reason-{{ $sn }}"
                                            name="warranty_reason[{{ $sn }}]"
                                            class="form-control form-control-sm auto-select-row"
                                            data-sn="{{ $sn }}"
                                            rows="2"
                                            maxlength="2000"
                                            placeholder="Saisir le motif de la reparation">{{ $warrantyReason }}</textarea>
                                    </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">Acces refuse</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach

                    @foreach($prefixResults as $missing)
                        @php
                            $user = auth()->user();
                            $sn = is_array($missing) ? ($missing['sn'] ?? '') : ($missing->sn ?? '');
                            $prefix = is_array($missing) ? ($missing['prefix'] ?? 'Prefixe inexistant') : ($missing->prefix ?? 'Prefixe inexistant');
                            $model = is_array($missing) ? ($missing['model_name'] ?? 'N/A') : ($missing->model_name ?? 'N/A');
                            $state = is_array($missing) ? ($missing['state'] ?? 'N/A') : ($missing->state ?? 'N/A');
                            if (!in_array($state, ['neuf', 'occasion', 'reparation', 'N/A'], true)) {
                                $state = 'N/A';
                            }
                            $warrantyReason = '';
                            $isMine = (bool) $user;
                        @endphp
                        <tr>
                            <td>N/A</td>
                            <td>{{ $prefix }}</td>
                            <td>{{ $sn }}</td>
                            <td>{{ $model }}</td>
                            <td>{{ $user->user_name ?? 'Inconnu' }}</td>
                            <td><span class="badge badge-info">Nouveau SN</span></td>
                            <td><span class="badge badge-danger">Hors garantie</span></td>
                            <td>
                                @if(!$isMine)
                                    <span class="badge badge-secondary">Acces refuse</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 reparation</option>
                                        <option value="N/A" {{ $state == 'N/A' ? 'selected' : '' }}>A verifier</option>
                                    </select>
                                    <div id="repair-{{ $sn }}" class="mt-2" @if($state !== 'reparation') style="display:none;" @endif>
                                        <label class="small mb-1" for="warranty-reason-{{ $sn }}">Motif de la reparation</label>
                                        <textarea
                                            id="warranty-reason-{{ $sn }}"
                                            name="warranty_reason[{{ $sn }}]"
                                            class="form-control form-control-sm auto-select-row"
                                            data-sn="{{ $sn }}"
                                            rows="2"
                                            maxlength="2000"
                                            placeholder="Saisir le motif de la reparation">{{ $warrantyReason }}</textarea>
                                    </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>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <small class="text-muted d-block mt-2">Longueur maximale autorisée pour un numéro de série : {{ $snMaxLength }} caractères.</small>
        <div id="bulk-sn-error" class="alert alert-danger mt-3" style="display:none;"></div>
        <button type="submit" class="btn btn-success mt-3">Valider les modifications</button>
            <div class="form-group mt-3">
                <label for="bulk_user_id">Transferer vers l'utilisateur</label>
                <select name="user_id" id="bulk_user_id" class="form-control">
                    <option value="">Garder l'utilisateur actuel</option>
                    @foreach($allUsers as $user)
                        <option value="{{ $user->id }}">{{ $user->user_name }}</option>
                    @endforeach
                </select>
            </div>
    </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 () {
            var form = document.querySelector('form[action="{{ route('serials.bulkUpdate') }}"]');
            if (!form) {
                return;
            }

            var snMaxLength = parseInt(form.dataset.snMaxLength || '20', 10);
            var bulkError = document.getElementById('bulk-sn-error');

            function showBulkError(message) {
                if (!bulkError) return;
                bulkError.textContent = message;
                bulkError.style.display = 'block';
            }

            function clearBulkError() {
                if (!bulkError) return;
                bulkError.textContent = '';
                bulkError.style.display = 'none';
            }

            function selectRow(sn) {
                var checkbox = document.getElementById('check-' + sn);
                if (checkbox && !checkbox.disabled) {
                    checkbox.checked = true;
                }
            }

            function syncRepairField(select) {
                if (!select) {
                    return;
                }
                var sn = select.getAttribute('data-sn');
                var repairDiv = document.getElementById('repair-' + sn);
                if (!repairDiv) {
                    return;
                }
                repairDiv.style.display = select.value === 'reparation' ? 'block' : 'none';
            }

            document.querySelectorAll('.state-select').forEach(function (select) {
                syncRepairField(select);
            });

            form.addEventListener('change', function (event) {
                var target = event.target;
                if (!target) return;

                if (target.classList.contains('state-select')) {
                    syncRepairField(target);
                    selectRow(target.getAttribute('data-sn'));
                }

                if (target.classList.contains('auto-select-row')) {
                    selectRow(target.getAttribute('data-sn'));
                }
            });

            form.addEventListener('input', function (event) {
                var target = event.target;
                if (!target || !target.classList.contains('auto-select-row')) return;
                selectRow(target.getAttribute('data-sn'));
            });

            form.addEventListener('keyup', function (event) {
                var target = event.target;
                if (!target || !target.classList.contains('auto-select-row')) return;
                selectRow(target.getAttribute('data-sn'));
            });

            form.addEventListener('blur', function (event) {
                var target = event.target;
                if (!target || !target.classList.contains('auto-select-row')) return;
                selectRow(target.getAttribute('data-sn'));
            }, true);

            form.addEventListener('submit', function (event) {
                clearBulkError();

                var tooLongSn = null;
                document.querySelectorAll('.serial-checkbox:checked').forEach(function (checkbox) {
                    if (!tooLongSn && checkbox.value && checkbox.value.length > snMaxLength) {
                        tooLongSn = checkbox.value;
                    }
                });

                if (tooLongSn) {
                    event.preventDefault();
                    var displaySn = tooLongSn.length > 60 ? tooLongSn.substring(0, 57) + '...' : tooLongSn;
                    showBulkError('Le numéro de série "' + displaySn + '" est trop long. Longueur maximale autorisée : ' + snMaxLength + ' caractères.');
                    return;
                }

                document.querySelectorAll('.state-select').forEach(function (select) {
                    if (select.value === 'reparation') {
                        selectRow(select.getAttribute('data-sn'));
                    }
                });
            });

            if (window.jQuery && window.jQuery.fn && window.jQuery.fn.DataTable) {
                window.jQuery('#serialsTable').DataTable({
                    paging: true,
                    searching: true,
                    ordering: true
                });
            }
        });
    </script>
</div>
@endsection