@extends('layouts.dashboard-app')
@section('main-content')
    <div class="content-body">
        <div class="container">
            <div class="row page-titles">
                <div class="col p-0">
                    <h4>Hello, <span>Welcome {{ auth()->user()->name }}</span></h4>

                </div>
                <div class="col p-0">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a>
                        </li>
                        <li class="breadcrumb-item active">Dashboard</li>
                    </ol>
                </div>
            </div>
            @role('Team-Leader')
            @php
                $users = auth()->id();
            @endphp
                @inject('provider', 'App\Http\Controllers\ReportController')
                <h5 class="text-center">Leads Dashboard</h5>
                <div class="row">
                    <div class="col-lg-3">
                        <div class="card" style="background:#5858ea" id="active_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Leads Team Generated</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.01') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="verified_div" id="pending_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Leads Team Assigned</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.09') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="rejected_div" id="rejected_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Leads Team Processed</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.21') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="follow_up_div" id="follow_up_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Leads Team Rejected </h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.04') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                </div>

                <h5 class="text-center">Sale Dashboard</h5>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="card" style="background:#5858ea" id="active_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Sales Inprocessed</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.08') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card" id="verified_div" id="pending_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Sales Closed</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.24') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card" id="rejected_div" id="rejected_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Sales Cancelled</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::AllLeadsDailyTeam('1.26') }}
                                </h6>

                            </div>
                        </div>
                    </div>
                </div>

                <h5 class="text-center">Data Dashboard</h5>
                <div class="row">
                    <div class="col-lg-3">
                        <div class="card" style="background:#5858ea" id="active_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Numbers Assigned</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::TotalAssignNumGetUp() }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="verified_div" id="pending_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Numbers Assigned By Staff</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::TotalCallsMade() }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="rejected_div" id="rejected_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Data Attended</h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::TotalLeadsGenerated() }}
                                </h6>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="card" id="follow_up_div" id="follow_up_div">
                            <div class="card-body text-center" onclick="#">
                                <h4 class="white" style="color:#fff;">Total Team Follow Up Generated </h4>
                                <h6 class="display-5 mt-4 white" style="color:#fff;">
                                    {{ $provider::TotalFollowUpMade() }}
                                </h6>

                            </div>
                        </div>
                    </div>
                </div>
            @endrole
        </div>
    </div>
@endsection