@extends('layout.layout')

@section('title') Comming Soon @endsection
@section('body')

@section('content')


<div class="">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="text-center">

                    <h3 class="mt-1">Site is Under Maintenance</h3>
                    <p>Please check back later.</p>

                    <div class="row justify-content-center">
                        <div class="col-sm-4">
                            <div class="maintenance-img">
                                <img src="{{ URL::asset('/assets/images/maintenance-bg.png')}}" width="250px" alt=""
                                    class="img-fluid mx-auto d-block">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="mt-4 maintenance-box">
                                <div class="p-3">
                                    <div class="avatar-sm mx-auto">
                                        <span class="avatar-title bg-soft-primary rounded-circle">
                                            <i class="ri-exchange-dollar-line font-size-24 text-primary"></i>
                                        </span>
                                    </div>

                                    <h5 class="font-size-15 text-uppercase mt-4">Financial Reports</h5>
                                    <p class="text-muted mb-0">Financial Reports are almost done
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mt-4 maintenance-box">
                                <div class="p-3">
                                    <div class="avatar-sm mx-auto">
                                        <span class="avatar-title bg-soft-primary rounded-circle">
                                            <i class="ri-account-pin-circle-line font-size-24 text-primary"></i>
                                        </span>
                                    </div>
                                    <h5 class="font-size-15 text-uppercase mt-4">
                                        General Practice</h5>
                                    <p class="text-muted mb-0">General Practice Reports is still in progress</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mt-4 maintenance-box">
                                <div class="p-3">
                                    <div class="avatar-sm mx-auto">
                                        <span class="avatar-title bg-soft-primary rounded-circle">
                                            <i class="ri-bar-chart-2-line font-size-24 text-primary"></i>
                                        </span>
                                    </div>
                                    <h5 class="font-size-15 text-uppercase mt-4">
                                        Stock Reports</h5>
                                    <p class="text-muted mb-0">Stock Reports are almost done</p>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- end row -->
                </div>
            </div>
        </div>
    </div>
</div>
@endsection