@extends('admin.layout.master')
@section('content')
    <div class="content-body">
        <section id="configuration">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="table_content">
                            @include('admin.delegates.work_table')
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function () {
            // Search in table
            $(document).on('keyup', '#searchValue', function () {
                var searchValue = $(this).val();
                if (searchValue.length > 0) {
                    getSearchData(searchValue);
                } else {
                    getSearchData();
                }
            });

            function getSearchData(search = '') {
                var url = '{{ route("admin.delegates.work", ":id") }}';
                url = url.replace(':id', '{{ $delegate->id }}');

                $.ajax({
                    type: 'GET',
                    url: url,
                    data: {
                        'searchArray': {'value': search}
                    },
                    success: function (response) {
                        $('.table_content').html(response.html);
                    }
                });
            }

            // Reload table
            $(document).on('click', '.reload-datatable', function () {
                getSearchData();
            });
        });
    </script>
@endsection