@extends('layouts.backoffice.backoffice')

@section('title')
    Patrocinadores
@endsection

@section('content')
<div class="container">
    <div class="card">
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-12 text-right">
                    <a class="btn btn-primary" href="{{ route('backoffice.sponsors.create') }}">
                        <i class="fa-solid fa-plus"></i>
                        Novo Patrocinador
                    </a>
                </div>
            </div>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nome</th>
                        <th>Slug</th>
                        <th>Website</th>
                        <th>Estado</th>
                        <th class="text-center">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($sponsors as $sponsor)
                        <tr>
                            <td>{{ $sponsor->id }}</td>
                            <td>{{ $sponsor->name }}</td>
                            <td>{{ $sponsor->slug }}</td>
                            <td>
                                @if($sponsor->website)
                                    <a href="{{ $sponsor->website }}" target="_blank">{{ $sponsor->website }}</a>
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                <span class="badge {{ $sponsor->status ? 'badge-success' : 'badge-danger' }}">
                                    {{ $sponsor->status ? 'Ativo' : 'Inativo' }}
                                </span>
                            </td>
                            <td class="text-center">
                                <a class="btn btn-primary btn-sm" href="{{ route('backoffice.sponsors.edit', $sponsor) }}">
                                    <i class="fa-solid fa-pencil"></i>
                                </a>
                                <button class="btn btn-danger btn-sm" onclick="deleteSponsor({{ $sponsor->id }})">
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            {{ $sponsors->links() }}
        </div>
    </div>
</div>

<script>
function deleteSponsor(id) {
    if (!confirm('Eliminar este patrocinador?')) return;

    fetch(`/backoffice/sponsors/${id}`, {
        method: 'DELETE',
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}',
            'Accept': 'application/json',
        },
    }).then(response => {
        if (response.ok) window.location.reload();
    });
}
</script>
@endsection