@extends('layouts.master')


@section('body')
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-6">
                    <h3>
                     Dashboard</h3>
                </div>
                <div class="col-6">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a class="home-item" href="{{url('admin/dashboard')}}"><i data-feather="home"></i></a></li>
                        <li class="breadcrumb-item">Dashboard</li>
                        <li class="breadcrumb-item active">Salokha</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    @if(Auth::user()->can('dashboard.view'))
    @can('dashboard.view')


    <div class="container-fluid">

        <div class="row">

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('new-salokha-applications/0') }}">
                <div class="card b-primary">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px;background-color:#634191;">
                    <h3 class="text-white text-center">New Applications Received</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $totalPendingApplication }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('new-salokha-applications/1') }}">
                <div class="card b-success" style="border-color: #67d64b;">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#67d64b; ">
                    <h3 class="text-black text-center">Approved Applications</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $totalApproveApplication }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('new-salokha-applications/2') }}">
                <div class="card b-danger" style="border-color: #67d64b;">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#722727;">
                    <h3 class="text-white text-center">Reject Applications</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $totalRejectApplication }}</h1>
                </div>
                </div>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 col-xl-4">
                <div class="card b-primary">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px;background-color:#634191;">
                    <h3 class="text-white text-center">Total Application Received For Panchanama </h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $receivedPanchanamaApplication }}</h1>
                </div>
                </div>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-list?status=0') }}">
                <div class="card b-warning" style="border-color: #ccca39;">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#ccca39;">
                    <h3 class="text-black text-center">Pending For Panchanama</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $pendingForPanchanama }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-list') }}">
                <div class="card b-success">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#67d64b;">
                    <h3 class="text-black text-center">Uploaded Panchanama</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $uploadedPanchanama }}</h1>
                </div>
                </div>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-verification?status=0') }}">
                <div class="card b-warning">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#ccca39;">
                    <h3 class="text-black text-center">Pending Panchanama Verification </h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $pendingPanchanamaVerification }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-verification?status=1') }}">
                <div class="card b-success">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#67d64b;">
                    <h3 class="text-black text-center">Verified Panchanama</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $verifiedPanchanamaVerification }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-verification?status=2') }}">
                <div class="card b-danger">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#722727;">
                    <h3 class="text-white text-center">Rejected Panchanama</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $rejectdPanchanamaVerification }}</h1>
                </div>
                </div>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-orders?status=0') }}">
                <div class="card b-warning">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px; background-color:#ccca39;">
                    <h3 class="text-black text-center">Pending For Orders </h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $pendingOrders }}</h1>
                </div>
                </div>
                </a>
            </div>

            <div class="col-sm-12 col-xl-4">
                <a href="{{ url('punchnama-orders?status=1') }}">
                <div class="card b-success">
                <div class="card-header p-4" style="border-bottom-left-radius: 0px; border-bottom-right-radius:0px;background-color:#67d64b;">
                    <h3 class="text-black text-center">Uploaded Orders</h3>
                </div>
                <div class="card-body p-2">
                    <h1 class="text-center f-48">{{ $uploadOrders }}</h1>
                </div>
                </div>
            </a>
            </div>

        </div>


      </div>
      <!-- Container-fluid Ends-->

      @endcan
      @endif
@endsection