@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <div class="row">
        <div class="col-lg-6">
            <h3>{{ $title }}</h3>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('newUsers')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.new_user')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('activeUsers')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.active_user')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('trans')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.trans')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('alternativeTrans')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.alternative_trans')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('canceledTrans')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.canceled_trans')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('transRecipientModified')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.trans_recipient_modified')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('beneficiariesAdded')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.beneficiaries_added')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('beneficiariesModified')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.beneficiaries_modified')}}</h4>
                </div>
            </a>



        </div>
    </div>


    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('profileComplete')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.profile_complete')}}</h4>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('profileNotComplete')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.profile_not_complete')}}</h4>
                </div>
            </a>
        </div>
    </div>
{{--    <div class="col-md-4 mb-3">--}}
{{--        <div class="card">--}}
{{--            <a href="{{route('currencyRateUsers')}}">--}}
{{--                <div class="card-body text-center  shadow border rounded">--}}
{{--                    <i class="fa fa-folder text-primary fa-3x"></i>--}}
{{--                    <h4 class="mt-2" style="height: 80px">{{__('reports.currency_rate_users')}}</h4>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--        </div>--}}
{{--    </div>--}}
    <div class="col-md-4 mb-3">
        <div class="card">
            <a href="{{route('transCreatedThroughCurrencyPage')}}">
                <div class="card-body text-center  shadow border rounded">
                    <i class="fa fa-folder text-primary fa-3x"></i>
                    <h4 class="mt-2" style="height: 80px">{{__('reports.trans_created_through_rate_page')}}</h4>
                </div>
            </a>
        </div>
    </div>

</div>

@endsection

@section('inner_js')
    <script>
        $(document).ready(function () {
            let card = $('.card');
            card.hover(function () {
                $(this).children('a').children('.card-body').children('i').addClass('fa-folder-open')
            });
            card.mouseleave(function () {
                $(this).children('a').children('.card-body').children('i').removeClass('fa-folder-open')
            })

        })
    </script>
@endsection