@extends('layouts.app')

@section('content')

      <!-- Content Side -->
    <div class="col col-lg-9 pd-30">
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <!-- Title -->
            <h1 class="reset-block primary-color lineheight-130 fs-20">تصنيفات القضايا</h1>
            <!-- Buttons -->
            <div class="btns">

                <a href="{{ route('settings.categories.create') }}" class="btn small primary miw-120">تصنيف جديد</a>
            </div>
            <!-- // Buttons -->
        </div>
        <!-- // Page Title -->

        <form>
            <div class="row justify-content-end">
                <div class="col-3">
                    <input class="" placeholder="ابحث بالتصنيف العام أو الفرعى " name="key_words" value="{{ request('key_words') }}">
                </div>
                <div class="col-2 ">
                    <input class="btn small primary miw-120" type="submit" value="بحث" >
                </div>
            </div>
       </form>

        <!-- Cases Categories Table -->
        <div class="responsive-table">
            <table class="table  striped bordered" data-page-length="10">
                <!-- Table Head -->
                <thead>
                    <tr class="primary-bg fs-13">
                        <!-- Column -->
                        <th class="w-50 tx-align-center hide-sorting">#</th>
                        <!-- Column -->
                        <th class="tx-align-start">اسم التصنيف</th>
                        <!-- Column -->
                        <th class="tx-align-start">الأب</th>
                        <!-- Column -->
                        <th class="tx-align-center">تعديل</th>

                    </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">

                   @foreach ($categories as $category)
                   <tr>
                        <!-- Column -->
                        <th class="tx-align-center" >{{ \App\Http\Helper\HelperApp::number_row_paginate($categories, $loop->iteration) }}</th>

                        <td>{{ $category->name }}</td>
                        <td>{{ ($category->main_category != "") ? $category->main_category->name : "-"}}</td>
                        <!-- Column -->
                        <td class="tx-align-center"><a href="{{ route('settings.categories.edit'  , $category->id) }}" class="btn primary -color tiny next-page" tabindex="0" role="button" aria-pressed="false">تعديل</a></td>
                        <!-- // Column -->
                     </tr>
                   @endforeach
                    <!-- Row -->

                </tbody>
                <!-- // Table Body -->
            </table>
            <div style="margin-top: 10px">
                {{ $categories->appends(Request::except(['_token']))->links()  }}
            </div>
        </div>
        <!-- // Cases Categories Table -->
    </div>
    <!-- // Content Side -->

@endsection


@section('script')
{{--
<script>
 $(document).ready(function() {
        loadDataTableAjaxRequest([
                        {data: 'c_cat_id'},
                        {data: 'category_name'},
                        {data: 'categ_parent', render: function( data, type, full, meta ) {
                            if(full.parent === null)
                            return '-';
                            else
                            return full.parent.category_name;
                         }},
                        {data: 'action'},
                    ]);
});


</script> --}}

@endsection