@extends('layouts.admin.app')

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

<div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
    <h4 class="fw-bold text-info mb-0">
        <i class="fas fa-bullhorn"></i> Publicidades
    </h4>

    <a href="{{ route('dashboard.admin.configuracoes.pub.create') }}" class="btn btn-info">
        <i class="fas fa-plus"></i> Nova Publicidade
    </a>
</div>

<div class="row g-4">
@foreach($publicidades as $pub)

<div class="col-md-4">
    <a href="{{ route('dashboard.admin.configuracoes.pub.show',$pub) }}"
       class="text-decoration-none text-dark">

        <div class="card border-0 shadow-sm h-100 pub-card">

            {{-- IMAGEM --}}
            <img src="{{ asset('storage/'.$pub->image) }}"
                 class="card-img-top"
                 style="height:180px;object-fit:cover">

            {{-- BODY --}}
            <div class="card-body text-center">

                <h6 class="fw-bold mb-2">
                    {{ $pub->title ?? 'Sem título' }}
                </h6>

                {{-- STATUS MANUAL --}}
                <span class="badge {{ $pub->is_active ? 'bg-success' : 'bg-secondary' }}">
                    {{ $pub->is_active ? 'Ativa' : 'Inativa' }}
                </span>

            </div>
        </div>
    </a>
</div>

@endforeach
</div>

</div>

<style>
.pub-card{
    cursor: pointer;
    transition: .25s ease;
}
.pub-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(0,0,0,.15);
}
</style>
@endsection