@extends('Template::layouts.app')
@section('app')
    <div class="dashboard position-relative">
        <div class="dashboard__inner flex-wrap">
            @include('Template::partials.dashboard_sidebar')
            <div class="dashboard__right">
                @include('Template::partials.dashboard_header')
                <div class="dashboard-body">
                    @yield('content')
                </div>
                <div class="dashboard-copyright">
                    <p class="dashboard-copyright__text">
                        @lang('Copyright') &copy; <a href="{{ route('home') }}" class="text--base">{{ __(gs('site_name')) }}</a> {{ date('Y') }} @lang('All Right Reserved.')
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection


@push('script')
    <script>
        (function($) {
            "use strict";
            Array.from(document.querySelectorAll('table')).forEach(table => {
                let heading = table.querySelectorAll('thead tr th');
                Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {
                    const columns = row.querySelectorAll('td');
                    if (columns.length !== heading.length) return;
                    columns.forEach((col, i) => {
                        col.setAttribute('data-label', heading[i].innerText);
                    });
                });
            });
        })(jQuery)
    </script>
@endpush