@extends('layout')

@section('pageTitle', "首頁｜".config('globals.app_name'))


@section('content')
<style>
    .card-body{
        padding: 0 24px;
        margin-bottom: 10px;
    }
    .card-box{
        /* padding:24px; */
        border-radius: 10px;
        border:1px solid #d1d1ff;
        padding:0;
    }
    .card-box h3{
        background: #d1d1ff;
        font-size: 20px;
        padding: 12px;
        border-radius: 10px 10px 0 0;
        color: #676767;
        font-weight: 900;
    }
    .card-box div{
        margin:20px 0;
        font-size: 30px;
        text-align: right;
        padding:12px 24px;
        color: #676767;
    }
    .card-title h1{
        padding:24px;
        font-size: 30px;
    }
    ul,li{
        list-style: none;
    }
</style>
<div class="card-title">
    <h1>儀錶板</h1>
</div>
<div class="card-body row">
    <div class="col-3">
        <div class="card-box">
            <h3>本月叫貨</h3>
            <div>{{ $data['本月總叫貨量'] }}</div>
        </div>
    </div>
    <div class="col-3">
        <div class="card-box">
            <h3>本月叫貨金額</h3>
            <div>{{ $data['本月總叫貨金額'] }}</div>
        </div>
    </div>
    <div class="col-3">
        <div class="card-box">
            <h3>本日餐廳已收總金額</h3>
            <div>{{ $data['本日餐廳已收總金額'] }}</div>
        </div>
    </div>
    <div class="col-3">
        <div class="card-box">
            <h3>本日餐廳未收總金額</h3>
            <div>{{ $data['本日餐廳未收總金額'] }}</div>
        </div>
    </div>
</div>

{{-- <div class="card-box navbar-light bg-light">

    <ul>
        <li><a class="btn btn-secondary mb-3" href="{{ route('snIndex') }}">訂購系統</a></li>
        <li><a class="btn btn-secondary mb-3" href="{{ route('accountIndex') }}">原物料登記系統</a></li>
    </ul>
</div> --}}


@endsection