@php
    $color = [
        'table-custom',
        'table-primary',
        'table-secondary',
        'table-success',
        'table-danger',
        'table-warning',
        'table-info',
        'table-light',
        'table-primary',
        'table-secondary',
        'table-success',
        'table-danger',
        'table-warning',
        'table-info',
        'table-light',
        'table-primary',
        'table-secondary',
        'table-success',
        'table-danger',
        'table-warning',
        'table-info',
        'table-light',
        'table-primary',
        'table-secondary',
        'table-success',
        'table-danger',
        'table-warning',
        'table-info',
        'table-light',
        'table-primary',
        'table-secondary',
        'table-success',
        'table-danger',
        'table-warning',
        'table-info',
        'table-light',
    ];
    $btn_color = [
        'btn btn-green',
        'btn btn-lime',
        'btn btn-yellow',
        'btn btn-orange',
        'btn btn-red',
        'btn btn-pink',
        'btn btn-purple',
        'btn btn-indigo',
        'btn btn-azure',
        'btn btn-blue',
        'btn btn-teal',
        'btn btn-cyan',
        'btn btn-gray',
        'btn btn-gray-dark',
    ];
   
@endphp

<table class="table border table-responsive text-md-nowrap mb-0">
    {{-- <thead  class="table-info"> --}}
    {{-- border-bottom: 1px solid #e9edf4; --}}
    <tbody>
        <tr class="{{ $color[0] }} table-border">
            <td>Blog Title</td>
            <td>:</td>
            <td>{{ $blog->blog_title }}</td>
        </tr>
        <tr class="{{ $color[0] }} table-border">
            <td>Author</td>
            <td>:</td>
            <td>{{ $blog->author }}</td>
        </tr>
       <tr class="{{ $color[0] }} table-border">
            <td>Thumbnail Image</td>
            <td>:</td>
            <td><a href="/uploads/blogs/{{ $blog->blog_thumb_image }}"><img style="width: 50%"
                        src="/uploads/blogs/{{ $blog->blog_thumb_image }}"></a></td>
        </tr>
        <tr class="{{ $color[0] }} table-border">
            <td>Image</td>
            <td>:</td>
            <td><a href="/uploads/blogs/{{ $blog->blog_image }}"><img style="width: 50%"
                        src="/uploads/blogs/{{ $blog->blog_image }}"></a></td>
        </tr>
        <tr class="{{ $color[0] }} table-border">
            <td>Description</td>
            <td>:</td>
            <td>{!! $blog->blog_description !!}</td>
        </tr>
    <tr class="{{ $color[0] }} table-border">
            <td>Meta title</td>
            <td>:</td>
            <td>{{ $blog->meta_title }}</td>
        </tr>

        
        <tr class="{{ $color[0] }} table-border">
            <td>Meta description</td>
            <td>:</td>
            <td>{{ $blog->meta_description }}</td>
        </tr>

        
        <tr class="{{ $color[0] }} table-border">
            <td>Meta keywords</td>
            <td>:</td>
            <td>{{ $blog->meta_keywords }}</td>
        </tr>

        
        
    </tbody>

</table>