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

@include('admin.partials.datatable-plugins')

@push('css')
<link href="{{asset('assets/admin')}}/plugins/select2/css/select2.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Amiri:wght@700&amp;display=swap" rel="stylesheet" />

<style type="text/css">
    .select2-container {
        width: 100% !important;
    }
</style>
@endpush

@section('content')
        <div class="row">
            <div class="container" style="background-color: white; border-radius: 15px;padding: 10px;">
                <div class="col-lg-12 col-md-12">
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between">
                            <h4 class="card-title mg-b-0">{{__('Monthly Student Report')}}</h4>
                            <i class="mdi mdi-dots-horizontal text-gray"></i>
                        </div>
                    </div>
                    <div class="container" style="background-color: white; border-radius: 15px;padding: 10px;">
                        @livewire('admin.reports.monthly-student-report')
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script src="{{asset('assets/admin')}}/plugins/select2/js/select2.full.min.js"></script>
<script src="{{asset('assets/admin')}}/plugins/select2/js/i18n/{{ app()->getLocale() }}.js"></script>
@endpush