@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 colspan="3" scope="col">{{ __('members.certifications') }}</th>
            </tr>
            </thead>

            <tbody class="response">
            <tr class="search_filter_form">
                <th scope="row">
                    <input type="text" name="course_name" value="{{ $request->course_name ?? '' }}" class="form-control" placeholder="">
                </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>

    <div class="modal fade printable certificationModal" id="certificationModal" tabindex="-1" aria-labelledby="certificationModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    <div class="certification_modal_container"></div>
                </div>
            </div>
        </div>
    </div>


@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.certificationsGrid", $member) }}'
    }
</script>
@section('inner_js')

@endsection