@extends('layouts.app')
@section('title')
    {{ __('Dashboard') }}
@endsection
@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-info-box-icon fas fa-th"></i>
                        {{ __('Client Dashboard') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">{{ __('Dashboard') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection
@section('content')
    <!-- Small boxes (Stat box) -->
    <div class="card card-primary">
        <div class="card-header">
            <h5 class="card-title">
                {{ __('Summary') }}
            </h5>
        </div>
        <div class="card-body">
            <div class="row">
                <!-- ./col -->
                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-primary-box">
                    <a class="text-dark" href="{{ route('client.groups.index') }}">
                        <div class="row">
                            <div class="col-3 col-sm-4 col-xs-4">
                                <span class="icon">
                                    <span class="text-center">
                                        <i class="fa fa-list""></i>
                                    </span>
                                </span>
                            </div>
                            <div class="col-7 col-sm-8 col-xs-8">
                                <h4 class="m-0">
                                    {{ $group_tests_count }}
                                </h4>
                                <span>
                                    {{ __('Reports') }}
                                </span>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-danger-box">
                    <a class="text-dark" href="{{ route('client.groups.index', ['filter_pending' => 0]) }}">
                        <div class="row">
                            <div class="col-3 col-sm-4 col-xs-4">
                                <span class="icon">
                                    <span class="text-center">
                                        <i class="fa fa-pause"></i>

                                    </span>
                                </span>
                            </div>
                            <div class="col-7 col-sm-8 col-xs-8">
                                <h4 class="m-0">
                                    {{ $pending_tests_count }}

                                </h4>
                                <span>
                                    {{ __('Pending Reports') }}
                                </span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-success-box">
                    <a class="text-dark" href="{{ route('client.groups.index', ['filter_done' => 1]) }}">
                        <div class="row">
                            <div class="col-3 col-sm-4 col-xs-4">
                                <span class="icon">
                                    <span class="text-center">
                                        <i class="fa fa-check-double"></i>
                                    </span>
                                </span>
                            </div>
                            <div class="col-7 col-sm-8 col-xs-8">
                                <h4 class="m-0">
                                    {{ $done_tests_count }}
                                </h4>
                                <span>
                                    {{ __('Completed Reports') }}
                                </span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-primary-box">
                    <div class="row">
                        <div class="col-3 col-sm-4 col-xs-4">
                            <span class="icon">
                                <span class="text-center">
                                    <svg style="width: 20px !important; margin-left:15px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                                        <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                        <path d="M64 32C46.3 32 32 46.3 32 64v64c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V384h80c68.4 0 127.7-39 156.8-96H352c17.7 0 32-14.3 32-32s-14.3-32-32-32h-.7c.5-5.3 .7-10.6 .7-16s-.2-10.7-.7-16h.7c17.7 0 32-14.3 32-32s-14.3-32-32-32H332.8C303.7 71 244.4 32 176 32H64zm190.4 96H96V96h80c30.5 0 58.2 12.2 78.4 32zM96 192H286.9c.7 5.2 1.1 10.6 1.1 16s-.4 10.8-1.1 16H96V192zm158.4 96c-20.2 19.8-47.9 32-78.4 32H96V288H254.4z" />
                                    </svg>
                                </span>
                            </span>
                        </div>
                        <div class="col-7 col-sm-8 col-xs-8">
                            <h4 class="m-0">
                                {{-- @php
              var_dump(formated_price(auth()->guard('institute')->user()->total));
              @endphp --}}

                                {{ formated_price($total_test_sum) }}
                            </h4>
                            <span>
                                {{ __('Total') }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-success-box">
                    <div class="row">
                        <div class="col-3 col-sm-4 col-xs-4">
                            <span class="icon">
                                <span class="text-center">
                                    <svg style="width: 20px !important; margin-left:15px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                                        <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                        <path d="M64 32C46.3 32 32 46.3 32 64v64c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V384h80c68.4 0 127.7-39 156.8-96H352c17.7 0 32-14.3 32-32s-14.3-32-32-32h-.7c.5-5.3 .7-10.6 .7-16s-.2-10.7-.7-16h.7c17.7 0 32-14.3 32-32s-14.3-32-32-32H332.8C303.7 71 244.4 32 176 32H64zm190.4 96H96V96h80c30.5 0 58.2 12.2 78.4 32zM96 192H286.9c.7 5.2 1.1 10.6 1.1 16s-.4 10.8-1.1 16H96V192zm158.4 96c-20.2 19.8-47.9 32-78.4 32H96V288H254.4z" />
                                    </svg>
                                </span>
                            </span>
                        </div>
                        <div class="col-7 col-sm-8 col-xs-8">
                            <h4 class="m-0">
                                {{ formated_price($paid_test_sum) }}
                            </h4>
                            <span>
                                {{ __('Paid') }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-12 col-xs-12 mt-4 mb-4 custom-danger-box">
                    <div class="row">
                        <div class="col-3 col-sm-3 col-xs-4">
                            <span class="icon">
                                <span class="text-center">
                                    <svg style="width: 20px !important; margin-left:15px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                                        <!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
                                        <path d="M64 32C46.3 32 32 46.3 32 64v64c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V384h80c68.4 0 127.7-39 156.8-96H352c17.7 0 32-14.3 32-32s-14.3-32-32-32h-.7c.5-5.3 .7-10.6 .7-16s-.2-10.7-.7-16h.7c17.7 0 32-14.3 32-32s-14.3-32-32-32H332.8C303.7 71 244.4 32 176 32H64zm190.4 96H96V96h80c30.5 0 58.2 12.2 78.4 32zM96 192H286.9c.7 5.2 1.1 10.6 1.1 16s-.4 10.8-1.1 16H96V192zm158.4 96c-20.2 19.8-47.9 32-78.4 32H96V288H254.4z" />
                                    </svg>
                                </span>
                            </span>
                        </div>
                        <div class="col-7 col-sm-8 col-xs-8">
                            <h4 class="m-0">
                                {{ formated_price($due_test_sum) }}
                            </h4>
                            <span>
                                {{ __('Due') }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- /.row -->
@endsection
@section('scripts')
    <script>
        (function($) {

            "use strict";

            $('#dashboard').addClass('active');
        })(jQuery);
    </script>
@endsection