@extends('admin.layouts.master')
@section('page_title', __("Teachers Payments Report"))
@section('breadcrumb')
    @include('admin.partials.breadcrumb', ['breads' => [__('Reports'), __('Teachers Payments Report')]])
@endsection

@section('content')
            <div class="row row-sm">
                <div class="col-xl-12">
                    <div class="card mg-b-20">
                        <div class="card-header pb-0">
                            <div class="d-flex justify-content-between">
                                <h4 class="card-title mg-b-0">{{__('Teachers Payments Report')}}</h4>
                                <i class="mdi mdi-dots-horizontal text-gray"></i>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                @livewire('admin.reports.teachers-payments-report')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{asset('assets/admin')}}/plugins/jquery-ui/ui/widgets/datepicker.js"></script>

    <script type="text/javascript">
        $('.fc-datepicker').datepicker({
            showOtherMonths: true,
            selectOtherMonths: true,
            dateFormat: "yy-mm-dd",
            autoclose: true
        });
    </script>
@endpush