@extends('layouts.admin.app')

@section('title','Dev Category')

@section('content')
    <div class="card mb-3">
        <div class="card-header" style="position: relative;">
            <i class="fa fa-table"></i> @yield('title')
            <a href="{{ route('admin.job.category.create') }}" class="wlc btn btn-sm btn-success"><i class="fa fa-plus"></i> {{ __('New Category') }}</a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <div>
                    @if(Session::has('error'))
                        <div class="alert alert-danger">
                            {{ Session::get('error') }}
                        </div>
                    @endif
                    @if(Session::has('message'))
                        <div class="alert alert-success">
                            {{ Session::get('message') }}
                        </div>
                    @endif
                </div>
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Title</th>
                        <th>Icon</th>
                        <th>Count</th>
                        <th>Position</th>
                        <th>Featured ?</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(isset($categories))
                        @foreach($categories as $category)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $category->title }}</td>
                                <td>{{ $category->icon }} (<i class="{{ $category->icon }}"></i>)</td>
                                <td>{{ $category->jobs->count() }}</td>
                                <td>{{ $category->position }}</td>
                                <td>{{ $category->is_featured === 1 ? 'Yes': 'No' }}</td>
                                <td>
                                    <a href="{{ route('admin.job.category.edit',['id'=> $category->id]) }}" class="btn btn-sm btn-info">Edit</a>
                                    <a href="{{ route('admin.job.category.delete',['id'=> $category->id]) }}" class="btn btn-sm btn-danger btn-delete">Delete</a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        $(document).ready(function () {

            //new request
            var deleteRequest;

            $('.delete-language').on('click', function (e) {
                e.preventDefault();

                // Abort any pending request
                if (deleteRequest) {
                    deleteRequest.abort();
                }
                var sid = $(this).data("sid");
                var token =  $('meta[name="csrf-token"]').attr('content');
                var url = '{{ route("admin.job.category.delete",":sid") }}';
                url = url.replace(':sid', sid);


                const swalWithBootstrapButtons = Swal.mixin({
                    customClass: {
                        confirmButton: 'btn btn-success',
                        cancelButton: 'btn btn-danger'
                    },
                    buttonsStyling: false
                })

                swalWithBootstrapButtons.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'No, cancel!',
                    reverseButtons: true
                }).then((result) => {
                    if (result.value) {

                        deleteRequest = $.ajax({
                            url: url,
                            type: "DELETE",
                            data: {
                                "id": sid,
                                "_method": 'DELETE',
                                "_token": token,
                            },
                        });
                        // Callback handler that will be called on success
                        deleteRequest.done(function (response, textStatus, jqXHR){
                            //console.log(response);
                            if($.isEmptyObject(response.error)){
                                swal.fire({icon: response.type, title: response.title, text: response.text})
                                    .then((result) => {
                                        // Reload the Page
                                        location.reload();
                                    });
                            }else{
                                //
                                console.log("errororororo");
                            }
                        });

                        // Callback handler that will be called on failure
                        deleteRequest.fail(function (jqXHR, textStatus, errorThrown){
                            // Log the error to the console
                            console.error(
                                "The following error occurred: "+
                                textStatus, errorThrown
                            );
                        });
                    } else if (
                        /* Read more about handling dismissals below */
                        result.dismiss === Swal.DismissReason.cancel
                    ) {
                        swalWithBootstrapButtons.fire(
                            'Cancelled',
                            'experience is safe :)',
                            'error'
                        )
                    }
                })
            })
        })
    </script>
@endsection