@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.tablecss')
@endsection
@include('admin.helper.tittle', ['title' => 'الاقسام  '])
@section('content')
    <!-- row -->
    <div id='blogId'>
        <div>

            <div class="row">
                <div class="col-xl-12">
                    <div class="card">

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table text-md-nowrap" id="category">
                                    <thead>
                                        <tr>
                                            <th> id</th>
                                            <th> الاسم </th>
                                            <th> isActive </th>
                                            <th> isAvailable </th>
                                            <th> اجراءات </th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- row closed -->
        </div>
        <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection

@section('js')
    @include('admin.helper.tablescripts')
    @include('vue')
    <script>
        $(function() {
            var table = $('#category').DataTable({
                responsive: true,
                processing: true,
                serverSide: true,
                autoWidth: false,
                ajax: {
                    url: "{{ route('admin.categories.index') }}",
                    data: function(d) {}
                },
                columns: [{
                        data: 'id',
                    },
                    {
                        data: 'name',
                    },
                    {
                        data: 'isActive',
                    },
                    {
                        data: 'isAvailable',
                    },

                    {
                        data: 'action',
                        orderable: true,
                        searchable: true
                    }
                ]

            });
            //delete
            $('#category tbody').on('click', '.delete', function() {
                var value = $(this).attr("value");
                Swal.fire({
                    title: ' هل انت متأكد من  مسح القسم؟',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'متأكد !'
                }).then((result) => {
                    if (result.isConfirmed) {
                        data = {
                            '_token': "{{ csrf_token() }}",
                            'id': value,
                        }
                        Swal.showLoading()
                        adawe(`{{ route('admin.categories.delete') }}`, data);
                        $('#category').DataTable().draw();
                    }
                })

            });
        });
    </script>
@endsection