@extends('front.user.partials.layout' , ['active' => 'my_blogs' , 'page' => __('my_blogs')])

@section('profile_content')

    <div class="portlet">
        <div class="portlet__head">
            <div class="portlet__head-label">
                <div class="portlet__head-title">@lang('my_blogs')</div>
            </div>
            <div class="portlet__head-label"><a class="general_btn_sm py-1 px-3" href="{{ route('user.my-blogs.create.index') }}"><i class="far fa-plus mr-1"></i>@lang('add_blog')</a></div>
        </div>
        <div class="portlet__body p-3">
            @if($blogs)
                @foreach($blogs as $blog)
                    <div class="widget__item-3">
                        <div class="row align-items-center">
                            <div class="col-lg-10">
                                <div class="widget__item-content">
                                    <h3 class="widget__item-title">{{ $blog->title }}</h3>
                                    <ul class="widget__item-metaDesc mb-0">
                                        <li class="date"><span class="icon"> <i class="far fa-clock"></i></span><span class="text">{{ $blog->created_at->toDateString() }} </span></li>
                                        <li class="date"><span class="icon"> <i class="fal fa-folder"></i></span><span class="text">{{ $blog->category->name }}</span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="widget__item-action">
                                    <a class="btn-action mr-1 mr-lg-2" href="{{ route('user.my-blogs.edit.show' , $blog->id) }}"><i class="fas fa-edit"></i></a>
                                    <button class="btn-action delete" data-url="{{ route('user.my-blogs.destroy' , $blog->id ) }}"><i class="fas fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>

                @endforeach

                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center mb-4">
                        {!! $blogs->links() !!}
{{--                            <li class="page-item active"><a class="page-link" href="#">1</a></li>--}}
{{--                            <li class="page-item"><a class="page-link" href="#">2</a></li>--}}
{{--                            <li class="page-item"><a class="page-link" href="#">3</a></li>--}}
{{--                            <li class="page-item"><a class="page-link" href="#">4</a></li>--}}
{{--                            <li class="page-item"><a class="page-link" href="#">More<i class="fal fa-arrow-right pl-2"></i></a></li>--}}
                        </ul>
                    </nav>
            @endif


        </div>
    </div>

@endsection