@extends('layouts.app')

@section('content')

    <div class="container">
        <div class="row d-flex justify-content-center">
            <div class="col-sm-10">
                <div class="card">
                    <div class="card-header">

                        <div style="display: flex; justify-content: space-between; align-items: center;">

                            <span id="card_title">
                                Showing all Categories
                            </span>

                            <div class="dropdown">
                                <button class="btn btn-secondary dropdown-toggle" type="button" id="cardDropdownMenu" data-bs-toggle="dropdown" aria-expanded="false">
                                  Menu
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="cardDropdownMenu">
                                    <a class="dropdown-item" href="{{route('categories.create')}}">
                                        <i class="pt-2 bi bi-list-stars fs-6 text-dark" aria-hidden="true"> </i><span>Create Category</span>
                                    </a>
                                </ul>
                              </div>

                            {{-- <div class="btn-group btn-group-xs">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="bi bi-ellipsis" aria-hidden="true"></i>
                                    <span class="sr-only">
                                        Menu
                                    </span>
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item" href="{{route('categories.create')}}">
                                        <i class="fa fa-fw fa-user-plus" aria-hidden="true"></i>
                                        Create New Category
                                    </a>
                                </div>
                            </div> --}}
                        </div>
                    </div>

                    <div class="card-body">
        {{--            @if(config('usersmanagement.enableSearchUsers'))
                            @include('partials.search-users-form')
                        @endif --}}

                        <div class="table-responsive">
                            <table class="table table-striped table-sm">
                                <caption>
                                    Total {{ $categories->count()}} Categories found
                                </caption>
                                <thead class="thead bg-dark text-light">
                                    <tr>
                                        <th></th>
                                        <th>Sl.</th>
                                        <th>Id</th>
                                        <th>Name</th>
                                        <th>Status</th>
                                        <th class="d-none d-lg-table-cell">Create Date</th>
                                        <th class="d-none d-lg-table-cell">Update Date</th>
                                        <th class="">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                
                                    @foreach($categories as $category)
                                        <tr>
                                            <th></th>
                                            <td>{{$loop->iteration}}</td>
                                            <td class="text-center">{{$category->id}}</td>
                                            <td>{{$category->category_name}}</td>

                                            @if($category->status == 1)
                                                <td><span class="badge bg-success">Active</span></td>
                                                @else
                                                    <td><span class="badge bg-warning text-dark">Inactive</span></td>
                                            @endif
                                            
                                            <td class="d-none d-lg-table-cell">{{date_format(date_create($category->created_at), 'd M, y h:i A')}}</td>
                                            <td class="d-none d-lg-table-cell">{{date_format(date_create($category->updated_at), 'd M, Y h:i A')}}</td>
                                            
                                            
                                            {{-- <td>
                                                <a class="btn btn-sm btn-success btn-block" href="{{ URL::to('categories/' . $category->id) }}" data-toggle="tooltip" title="Show">
                                                    {!! trans('clienttype.buttons.show') !!}
                                                </a>
                                            </td> --}}
                                           
                                            <td class="">
                                                
                                                    <a class="btn btn-sm btn-info float-start" href="{{ URL::to('categories/' . $category->id . '/edit') }}" data-toggle="tooltip" title="Edit">
                                                        <i class="bi bi-pencil" aria-hidden="true"></i> <span class="d-none d-lg-inline">Edit</span><span class="d-none d-xl-inline"> Category</span>
                                                    </a>
                                            
                                                    <div class="float-start mx-1">
                                                        {{-- {!! Form::open(array('url' => 'categories/' . $category->id, 'class' => '', 'title' => 'Delete')) !!}
                                                            {!! Form::hidden('_method', 'DELETE') !!}
                                                            {!! Form::button('<i class="bi bi-trash" aria-hidden="true"></i>  <span class="d-none d-md-inline">Delete</span><span class="d-none d-lg-inline"> Category</span>', array('class' => 'btn btn-danger btn-sm','type' => 'button', 'data-bs-toggle' => 'modal', 'data-bs-target' => '#confirmDelete', 'data-bs-title' => 'Delete Category', 'data-bs-message' => 'Are you sure to delete this category ?')) !!}
                                                        {!! Form::close() !!} --}}
                                                        <form class="" action="{{ route('categories.destroy', $category->id) }}" method="POST">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#confirmDelete" data-bs-title = "Delete Category" data-bs-message = "Are you sure to delete this category ?" >
                                                                <i class="bi bi-trash" aria-hidden="true"></i>  <span class="d-none d-lg-inline">Delete</span><span class="d-none d-xl-inline"> Category</span>
                                                            </button>
                                                        </form>
                                                    </div>
                                                
                                            </td>
                                            
                                        </tr>
                                    @endforeach
                                </tbody>
                            
                            </table>

                            {{-- @if(config('users.enablePagination'))
                                {{ $categories->links() }}
                            @endif --}}

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

    @include('modals.modal-delete')

@endsection

@section('footer_scripts')
     @include('scripts.delete-modal-script')
  {{--  @include('scripts.change-modal-link-script') --}}
@endsection