@extends('layouts.master')

@section('title', 'Homepage')

@section('content')
<div class="container-fluid" id="App">

    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <div class="my-auto">
            <h4 class="mb-0">{{ trans('label.system_admin') }}</h4>
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="javascript:void(0);">{{ trans('label.homepage') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ trans('label.system_admin') }}</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-xl-3 col-md-4 col-sm-6">
            <div class="card position-relative">
                <div class="function-star-icon-wrapper">
                    <i class="bi bi-star fs-18 text-warning" v-if="1"></i>
                    <i class="bi bi-star-fill fs-18 text-warning" v-else></i>
                </div>
                <a href="{{ asset('/company') }}">
                    <div class="card-body text-center">
                        <div class="file-manger-icon">
                            <img src="../assets/1.png" alt="img" class="rounded-7">
                        </div>
                        <h6 class="mb-1 fs-14 font-weight-semibold">{{ trans('label.company') }}</h6>
                        <span class="text-muted invisible"> {{ trans('label.company') }}</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-xl-3 col-md-4 col-sm-6">
            <div class="card position-relative">
                <div class="function-star-icon-wrapper">
                    <i class="bi bi-star fs-18 text-warning" v-if="1"></i>
                    <i class="bi bi-star-fill fs-18 text-warning" v-else></i>
                </div>
                <a href="{{ asset('/function') }}">
                    <div class="card-body text-center">
                        <div class="file-manger-icon">
                            <img src="../assets/1.png" alt="img" class="rounded-7">
                        </div>
                        <h6 class="mb-1 fs-14 font-weight-semibold">{{ trans('label.function') }}</h6>
                        <span class="text-muted invisible"> {{ trans('label.function') }}</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-xl-3 col-md-4 col-sm-6">
            <div class="card position-relative">
                <div class="function-star-icon-wrapper">
                    <i class="bi bi-star fs-18 text-warning" v-if="1"></i>
                    <i class="bi bi-star-fill fs-18 text-warning" v-else></i>
                </div>
                <a href="{{ asset('/schedule') }}">
                    <div class="card-body text-center">
                        <div class="file-manger-icon">
                            <img src="../assets/1.png" alt="img" class="rounded-7">
                        </div>
                        <h6 class="mb-1 fs-14 font-weight-semibold">{{ trans('label.schedule_service') }}</h6>
                        <span class="text-muted invisible"> {{ trans('label.schedule_service') }}</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-xl-3 col-md-4 col-sm-6">
            <div class="card position-relative">
                <div class="function-star-icon-wrapper">
                    <i class="bi bi-star fs-18 text-warning" v-if="1"></i>
                    <i class="bi bi-star-fill fs-18 text-warning" v-else></i>
                </div>
                <a href="{{ asset('/access') }}">
                    <div class="card-body text-center">
                        <div class="file-manger-icon">
                            <img src="../assets/1.png" alt="img" class="rounded-7">
                        </div>
                        <h6 class="mb-1 fs-14 font-weight-semibold">{{ trans('label.access') }}</h6>
                        <span class="text-muted invisible"> {{ trans('label.access') }}</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-xl-3 col-md-4 col-sm-6">
            <div class="card position-relative">
                <div class="function-star-icon-wrapper">
                    <i class="bi bi-star fs-18 text-warning" v-if="1"></i>
                    <i class="bi bi-star-fill fs-18 text-warning" v-else></i>
                </div>
                <a href="{{ asset('//filetemplate') }}">
                    <div class="card-body text-center">
                        <div class="file-manger-icon">
                            <img src="../assets/1.png" alt="img" class="rounded-7">
                        </div>
                        <h6 class="mb-1 fs-14 font-weight-semibold">{{ trans('label.file_template') }}</h6>
                        <span class="text-muted invisible"> {{ trans('label.file_template') }}</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script-footer')

<!-- Chartjs Chart JS -->
<script src="{{ asset('assets/js/index.js') }}"></script>

<script src="{{ asset('assets/js/custom-switcher.min.js') }}"></script>
<!-- Custom JS -->
<script src="{{ asset('assets/js/custom.js') }}"></script>
<script type="text/javascript">
    var CSRF_TOKEN = jQuery('meta[name="csrf-token"]').attr('content');
    var S_HYPEN = "-";
    var options = {
        durations: {
                alert: 9000,
                warning: 9000,
                success: 9000,
            },
    }
    var notifier = new AWN(options);

    new Vue({
        el: '#App',
        data: {
            sortDirection: 'desc',
            sortBy: 'customer_id',
        },
        delimiters: ["((", "))"],
        mounted() {
            const that = this;
        },
        computed: {},

        methods: {
          
        },
    });
</script> 


<script type="text/javascript">
    var options = {
        durations: {
                alert: 9000,
                warning: 9000,
                success: 9000,
            },
        icons: {
            enabled: false
        }
    }
    var notifier = new AWN(options);
</script>

@if ($errors->any())
<script>
    let alertMessage = `
    @foreach ($errors->all() as $error)
    <br>
        {{ $error }}
    @endforeach
    `
    notifier.alert(alertMessage);
</script>
@endif

@if (session('error'))
<script>
    notifier.alert(`{{ session('error') }}`);
</script>
@endif

@if (session('success'))
<script>
    notifier.success(`{{ session('success') }}`);
</script>
@endif

@if (session('status'))
<script>
    notifier.success(`{{ session('status') }}`);
</script>
@endif
@endsection