{{-- Extends layout --}}
@extends('layout.default')

@section('styles')

    <!--begin::Page Custom Styles(used by this page)-->
    <style>
        
    </style>

	<!--end::Page Custom Styles-->
@endsection


{{-- Content --}}
@section('content')

    {{-- <div class="alert alert-custom alert-notice alert-info fade show" role="alert">
        <div class="alert-icon"><i class="flaticon2-check-mark"></i></div>
        <div class="alert-text">Admin Dashboard is under developement</div>
        <div class="alert-close">
            <button type="button" class="close" data-d
            .ismiss="alert" aria-label="Close">
                <span aria-hidden="true"><i class="ki ki-close"></i></span>
            </button>
        </div>
    </div> --}}

    

    <div class="row">
        <div class="col-lg-12">
            <!--begin::Card-->
            <div class="card card-custom card-stretch" id="kt_page_stretched_card">
                <div class="card-header">
                    {{-- <div class="card-title">
                    </div> --}}
                </div>
                <div class="card-body">
                    <div class="card-scroll">
                        
                    </div>
                </div>
            </div>
            <!--end::Card-->
        </div>
    </div>

    





@endsection


{{-- Scripts Section --}}
@section('scripts')
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="{{ asset('js/pages/crud/ktdatatable/base/team-table.js') }}" type="text/javascript"></script>
    <script src="{{ asset("js/pages/crud/forms/widgets/bootstrap-datepicker.js") }}"></script>
    <script src="{{ asset("plugins/custom/uppy/uppy.bundle.js") }}"></script>
    <script src="{{ asset("js/pages/features/charts/admin-dashboard-apexcharts.js") }}"></script>
    <script src="{{ asset("js/pages/admin-dashboard-widgets.js") }}"></script>
    <script>
        var KTLayoutStretchedCard=function() {
        // Private properties
        var _element;

        // Private functions
        var _init=function() {
        var scroll=KTUtil.find(_element, '.card-scroll');
        var cardBody=KTUtil.find(_element, '.card-body');
        var cardHeader=KTUtil.find(_element, '.card-header');

        var height=KTLayoutContent.getHeight();

        height=height - parseInt(KTUtil.actualHeight(cardHeader));

        height=height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));
        height=height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));

        height=height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));
        height=height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));

        height=height - 3;

        KTUtil.css(scroll, 'height', height + 'px');
        }

        // Public methods
        return {
        init: function(id) {
        _element=KTUtil.getById(id);

        if ( !_element) {
            return;
        }

        // Initialize
        _init();

        // Re-calculate on window resize
        KTUtil.addResizeHandler(function() {
            _init();
            }
        );
        },

        update: function() {
        _init();
        }
        };
        }();

        // Webpack support
        if (typeof module !=='undefined') {
        module.exports=KTLayoutStretchedCard;
        }
    </script>

@endsection