@extends('layouts.app')
<style>
    .dmcs-row {
        text-align: center;
    }

    .box-container {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 20px;
        /* padding: 20px; */
    }

    .box {
        background-color: #001b69;
        /* Dark blue background */
        border: 1px solid #cc3055;
        /* Red border */
        border-radius: 8px;
        padding: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: all 0.3s ease;
    }

    .box:hover {
        background-color: #001b69;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    }

    .order-number {
        display: block;
        font-size: 1.5em;
        color: #cc3055;
        /* Red for the order number */
        font-weight: bold;
        margin-bottom: 5px;
    }

    .label {
        display: block;
        font-size: 1em;
        color: #ffffff;
        /* White for the label */
        margin-bottom: 5px;
    }

    .date {
        font-size: 1.2em;
        color: #ffffff;
        /* White for the date */
        font-weight: 600;
    }

    h5 {
        color: #cc3055;
        /* Red for the heading */
        font-weight: bold;
    }
</style>
@section('content')
    <div class="dashboard-monitor-card-sec">
        <div class="dmcs-row">
            <div class="dmcs-col">
                <div class="dmcs-box bg1">
                    <div class="leftdiv">
                        <h3>{{ $total_application_today }}</h3>
                        <p>Total Applications Today</p>
                    </div>
                    <div class="rightdiv">
                        <i class="fa fa-book" aria-hidden="true"></i>
                    </div>
                    <div class="show-more">
                        <a href="{{ url('backend/applications') }}">View More<i class="fa fa-arrow-circle-right"
                                aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="dmcs-col">
                <div class="dmcs-box bg2">
                    <div class="leftdiv">
                        <h3>{{ $total_application }}</h3>
                        <p>Completed Applications</p>
                    </div>
                    <div class="rightdiv">
                        <i class="fa fa-book" aria-hidden="true"></i>
                    </div>
                    <div class="show-more">
                        <a href="{{ url('backend/applications') }}">View More<i class="fa fa-arrow-circle-right"
                                aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="dmcs-col">
                <div class="dmcs-box bg4">
                    <div class="leftdiv">
                        <h3>{{ $total_incomplted_application }}</h3>
                        <p>Incomplete Applications</p>
                    </div>
                    <div class="rightdiv">
                        <i class="fa fa-book" aria-hidden="true"></i>
                    </div>
                    <div class="show-more">
                        <a href="{{ url('backend/incomplete-applications') }}">View More<i class="fa fa-arrow-circle-right"
                                aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="dmcs-col">
                <div class="dmcs-box bg3">
                    <div class="leftdiv">
                        <h3>{{ $total_pickup_count }}</h3>
                        <p>Picked Up Packages</p>
                    </div>
                    <div class="rightdiv">
                        <i class="fa fa-car" aria-hidden="true"></i>
                    </div>
                    <div class="show-more">
                        <a href="{{ url('backend/pickup-date') }}">View More<i class="fa fa-arrow-circle-right"
                                aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
            {{-- <div class="dmcs-col">
                <div class="dmcs-box bg4">
                    <div class="leftdiv">
                        <h3>{{ $sum_delivery }}</h3>
                        <p>Total Deliveries</p>
                    </div>
                    <div class="rightdiv">
                        <i class="fa fa-users" aria-hidden="true"></i>
                    </div>
                    <div class="show-more">
                        <a href="javascript:;">View More<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div> --}}
        </div><br>
        <div class="dmcs-row">
            <h5>Pickup Dates</h5>
            <div class="box-container">

                @foreach ($pickup_dates as $pickup)
                    <div class="box">
                        <span class="order-number">{{ $pickup->application_forms_count ?? 0 }}</span>
                        <span class="label">Pickup on</span>
                        <span class="date">
                            @if ($pickup->pickup_date)
                                {{ \Carbon\Carbon::parse($pickup->pickup_date)->format('F d, Y') }}
                            @else
                                No date available
                            @endif
                        </span>
                    </div>
                @endforeach



            </div>
        </div><br>

        {{-- <div class="dmcs-row">
            <h5>Delivery Dates</h5>
            <div class="box-container">

                @foreach ($delivery_dates as $delivery)
                    <div class="box">
                        <span class="order-number">{{ $delivery->application_forms_count ?? 0 }}</span>
                        <span class="label">Delivery on</span>
                        <span class="date">
                            @if ($delivery->date)
                                {{ \Carbon\Carbon::parse($delivery->date)->format('F d, Y') }}
                            @else
                                No date available
                            @endif
                        </span>
                    </div>
                @endforeach
            </div>
        </div> --}}

    </div>
@endsection