@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">{{__('Sub 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">{{__('Sub Categories')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            @if(auth()->user()->can('create_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('sub_categories.create')}}">
                            <button type="button"
                                    class="btn bg-gradient-primary mr-1 mb-1 waves-effect waves-light">{{__('Add New SubCategory')}}</button>
                        </a>
                    </div>
                </div>
            @endif
        </div>
        @include('admin.sub_categories.search_form')
        <div class="content-body">
            <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>{{__('Category')}}</th>
                                                <th>{{__('Name (Arabic)')}}</th>
                                                <th>{{__('Name (English)')}}</th>
                                                <th>{{__('Created At')}}</th>
                                                <th>{{__('Actions')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($rows as $row)
                                                <tr>
                                                    <td>{{$row->id}}</td>
                                                    <td>{{$row->category?->name ?? __('None')}}</td>
                                                    <td>{{$row->name_ar ?? __('None')}}</td>
                                                    <td>{{$row->name_en ?? __('None')}}</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('sub_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_categories'))
                                                            <a href="{{route('sub_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_categories'))
                                                            <a onclick="confirmAlert(`{{route('sub_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 sub category? This action cannot be undone.")}}')) {
        window.location.href = url;
    }
}
</script>
@endsection