@extends('layouts.app')

@section('title', __('Home'))

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            @canany(['view customer', 'update customer', 'add customer'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-primary">
                            <h5 class="card-title">{{ __('Customers') }}</h5>
                            <p class="card-text">{{ $customers }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('customer.index') }}" class="text-primary"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view project', 'update project', 'add project', 'close project'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-success">
                            <h5 class="card-title">{{ __('Projects') }}</h5>
                            <p class="card-text">{{ $projects }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('project.index') }}" class="text-success"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view invoice', 'add invoice'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-dark">
                            <h5 class="card-title">{{ __('Invoices') }}</h5>
                            <div class="card-text">{{ $invoices }}</div>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('invoice.index') }}" class="text-dark"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view income', 'add income', 'delete income'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-info">
                            <h5 class="card-title">{{ __('Incomes') }}</h5>
                            <div class="card-text">{{ $incomes }}</div>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('income.index') }}" class="text-info"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view expense', 'update expense', 'add expense', 'delete expense'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-info">
                            <h5 class="card-title">{{ __('Expenses') }}</h5>
                            <p class="card-text">{{ $expenses }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('expense.index') }}" class="text-info"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view asset', 'update asset', 'add asset', 'delete asset'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-dark">
                            <h5 class="card-title">{{ __('Assets') }}</h5>
                            <p class="card-text">{{ $assets }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('asset.index') }}" class="text-dark"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view warehouse', 'update warehouse', 'add warehouse'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-primary">
                            <h5 class="card-title">{{ __('Warehouse') }}</h5>
                            <p class="card-text">{{ $warehouses }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('warehouse.index') }}" class="text-primary"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view supplier', 'update supplier', 'add supplier'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-success">
                            <h5 class="card-title">{{ __('Suppliers') }}</h5>
                            <p class="card-text">{{ $suppliers }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('supplier.index') }}" class="text-success"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany

            @canany(['view user', 'update user', 'add user', 'delete user'])
                <div class="col-md-3">
                    <div class="card mb-3">
                        <div class="card-body text-white bg-danger">
                            <h5 class="card-title">{{ __('Users') }}</h5>
                            <p class="card-text">{{ $users }}</p>
                        </div>
                        <div class="card-footer">
                            <a href="{{ route('user.index') }}" class="text-danger"
                               style="width: 100%;display: block;line-height: 15px;">
                                <i>{{ __('More') }}</i>
                                <i class="float-right fas fa-arrow-alt-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endcanany
        </div>
    </div>
@endsection