@extends('admin.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/printable.css') }}" />
@endsection
@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.bills') }}</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 billModal" id="billModal" tabindex="-1" aria-labelledby="billModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content modal_print bill-modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="modal-body">
                    <button id="print_btn" class="butn"><i class="fas fa-print"></i></button>
                    <div class="bill_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.billsGrid", $member) }}'
    }
</script>
@section('inner_js')

@endsection