@extends('hardware.layouts.master')

@section('title', 'قسم الصيانة هاردوير')

@section('main-content')
    <div class="row">
        <div class="col-lg-3">
            <div class="card text-center">
                <div class="body">
                    <p class="m-b-20">
                        <i class="fas fa-spinner fa-spin text-info  fa-3x"></i>
                    </p>
                    <span>الطلبات قيد الإنتظار</span>
                    <h3>{{ $wait }}</h3>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="card text-center">
                <div class="body">
                    <p class="m-b-20">
                        <i class="fas fa-wrench text-warning  fa-3x"></i>
                    </p>
                    <span>الطلبات تعمل عليها</span>
                    <h3>{{ $working }}</h3>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="card text-center">
                <div class="body">
                    <p class="m-b-20">
                        <i class="fas fa-clipboard-check text-success  fa-3x"></i>
                    </p>
                    <span>الطلبات تمّت صيانتها</span>
                    <h3>{{ $done }}</h3>
                </div>
            </div>
        </div>
    </div>
@endsection
