@extends('layouts.app')

@section('content')
    <div class="card">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <h1 class="mb-0">Détails de la Marque</h1>
            <div>
                <a href="{{ route('marques.edit', $marque) }}" class="btn btn-warning">
                    <i class="fas fa-edit"></i> Modifier
                </a>
                <a href="{{ route('marques.index', ['sort' => request('sort'), 'dir' => request('dir')]) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Retour
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-6">
                    <strong>Nom :</strong> {{ $marque->nom }}
                </div>
                <div class="col-md-6">
                    <strong>Statut :</strong>
                    @if($marque->statut)
                        <span class="badge bg-success">Actif</span>
                    @else
                        <span class="badge bg-danger">Inactif</span>
                    @endif
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-12">
                    <strong>Description :</strong>
                    <p>{{ $marque->description ?? 'N/A' }}</p>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-12">
                    <strong>Matériels associés :</strong>
                    @if($marque->materiels && $marque->materiels->count() > 0)
                        <ul class="list-group list-group-flush mt-2">
                            @foreach($marque->materiels as $materiel)
                                <li class="list-group-item">{{ $materiel->nom }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p>Aucun matériel associé</p>
                    @endif
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-12">
                    <strong>Fournitures associées :</strong>
                    @if($marque->fournitures && $marque->fournitures->count() > 0)
                        <ul class="list-group list-group-flush mt-2">
                            @foreach($marque->fournitures as $fourniture)
                                <li class="list-group-item">{{ $fourniture->nom }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p>Aucune fourniture associée</p>
                    @endif
                </div>
            </div>

            @if($marque->snmpOids->isNotEmpty())
            <div class="row mb-3">
                <div class="col-md-12">
                    <strong>OIDs SNMP :</strong>
                    <table class="table table-sm table-bordered mt-2">
                        <thead>
                            <tr><th>Type</th><th>OID</th></tr>
                        </thead>
                        <tbody>
                            @foreach($marque->snmpOids as $oid)
                            <tr>
                                <td><code>{{ $oid->type }}</code></td>
                                <td class="font-monospace">{{ $oid->oid }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endif

            <div class="row mt-4">
                <div class="col-12">
                    <a href="{{ route('marques.edit', $marque) }}" class="btn btn-warning">
                        <i class="fas fa-edit"></i> Modifier
                    </a>

                    <form action="{{ route('marques.destroy', $marque) }}" method="POST" class="d-inline">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-delete">
                            <i class="fas fa-trash"></i> Supprimer
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection