@extends('admin.master')

@section('title')
    Achievement Details
@endsection

@section('content')
    <!--begin::Card-->
    <div class="card card-custom gutter-b">
        <div class="card-body">
            <!--begin::Top-->
            <div class="d-flex">

                <!--begin: Info-->
                <div class="flex-grow-1">
                    <!--begin::Title-->
                    <div class="d-flex align-items-center justify-content-between flex-wrap mt-2">
                        <!--begin::User-->
                        <div class="mr-3">
                            <!--begin::Name-->
                            <div class="d-flex align-items-center text-dark font-size-h5 font-weight-bold mr-3">
                                {{ $achievement->title }}
                            </div>
                            <!--end::Name-->

                        </div>
                        <!--begin::User-->

                        <!--begin::Actions-->
                        <div class="my-lg-0 my-1">
                            <a href="{{ route('achievements.index') }}" class="btn btn-sm btn-light-info font-weight-bolder text-uppercase mr-2">Back</a>
                            <a href="{{ route('achievements.edit', $achievement->id) }}" class="btn btn-sm btn-light-success font-weight-bolder text-uppercase">Edit</a>
                        </div>
                        <!--end::Actions-->
                    </div>
                    <!--end::Title-->

                    <!--begin::Content-->
                    <div class="d-flex align-items-center flex-wrap justify-content-between">
                        <!--begin::Description-->
                        <div class="flex-grow-1 font-weight-bold text-dark-50 py-2 py-lg-2 mr-5">
                            {!! $achievement->description !!}
                        </div>
                        <!--end::Description-->

                    </div>
                    <!--end::Content-->
                </div>
                <!--end::Info-->
            </div>
            <!--end::Top-->
        </div>
    </div>
    <!--end::Card-->
@endsection
