@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.showposts')
@stop


@section('breadcrumb')
    <div class="breadcrumb-item">
        <a href="{{route("dashboard.post.index")}}"> @lang('global.posts')</a>
    </div>
    <div class="breadcrumb-item">
        @lang('global.showposts')
    </div>
@stop

@section('content')

    <div class="row">
        <br>
        <div class=" col-md-12 ">
            <div class="card profile-widget">
                <div class="profile-widget-header" style="margin-left: 42%;">
                    <img alt="image"
                         src="{{is_null($model->image) ? asset("assets/img/avatar/avatar-5.png") : $model->image}}"
                         class="rounded-circle profile-widget-picture">
                    <div class="profile-widget-items">

                    </div>
                </div>
                <div class="profile-widget-description">
                    <address>
                        @lang("global.description_en") :<br>{{$model->desc_en}}<br>
                    </address>
                    <address style="margin-left: 74%;margin-top:-6%;">
                    @lang("global.description_ar") :<br>{{$model->desc_ar}}<br>
                </address>
                </div>
                <div class="card-footer text-center">
                    <div class="font-weight-bold mb-2"></div>

                </div>
            </div>
        </div>


            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4>@lang("global.postaction")</h4>
                        <div class="card-header-action">

                        </div>
                    </div>
                    <div class="card-body p-4">
                        <div class="table-responsive">
                            <table class="table table-striped" id="table">
                                <thead>
                                <tr>
                                    <th class="text-center">
                                        <i class="fas fa-th"></i>
                                    </th>
                                    <th>@lang("global.total_like")</th>
                                    <th>@lang("global.total_comment")</th>
                                    <th>@lang("global.created_at")</th>
                                </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td>{{ $model->id }}</td>
                                        <td>{{ $model3}}</td>
                                        <td>{{ $model2 }}</td>
                                        <td>{{ $model->created_at->diffForHumans() }}</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


    </div>


@stop

@push('js')
    <script>
        $(function () {
            var table = $("#table-action").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },
                processing: true,
               serverSide: false,
                autoWidth: false,
            });
            App.reloadTable = function () {
                table.ajax.reload();
            }

        });


    </script>
@endpush