@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <h1>{{ __('app.activity.battle-pass-milestone.title.delete') }}</h1>

            <div class="">{{ __('app.activity.battle-pass-milestone.delete.confirmation') }}</div>

            <div class="m-5">{!! $battlePassMilestone->description !!}</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('battle-pass-milestone-destroy', [$battlePassMilestone->battlePass->id, $battlePassMilestone->id]) }}" method="POST" class="d-none">
                    @csrf
                    @method('DELETE')
                </form>

                <a href="{{route('battle-pass-view', $battlePassMilestone->battlePass->id)}}" class="btn btn-secondary mt-4" style="width:100px" >{{__('common.no')}}</a>
            </div>
        </div>
    </div>
</div>
@endsection