@extends("admin.template.layout")

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        <!-- Ajax Sourced Server-side -->
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">{{$mode ?? $page_heading}}</h5>
                {{--                @if(get_user_permission('events','c'))--}}
                {{--                    <a href="{{route('events.create')}}" class="main-btn primary-btn btn-hover btn-sm"><i class='bx bx-plus'></i> Create</a>--}}
                {{--                @endif--}}
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <div class="card-datatable text-nowrap">
                        <table class="datatables-ajax table table-condensed" data-role="ui-datatable"
                               data-src="{{route('community.requests.datatable',$id)}}">
                            <thead>
                            <tr>
                                <th class="pt-0" data-colname="id">#</th>
                                <th class="pt-0" data-colname="user_image">Image</th>
                                <th class="pt-0" data-colname="name">Name</th>
                                <th class="pt-0" data-colname="email">Email</th>
                                <th class="pt-0" data-colname="answer">Answer</th>
                                <th class="pt-0" data-colname="status">Status</th>
                                <th class="pt-0" data-colname="created_at">Submitted On</th>
                                <th class="pt-0" data-colname="action">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--/ Ajax Sourced Server-side -->

    </div>
@stop
@section('script')
<script>
    jQuery(document).ready(function () {
        App.initTreeView();
    });

    $(document).on('click', '.approve-reject-btn', function () {
        var url = $(this).data('url');
        var _this = $(this);
        var status = $(this).data('status');
        var message = status == 'accept' ? 'Are you sure you want to approve this request?'
            : 'Are you sure you want to reject this request?';
        App.confirm('Community Request', message, function () {
            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    _token: "{{csrf_token()}}",
                },
                success: function (data) {
                    if (data.status == 'success') {
                        _this.closest('tr').remove();
                        App.alert(data.message, 'Success!');
                        setTimeout(function () {
                            window.location.href = window.location.href;
                        }, 1500);
                    } else {
                        App.alert(data.message || 'Unable to update the request status.', 'Failed!');
                    }
                },
                error: function (data) {
                    toastr.error(data.message);
                }
            });
        });
    });
</script>


@stop