@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Blogs')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('blogs.index')}}">{{__('Blogs')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('View Blog')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('Blog Details')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('ID')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->id}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('UUID')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->slug}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Title (Arabic)')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->title_ar}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Title (English)')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->title_en}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Slug')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->slug}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Focus Keyword')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->focus_keyword ?? '-'}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Status')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->status ? __('Active') : __('Inactive')}}" readonly>
                                            </fieldset>
                                        </div>
                                        @if($blog->image)
                                        <div class="col-xl-12 col-md-12 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Featured Image')}}</label>
                                                <div>
                                                    <img src="{{$blog->image}}" alt="{{$blog->title}}" style="max-width: 400px; max-height: 400px; object-fit: cover; border-radius: 4px;">
                                                </div>
                                            </fieldset>
                                        </div>
                                        @endif
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Content (Arabic)')}}</label>
                                                <div class="form-control" style="min-height: 200px;">
                                                    {!! $blog->content_ar !!}
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Content (English)')}}</label>
                                                <div class="form-control" style="min-height: 200px;">
                                                    {!! $blog->content_en !!}
                                                </div>
                                            </fieldset>
                                        </div>
                                        @if($blog->meta_title_ar || $blog->meta_title_en)
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Meta Title (Arabic)')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->meta_title_ar ?? '-'}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Meta Title (English)')}}</label>
                                                <input type="text" class="form-control" value="{{$blog->meta_title_en ?? '-'}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Meta Description (Arabic)')}}</label>
                                                <textarea class="form-control" readonly>{{$blog->meta_description_ar ?? '-'}}</textarea>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Meta Description (English)')}}</label>
                                                <textarea class="form-control" readonly>{{$blog->meta_description_en ?? '-'}}</textarea>
                                            </fieldset>
                                        </div>
                                        @endif
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Created At')}}</label>
                                                <input type="text" class="form-control" value="{{Carbon\Carbon::parse($blog->created_at)->format('F j, Y \a\t g:i A')}}" readonly>
                                            </fieldset>
                                        </div>
                                        <div class="col-xl-6 col-md-6 col-12 mb-1">
                                            <fieldset class="form-group">
                                                <label for="basicInput">{{__('Updated At')}}</label>
                                                <input type="text" class="form-control" value="{{Carbon\Carbon::parse($blog->updated_at)->format('F j, Y \a\t g:i A')}}" readonly>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <a href="{{route('blogs.index')}}">
                                            <button type="button"
                                                    class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                {{__('Back')}}
                                            </button>
                                        </a>
                                        @if(auth()->user()->can('update_blogs'))
                                            <a href="{{route('blogs.edit', $blog->id)}}">
                                                <button type="button"
                                                        class="btn btn-primary mr-1 mb-1 waves-effect waves-light">
                                                    {{__('Edit')}}
                                                </button>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection