<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            {ADMIN_BREADCRUMBS}
            <div class="card shadow">
                <!-- Card Header -->
                <div class="card-header text-center bg-dark text-white">
                    <h3 class="card-title mb-0">{title}</h3>
                </div>

                <!-- Card Body -->
                <div class="card-body">
                    <div class="row align-items-center">
                        <!-- Details -->
                        <table class="table table-borderless">
                            <tbody>
                                <tr>
                                    <th scope="row" class="col-3">Title</th>
                                    <td>{title}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Progress</th>
                                    <td>{progress}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Started:</th>
                                    <td>{DTC}{startDate}{/DTC}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Description</th>
                                    <td>{description}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Admin Controls -->
                <div class="card-footer text-center">
                    <a href="{ROOT_URL}admin/wip/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a>
                    <a href="{ROOT_URL}admin/wip/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>