@extends('layouts/contentLayoutMaster')

@section('title', 'Home')

@section('content')

    <div class="content-body">

        <style>
            .blink {
                animation: blinker 1.5s linear infinite;
                color: red;
            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }

            .feather,
            [data-feather] {
                height: 1.5rem;
                width: 1.5rem;
            }
        </style>

        <div class="content-body">
            <section id="statistics-card">
                <!-- Stats Vertical Card -->

                <div class="row match-height">
                    <div class="col-lg-3 col-sm-6" style="cursor: pointer;"
                        >
                        <a href="{{ route('machines.index') }}" class="card">
                            <div class="card-body d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="fw-bolder mb-75">{{ $machineCount  ?? 0 }}</h3>
                                    <span>Total Machine</span>
                                </div>
                                <div class="avatar bg-light-success p-50">
                                    <span class="avatar-content">
                                        <i data-feather='tool'></i>
                                    </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>

@endsection


@section('page-script')
    <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <script type="text/javascript">
       
    </script>
@endsection