@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.record.delete.title') }}</h1>

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

            <div class="m-5">{{$record->recordType->recordSection->label}}/{{$record->recordType->label}} ({{$record->recorded_at}})</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('record-destroy', $record->id) }}" method="POST" class="d-none">
                    @csrf
                    @method('DELETE')
                </form>

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