@extends('layouts.app')

@section('content')
<div class="container" style="margin-top:20px">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <h1>{{ __('app.activity.topic.title.delete') }}</h1>

            <div class="">{{ __('app.activity.topic.delete.confirmation') }}</div>

            <div class="m-5">{!! $topic->label !!}</div>

            <div class="d-inline d-flex justify-content-end">

                <a class="btn btn-danger mt-4 me-3" style="width:100px" href="#"
                    onclick="event.preventDefault(); document.getElementById('delete-form').submit();"
                >
                {{__('common.yes')}}
                </a>

                <form id="delete-form" action="{{ route('topic-destroy', $topic->id) }}" method="POST" class="d-none">
                    @csrf
                    @method('DELETE')
                </form>

                <a href="{{route('topics')}}" class="btn btn-secondary mt-4" style="width:100px" >{{__('common.no')}}</a>
            </div>
        </div>
    </div>
</div>
@endsection