@extends('layouts.master')
@section('title') {{__("admin.sub_categories")}} @endsection
@section('css')
<!---Internal Owl Carousel css-->
<link href="{{URL::asset('assets/plugins/owl-carousel/owl.carousel.css')}}" rel="stylesheet">
<!---Internal  Multislider css-->
<link href="{{URL::asset('assets/plugins/multislider/multislider.css')}}" rel="stylesheet">
<!--- Select2 css -->
<link href="{{URL::asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet">
<style>
    .pagination-box {
        display: flex;
        justify-content: flex-end;
    }
</style>
@endsection
@section('content')

@component('components.breadcrumb')
@slot('li_1') {{__("admin.all_sub_categories")}} @endslot
@slot('title') {{__("admin.control")}} {{__("admin.sub_categories")}} ! @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="card-title m-0">{{__("admin.all_sub_categories")}}</h4>
				@if(isset($super_admin) || isset($sub_category_create))
                <a href="{{route('admin.sub_categories.create')}}" class="btn btn-primary button-icon"><i class="fe fe-plus ml-2 font-weight-bolder"></i>{{__('admin.add_sub_category')}}</a>
                @endif
            </div>
            <div class="card-body table-responsive border-0">
                @include("layouts.session")
                @component('components.errors')
                    @slot('id') sub_category_id @endslot
                @endcomponent
                <table id="datatable" class="table table-bordered dt-responsive text-nowrap w-100">
                    <thead>
                        <tr style="cursor: pointer;">
                            <th class="fw-bold">#</th>
                            <th class="fw-bold">{{__("admin.name")}}</th>
                            <th class="fw-bold">{{__("admin.category_name")}}</th>
                            <th class="fw-bold">{{__("admin.display_status")}}</th>
                            <th class="fw-bold">{{__("admin.actions")}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($subCategories) == 0)
                        <tr class="align-middle">
                            <td colspan="100" class="text-center">{{__("admin.no_data_found")}}</td>
                        </tr>
                        @endif
                        @foreach($subCategories as $count => $subCategory)
                        <tr data-id="{{$count+1}}">
                            <td style="width: 80px" class="align-middle">{{$count+1}}</td>
                            <td class="align-middle">{{$subCategory->name}}</td>
                            <td class="align-middle">{{$subCategory->category_name}}</td>
                            <td class="align-middle">{{($subCategory->displayed == 0)?__('admin.hidden'):__('admin.displayed')}}</td>
                            <td class="align-middle">
                                <div class="d-flex">
                                    @if(isset($super_admin) || isset($sub_category_edit))
                                    <form class="d-inline ml-2" action="{{route('admin.sub_categories.display')}}" method="POST">
                                        @csrf
                                        @method('PUT')
                                        <input type="hidden" name="sub_category_id" value="{{$subCategory->id}}"/>
                                        <button type="submit" class="btn btn-outline-secondary  bg-primary text-dark btn-sm" @if($subCategory->displayed == "1") title="{{__("admin.hide")}}" @else title="{{__("admin.show")}}" @endif>
                                            <i class="@if($subCategory->displayed == "1") fas fa-eye-slash @else fas fa-eye @endif"></i>
                                        </button>
                                    </form>
                                    <a class="btn btn-outline-secondary bg-warning text-dark btn-sm ml-2" title="{{__("admin.edit")}}" href="{{route('admin.sub_categories.edit', [$subCategory->id])}}">
                                        <i class="fas fa-pencil-alt"></i>
                                    </a>
                                    @endif
                                    @if(isset($super_admin) || isset($sub_category_delete))
                                    <button type="submit" class="modal-effect btn btn-outline-secondary bg-danger text-dark btn-sm" title="{{__("admin.delete")}}" data-effect="effect-newspaper" data-toggle="modal" href="#myModal{{$subCategory->id}}">
                                        <i class="fas fa-trash-alt"></i>
                                    </button>
                                    @endif
                                </div>

                                @if(isset($super_admin) || isset($sub_category_delete))
                                <div class="modal" id="myModal{{$subCategory->id}}">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                        <div class="modal-content modal-content-demo">
                                            <div class="modal-header">
                                                <h5 class="modal-title">{{__("admin.delete_category")}}</h5>
                                                <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                                            </div>
                                            <div class="modal-body">
                                                <p>{{__("admin.delete_sub_category_message")}}</p>
                                            </div>
                                            <div class="modal-footer">
                                                <form class="d-inline" action="{{route('admin.sub_categories.destroy')}}" method="POST">
                                                    @csrf
                                                    @method('Delete')
                                                    <input type="hidden" name="sub_category_id" value="{{$subCategory->id}}"/>
                                                    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">{{__("admin.back")}}</button>
                                                    <button type="submit" class="btn btn-danger waves-effect waves-light">{{__("admin.delete")}}</button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="row">
                    <div class="col-12 pagination-box">
                        {{$subCategories->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- end col -->
</div>

@endsection
@section('js')
<!--Internal  Datepicker js -->
<script src="{{URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js')}}"></script>
<!-- Internal Select2 js-->
<script src="{{URL::asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<!-- Internal Modal js-->
<script src="{{URL::asset('assets/js/modal.js')}}"></script>
@endsection