@extends('admin.layouts.container')

@section('content')
    <form>
        <div class="side-title">
            <div class="row">
                <div class="col-lg-6">
                    <h3>{{ $title }}</h3>
                </div>
            </div>
        </div>

        <!-- ------------ data table ------------- -->
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th scope="col">{{ __('members.courses') }}</th>
                <th colspan="3" scope="col">{{  __('courses.status') }}</th>
            </tr>

            </thead>

            <tbody class="response">
            <tr class="search_filter_form">
                <th scope="row">
                    <input type="text" name="name" value="{{ $request->name ?? '' }}" class="form-control" placeholder="">
                </th>
                <th scope="row"></th>
                <th scope="col"><button type="button" class="butn color small search"><span><i class="fas fa-search"></i></span></button></th>
            </tr>
            </tbody>
        </table>
    </form>
@endsection



<script>
    /**
     * Importat to handle ajax requests for filters, deletes, trash and any proccess done on the table's data
     */
    var dataTable={
        route: '{{ route("members.coursesGrid", $member) }}'
    }
</script>
@section('inner_js')

@endsection