@extends('layouts.master')
@section('title',__('Admin Dashboard'))
@section('breadcum')
    <div class="breadcrumbbar">
        <div class="row align-items-center">
            <div class="col-md-8 col-lg-8">
                <h4 class="page-title">{{ __('Dashboard') }}</h4>
                <div class="breadcrumb-list">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}" title="{{ __('Home') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Dashboard') }}</li>
                    </ol>
                </div>
            </div>
        </div>          
    </div>
@endsection
@section('maincontent')
<div class="row">
    <div class="col-md-12">
       <div class="card mb-4">
           <div class="card-body">
                <div class="card bg-primary-rgba m-b-30">
                    <div class="card-body">
                        <div class="row align-items-center">
                            <div class="col-12">
                <!-- ======== voter start =========== -->
                @hasrole('Voter')
                <div class="col-8">
                <h5 class="card-title text-primary mb-1">{{ __('Welcome to dashboard') }}</h5>                               
                    <p class="mb-0 text-primary font-14"> {{ Auth::user()->name }}</p>
                    </div>
                    <div class="col-4 text-right">
                </div>
                @endhasrole
                <!-- ========= voter end ========== -->
                <!-- ======== manager start =========== -->
                @hasrole('Manager')
                <div class="col-8">
                    <h5 class="card-title text-primary mb-1">{{ __('Welcome to dashboard') }}</h5>
                    <p class="mb-0 text-primary font-14"> {{ Auth::user()->name }}</p>
                    </div>
                    <div class="col-4 text-right">
                    </div>
                @endhasrole
                <!-- ======== manager end =========== -->
                <!-- ======== Admin start =========== -->
                @hasrole('Admin')
                <div class="col-8">
                <h5 class="card-title text-primary mb-1">{{ __('Welcome to dashboard') }}</h5>                               
                    <p class="mb-0 text-primary font-14"> {{ Auth::user()->name }}</p>
                    </div>
                    <div class="col-4 text-right">
                </div>
                @endhasrole
                <!-- ========= Admin end ========== -->
                <!-- -========= super admin start =========== -->
                @hasrole('Super Admin')
                <div class="contentbar-block">                
                <!-- Start row -->
                <div class="row">
                    <!-- Start col -->
                    <div class="col-lg-12 col-xl-12">
                        <!-- Start row -->
                        <div class="row">
                            <!-- Start col -->
                            <div class="col-lg-12 col-xl-3 col-md-6">
                                <div class="card m-b-30">
                                    <div class="card-body">
                                        <div class="row align-items-center">
                                            <div class="col-7">
                                                <h4>{{ strip_tags($voter_count) }}<i class="feather icon-arrow-up text-success ml-1"></i></h4>
                                                <p class="font-14 mb-0">{{ __('Total') }}<br>{{ __('Voter') }}</p>
                                            </div>
                                            <div class="col-5 text-right">
                                                <div id="apex-area1-chart"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End col -->
                            <!-- Start col -->
                            <div class="col-lg-12 col-xl-3 col-md-6">
                                <div class="card m-b-30">
                                    <div class="card-body">
                                        <div class="row align-items-center">
                                            <div class="col-7">
                                                <h4>{{ strip_tags($candidate_count) }}<i class="feather icon-arrow-up text-success ml-1"></i></h4>
                                                <p class="font-14 mb-0">{{ __('Total') }}<br>{{ __('Candidate') }}</p>
                                            </div>
                                            <div class="col-5">
                                                <div id="apex-area2-chart"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End col -->
                            <!-- Start col -->
                            <div class="col-lg-12 col-xl-3 col-md-6">
                                <div class="card m-b-30">
                                    <div class="card-body">
                                        <div class="row align-items-center">
                                            <div class="col-7">
                                                <h4>{{ !empty($constituency) ? count($constituency) : '' }}<i class="feather icon-arrow-up text-success ml-1"></i></h4>
                                                <p class="font-14 mb-0">{{ __('Total') }}<br>{{ __('Constituency') }}</p>
                                            </div>
                                            <div class="col-5">
                                                <div id="apex-area3-chart"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End col -->
                            <!-- Start col -->
                            <div class="col-lg-12 col-xl-3 col-md-6">
                                <div class="card m-b-30">
                                    <div class="card-body">
                                        <div class="row align-items-center">
                                            <div class="col-7">                       
                                                <h4>{{ !empty($party_count) ? strip_tags($party_count) : '' }}<i class="feather icon-arrow-up text-success ml-1"></i></h4>
                                                <p class="font-14 mb-0">{{ __('Total') }}<br>{{ __('Party') }}</p>
                                            </div>
                                            <div class="col-5 text-right">
                                                <div id="apex-area4-chart"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End col -->
                        </div>
                        <!-- End row -->                        
                    </div>
                    <!-- End col -->                  
                </div>
                <!-- End row -->
            </div>
            @endhasrole
            <!-- =========== admin end ================ -->
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
</div>
@endsection
@section('script')
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/custom/custom-dashboard.js"></script>
@endsection