@extends('layouts.admin')

@section('page-title', 'Logos')

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

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h3>All Logos</h3>
            <a href="{{ route('logo.create') }}" class="btn btn-primary">+ Add Logo</a>
        </div>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if($logos->isEmpty())
            <div class="alert alert-info">No logos found. Add one!</div>
        @else

            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th width="50">ID</th>
                        <th width="200">Image</th>
                        <th>Title</th>
                        <th width="200">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($logos as $logo)
                        <tr>
                            <td>{{ $logo->id }}</td>

                            <td>
                                @if($logo->image)
                                    <img 
                                        src="{{ asset('uploads/logo/' . $logo->image) }}" 
                                        width="120" 
                                        class="img-thumbnail"
                                    >
                                @else
                                    <span class="text-muted">No Image</span>
                                @endif
                            </td>

                            <td>{{ $logo->title ?? '—' }}</td>

                            <td>
                                <a href="{{ route('logo.edit', $logo->id) }}" class="btn btn-sm btn-warning">
                                    Edit
                                </a>

                              
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

        @endif

    </div>
@endsection