@extends('layouts.app')

@section('content')
<div class="container border p-3">
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="section-block" id="basicform">
                    <h3 class="section-title">Vérification des numéros de série</h3>
                </div>

                <div class="card">
                    <div class="card-body">
                            <form method="POST" action="{{ route('pages.serials.check') }}">
                                @csrf
                                <div class="row form-floating">
                                    <div class="col-md-12 mb-3">    
                                        <textarea name="sn" rows="8" placeholder="Colle tes numéros de série ici (1 par ligne)
                                        Ex:
                                        ABC123...
                                        DEF456..." class="form-control">{{ old('sn') }}</textarea>
                                            @error('sn')
                                            <div class="alert alert-danger mt-2">{{ $message }}</div>
                                            @enderror
                                            @if(session('success'))
                                            <div class="alert alert-success mt-2">{{ session('success') }}</div>
                                            @endif
                                            @if(session('error'))
                                            <div class="alert alert-danger mt-2">{{ session('error') }}</div>
                                            @endif
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <button class="btn btn-primary" type="submit">Vérifier</button>
                                        <button class="btn btn-secondary ml-2" type="reset">Effacer</button>
                                    </div>
                                </div>
                                <small class="text-muted">Collez vos numéros de série, un par ligne. Les formats acceptés sont ABC123, DEF456...</small>
                                </div>
                            </form>
                        </div>               
                </div>
        </div>
    </div>
</div>

   


@if (!empty($serials) && $serials->isNotEmpty())
        <div class="mt-4">
            <h3>Résultats de la vérification</h3>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Numéro de série</th>
                        <th>Date</th>
                        <th>Nom de l'utilisateur</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($serials as $serial)
                        <tr>
                            <td><a href="/serials/{{ $serial->sn }}">{{ $serial->sn }}</a></td>
                            <td>{{ $serial->date }}</td>
                            <td>{{ $serial->user_name }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        @if (!empty($searchedSNs))
            <div class="alert alert-danger mt-3">
                Aucun résultat trouvé pour les numéros de série suivants :
                <ul>
                    @foreach ($searchedSNs as $sn)
                        <li>{{ $sn }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    @endif

@endsection