@extends('layouts.app')

@section('template_title')
Dashboard Page
@endsection

@section('content')
    <div class="content-header">
        <div class="row">
            @if (session('status'))
            <div class="col-lg-12 mt-2">
                <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4>Info!</h4>
                    {{ session('status') }}
                </div>
            </div>
            @endif
            @if (session('error'))
            <div class="col-lg-12 mt-2">
                <div class="alert alert-danger alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4>Info!</h4>
                    {{ session('error') }}
                </div>
            </div>
            @endif
            <!-- <div class="col-md-4">

                </div> -->
            <!-- <div class="col-lg-3 col-6">
                    <div class="small-box bg-info">
                    <div class="inner">
                        <h3>tes</h3>
                        <p>Jumlah Customer</p>
                    </div>
                    <div class="icon">
                        <i class="nav-icon fas fa-users"></i>
                    </div>
                    <a href="/customer" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-6"> 
                    <div class="small-box" >
                    <div class="inner">
                        <h3>tes</h3>

                        <p>Jumlah Outlet</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-map-marker-alt mr-1"></i>
                    </div>
                    <a href="/gerai" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-6"> 
                    <div class="small-box bg-danger">
                    <div class="inner">
                        <h3>tes</h3>
                        <p>Jumlah Pembayaran</p>
                    </div>
                    <div class="icon">
                        <i class="far fa-file-alt mr-1"></i>
                    </div>
                    <a href="/payment" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div> -->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{$user}}</h3>

                        <p>Users</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-person-add"></i>
                    </div>
                    <a href="/users" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- Destination -->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-danger">
                    <div class="inner">
                        <h3>{{$destinations}}</h3>

                        <p>Destinations</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <a href="/destinations" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            <!-- Lot Process -->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{$destinations}}</h3>

                        <p>Lot Proceses</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-recycle"></i>
                    </div>
                    <a href="/lot-process" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            <!-- Case -->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{$cases}}</h3>

                        <p>Cases</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-box"></i>
                    </div>
                    <a href="/case" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            <!-- Item -->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-primary">
                    <div class="inner">
                        <h3>{{$part_numbers}}</h3>

                        <p>Part Number</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-barcode"></i>
                    </div>
                    <a href="/items" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

            <!--Mapping-->
            <div class="col-lg-3 col-6">
                <div class="small-box bg-secondary">
                    <div class="inner">
                        <h3>{{$mappings}}</h3>

                        <p>Mappings</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-project-diagram"></i>
                    </div>
                    <a href="/mapping" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>

        </div>
    </div>
</section>
@endsection