@extends('admin.layouts.master')

@section('css')
<style>
.created-at-cell {
    min-width: 120px;
}
.created-at-cell span {
    cursor: help;
}
.created-at-cell small {
    font-size: 0.75rem;
    opacity: 0.7;
}
.table th {
    background-color: #f8f9fa;
    border-top: 2px solid #dee2e6;
}
.table tbody tr:hover {
    background-color: #f8f9fa;
}
</style>
@endsection

@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">{{__('Blog Categories')}}</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">{{__('Blog Categories')}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @if(auth()->user()->can('create_blog_categories'))
                <div class="content-header-right text-md-right col-md-3 col-12 d-md-block d-none">
                    <div class="form-group breadcrum-right">
                        <a href="{{route('blog-categories.create')}}">
                            <button type="button"
                                    class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">{{__('Add New Blog Category')}}</button>
                        </a>
                    </div>
                </div>
            @endif
        </div>

        {{-- Search --}}
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('Search')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <form method="get" action="{{route('blog-categories.index')}}">
                                        <div class="row">
                                            <div class="col-xl-8 col-md-8 col-12 mb-1">
                                                <fieldset class="form-group">
                                                    <label>{{__('Search')}}</label>
                                                    <input type="text" name="search" class="form-control"
                                                           value="{{request('search')}}"
                                                           placeholder="{{__('Search by name (Arabic or English)')}}">
                                                </fieldset>
                                            </div>
                                            <div class="col-xl-4 col-md-4 col-12 mb-1">
                                                <fieldset class="form-group">
                                                    <label>&nbsp;</label>
                                                    <div>
                                                        <button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">
                                                            {{__('Search')}}
                                                        </button>
                                                        <a href="{{route('blog-categories.index')}}" class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                            {{__('Reset')}}
                                                        </a>
                                                    </div>
                                                </fieldset>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>{{__('Name (Arabic)')}}</th>
                                                <th>{{__('Name (English)')}}</th>
                                                <th>{{__('Blogs Count')}}</th>
                                                <th>{{__('Created At')}}</th>
                                                <th>{{__('Actions')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($rows as $row)
                                                <tr>
                                                    <td>{{$row->id}}</td>
                                                    <td>{{$row->name_ar ?? __('None')}}</td>
                                                    <td>{{$row->name_en ?? __('None')}}</td>
                                                    <td>
                                                        <span class="badge badge-info">{{$row->blogs()->count()}}</span>
                                                    </td>
                                                    <td class="created-at-cell">
                                                        <span title="{{Carbon\Carbon::parse($row->created_at)->format('F j, Y \a\t g:i A')}}">
                                                            {{Carbon\Carbon::parse($row->created_at)->format('M j, Y')}}
                                                            <br>
                                                            <small class="text-muted">{{Carbon\Carbon::parse($row->created_at)->format('g:i A')}}</small>
                                                        </span>
                                                    </td>
                                                    <td>
                                                        <a href="{{route('blog-categories.show', $row->id)}}">
                                                            <button type="button" title="{{__('View')}}"
                                                                    class="btn btn-outline-primary mr-1 mb-1"><i class="fa fa-eye"></i>
                                                            </button>
                                                        </a>
                                                        @if(auth()->user()->can('update_blog_categories'))
                                                            <a href="{{route('blog-categories.edit', $row->id)}}">
                                                                <button type="button" title="{{__('Edit')}}"
                                                                        class="btn btn-outline-primary mr-1 mb-1"><i class="fa fa-edit"></i>
                                                                </button>
                                                            </a>
                                                        @endif
                                                        @if(auth()->user()->can('delete_blog_categories'))
                                                            <a onclick="confirmAlert(`{{route('blog-categories.delete', $row->id)}}`)" href="#">
                                                                <button type="button" title="{{__('Delete')}}"
                                                                        class="btn btn-outline-danger mr-1 mb-1"><i class="fa fa-trash"></i>
                                                                </button>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    @include('admin.components.advanced-pagination', ['paginator' => $rows])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection

@section('js')
<script>
function confirmAlert(url) {
    if (confirm('{{__("Are you sure you want to delete this blog category? This action cannot be undone.")}}')) {
        window.location.href = url;
    }
}
</script>
@endsection