@extends('admin.layouts.layout')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">{{ $data->title }}</h4>
                
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tr>
                            <th width="200">NFT Category ID</th>
                            <td>{{ $data->id }}</td>
                        </tr>
                        <tr>
                            <th>NFT Category Name</th>
                            <td>{{ $data->title }}</td>
                        </tr>
                        <tr>
                            <th>Slug</th>
                            <td>{{ $data->slug }}</td>
                        </tr>
                        <tr>
                            <th>Status</th>
                            <td><span class="badge badge-pill badge-soft-{{ $data->statuses[$data->status]['badge'] }} font-size-12">{{ $data->statuses[$data->status]['name'] }}</span></td>
                        </tr>
                        <tr>
                            <th>Created Date</th>
                            <td>{{ \App\Helpers\Helper::showdate($data->created_at, true) }}</td>
                        </tr>
                        <tr>
                            <th>Updated Date</th>
                            <td>{{ \App\Helpers\Helper::showdate($data->updated_at, true) }}</td>
                        </tr>
                    </table>
                </div>

                <div class="mt-3">
                    <a href="{{ route('master.nft-categories.index') }}" class="btn btn-secondary">
                        <i class="bx bx-arrow-back"></i> Back to List
                    </a>
                    <a href="{{ route('master.nft-categories.edit', $data->id) }}" class="btn btn-primary">
                        <i class="bx bx-edit"></i> Edit
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection