@extends('layouts.master')
@section('title', __('Deposit Dashboard'))

@section('breadcrumb-text')
    <div class="row w-100 m-0 p-0">
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0">
            <h1 class="w-100">{{__('Deposits Dashboard')}}</h1>
        </div>
        <div class="col-12 col-md-6 col-lg-6 col-xl-6 col-sm-12 m-0 p-0 d-flex justify-content-end">
            @can('deposit-view')
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "pending"]) }}" data-toggle="tooltip" data-placement="top" title="Pending">{!! renderIconHtml('pending') !!}{{__('Pending')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "approved"]) }}" data-toggle="tooltip" data-placement="top" title="Approved">{!! renderIconHtml('approve') !!}{{__('Approved')}}</a>
                <a type="button" class="btn btn-sm btn-primary text-white mr-1" href="{{ route('admin.deposit.index', ['status' => "rejected"]) }}" data-toggle="tooltip" data-placement="top" title="Rejected">{!! renderIconHtml('reject') !!}{{__('Rejected')}}</a>
            @endcan
        </div>
    </div>
@endsection

@section('content')
<section class="main_section">
    <div class="row">
        <div class="deposit-dashboard-section">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="card mb-2 o-hidden">
                    <div class="card-body">
                        <h5 class="t-font-bolder">{{__('In This Month')}}</h5>
                        <div class="row d-flex justify-content-center my-3">
                            <div class="col-4 text-center">
                                <i class="i-Duplicate-Window fs-1 mb-2"></i>
                                <h4 class="text-muted mb-2">{{__('Pending')}}</h4>
                                <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($depositCurrentMonth[0] ?? 0) }}</h3>
                                <a type="button" class="btn btn-sm btn-primary bg-transparent text-primary mt-2" href="{{ route('admin.deposit.index', ['status' => "pending"]) }}" data-toggle="tooltip" data-placement="top" title="View All">{!! renderIconHtml('viewall') !!}{{__('View All')}}</a>
                            </div>
                            <div class="col-4 text-center">
                                <i class="i-Approved-Window fs-1 mb-2"></i>
                                <h4 class="text-muted mb-2">{{__('Approved')}}</h4>
                                <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($depositCurrentMonth[1] ?? 0) }}</h3>
                                <a type="button" class="btn btn-sm btn-primary bg-transparent text-primary mt-2" href="{{ route('admin.deposit.index', ['status' => "approved"]) }}" data-toggle="tooltip" data-placement="top" title="View All">{!! renderIconHtml('viewall') !!}{{__('View All')}}</a>
                            </div>
                            <div class="col-4 text-center">
                                <i class="i-Block-Window fs-1 mb-2"></i>
                                <h4 class="text-muted mb-2">{{__('Rejected')}}</h4>
                                <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($depositCurrentMonth[2] ?? 0) }}</h3>
                                <a type="button" class="btn btn-sm btn-primary bg-transparent text-primary mt-2" href="{{ route('admin.deposit.index', ['status' => "rejected"]) }}" data-toggle="tooltip" data-placement="top" title="View All">{!! renderIconHtml('viewall') !!}{{__('View All')}}</a>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="deposit-dashboard-section">
            <div class="row">
                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="card mb-2 o-hidden">
                    <div class="card-body">
                        <div class="row">
                        <div class="col-5 pe-0">
                            <h5 class="t-font-bolder">{{__('Total')}}</h5>
                            <small class="text-muted">{{__('No. of deposits ') }}{{ $totalDepositRecords ?? 0 }}</small>
                        </div>
                        <div class="col-7 text-end ps-0">
                            <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($totalDepositAmount ?? 0) }}</h3>
                            <small class="text-muted">100%</small>
                        </div>
                        <div class="col-12 mt-2">
                            <div class="progress">
                                <div class="progress-bar bg-primary" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="card mb-2 o-hidden">
                        <div class="card-body">
                                                        <div class="row">
                                <div class="col-5 pe-0">
                                    <h5 class="t-font-bolder">{{__('Pending')}}</h5>
                                    <small class="text-muted">{{__('No. of deposits ') }}{{ $totalDepositByStatus[0]['total_record'] ?? 0 }}</small>
                                </div>
                                <div class="col-7 text-end ps-0">
                                    <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($totalDepositByStatus[0]['total_amount'] ?? 0) }}</h3>
                                    <small class="text-muted">{{ formatDisplayNumber($percentage) }}%</small>
                                </div>
                                <div class="col-12 mt-2">
                                    <div class="progress">
                                        <div class="progress-bar bg-warning" role="progressbar" style="width: {{ $percentage }}%" aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="card mb-2 o-hidden">
                        <div class="card-body">
                                                        <div class="row">
                                <div class="col-5 pe-0">
                                    <h5 class="t-font-bolder">{{__('Approved')}}</h5>
                                    <small class="text-muted">{{__('No. of deposits ') }}{{ $totalDepositByStatus[1]['total_record'] ?? 0 }}</small>
                                </div>
                                <div class="col-7 text-end ps-0">
                                    <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($totalDepositByStatus[1]['total_amount'] ?? 0) }}</h3>
                                    <small class="text-muted">{{ formatDisplayNumber($percentage) }}%</small>
                                </div>
                                <div class="col-12 mt-2">
                                    <div class="progress">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: {{ $percentage }}%" aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-6">
                    <div class="card mb-2 o-hidden">
                        <div class="card-body">
                                                        <div class="row">
                                <div class="col-5 pe-0">
                                    <h5 class="t-font-bolder">{{__('Rejected')}}</h5>
                                    <small class="text-muted">{{__('No. of deposits ') }}{{ $totalDepositByStatus[2]['total_record'] ?? 0 }}</small>
                                </div>
                                <div class="col-7 text-end ps-0">
                                    <h3 class="t-font-boldest text-base">€ {{ formatDisplayNumber($totalDepositByStatus[2]['total_amount'] ?? 0) }}</h3>
                                    <small class="text-muted">{{ formatDisplayNumber($percentage) }}%</small>
                                </div>
                                <div class="col-12 mt-2">
                                    <div class="progress">
                                        <div class="progress-bar bg-danger" role="progressbar" style="width: {{ $percentage }}%" aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-md-12 col-lg-12 col-xl-6 col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="card-title">{{__('Currency Wise Deposit Request')}}</div>
                            @foreach ($totalDepositByCurrency as $depositKey => $deposit)
                                @php
                                    // Calculate percentage for the current status
                                    $percentage = $totalDepositAmount > 0 ? ($deposit->total_amount / $totalDepositAmount) * 100 : 0;
                                @endphp
                                <div class="ul-widget-app__poll-list mb-4">
                                    <div class="d-flex justify-content-between">
                                        <h4>
                                            {{$deposit->abbreviation}}
                                        </h4>
                                            <span class="text-boldest text-20">€ {{formatDisplayNumber($deposit->total_amount)}}</span>
                                    </div>
                                    <div class="d-flex">
                                        <span class="text-muted text-12">
                                                {{__('Total request')}} {{$deposit->total_record}}
                                        </span>
                                        <span class="t-font-boldest ms-auto">{{formatDisplayNumber($percentage)}} %</span>
                                    </div>
                                    <div class="progress progress--height-2 mb-3">
                                        <div class="progress-bar bg-primary" role="progressbar" style="width: {{$percentage}}%" aria-valuenow="{{$percentage}}" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                    @endforeach
                </div>
            </div>
        </div>

    </div>

</section>
@endsection
@push('scripts')
    <script src="{{ asset('backend/js/pages-js/deposit.js') }}"></script>
@endpush