@extends('mommy.layouts.contentLayoutMaster')

@section('title','Welcome')

@section('vendor-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('page-styles')
    <style>
        .dot {
            height: 10px;
            width: 10px;
            background-color: #A33231;
            border-radius: 50%;
            display: inline-block;
        }
         .dataTables_paginate{
            margin-right: 30px !important;
        }
    </style>
@endsection

@section('content')
<section class="row flexbox-container  justify-content-center">
    {{-- 成績 --}}
    @include('mommy.dashboard.panels.performance')

    {{-- 通知 --}}
    @include('mommy.dashboard.panels.news')
</section>
@endsection

@section('vendor-scripts')
    <script src="{{ asset('vendors/js/tables/datatable/datatables.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.buttons.min.js') }}"></script>
@endsection

@section('page-scripts')
    <script>
        $('#news_table').DataTable({
            "pageLength": 10,
            "paging": true,
            "pagingType": "simple",  // 使用簡單的頁碼
            "searching": false,
            "ordering": false,
            "info": false,
            "lengthChange": false,
        });
    </script>
@endsection