@extends('layouts.admin.app')

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

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

    <div class="d-flex gap-2">
        {{-- Ativar / Desativar --}}
        <form method="POST"
              action="{{ route('dashboard.admin.configuracoes.pub.toggle-status', $pub) }}">
            @csrf
            @method('PATCH')
            <button class="btn {{ $pub->is_active ? 'btn-secondary' : 'btn-success' }}">
                <i class="fas fa-power-off"></i>
                {{ $pub->is_active ? 'Desativar' : 'Ativar' }}
            </button>
        </form>

        {{-- Remover --}}
        <form method="POST"
              action="{{ route('dashboard.admin.configuracoes.pub.destroy', $pub) }}"
              onsubmit="return confirm('Remover esta publicidade?')">
            @csrf
            @method('DELETE')
            <button class="btn btn-danger">
                <i class="fas fa-trash"></i>
            </button>
        </form>
    </div>
</div>

{{-- CARD PRINCIPAL --}}
<div class="card shadow-lg border-0 rounded-4 overflow-hidden">

    {{-- IMAGEM --}}
    <div class="bg-dark">
        <img src="{{ asset('storage/'.$pub->image) }}"
             class="w-100"
             style="max-height:360px;object-fit:contain;">
    </div>

    {{-- CONTEÚDO --}}
    <div class="card-body text-center px-lg-5">

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

        <p class="text-muted mt-2">
            {{ $pub->content }}
        </p>

        {{-- STATUS --}}
        <div class="d-flex justify-content-center gap-3 flex-wrap mt-4">

            {{-- Ativo/Inativo --}}
            <span class="badge px-3 py-2 {{ $pub->is_active ? 'bg-success' : 'bg-secondary' }}">
                {{ $pub->is_active ? 'Ativa' : 'Inativa' }}
            </span>
        </div>

    </div>
</div>

</div>
@endsection