@extends('Backend.layouts.app')
@section('styles')
    <style>
        .p-3 span.shadow-none.badge {
            width: 60px;
        }
    </style>
@endsection
@section('content')

<div class="row  mt-5">
        <div class="col-md-8">
            <div class="card p-3">
                Name:<h4>{{ $category->name  }}</h4>
                Sort:<p class="lead">{{ $category->sort }}</p>
                Status: @if($category->status==1)
                    <span class="shadow-none badge badge-success">Active</span>
                @else
                    <span class="shadow-none badge badge-danger">Inactive</span>
                @endif
                Description:<p class="lead">{{ $category->description }}</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card p-2 bg-light">
                <dl class="dl-horizontal">
                    <dt>Create at:</dt>
                <dd>{{ date('M j,Y h:ia',strtotime($category->created_at)) }}</dd>
                </dl>
                <dl class="dl-horizontal">
                    <dt>Updated at:</dt>
                    <dd>{{ date('M j,Y h:ia',strtotime($category->updated_at)) }}</dd>
                </dl>
                <hr>

                <div class="row">
                        <div class="col-md-12">
                            <a href="{{ route('category.index')}}" class="btn btn-success btn-block mt-2">See all my Categories</a>
                        </div>
                    </div>
            </div>
        </div>
    </div>
@endsection