@extends('page.account.layout')
@section('account.content')
<div class="col-12 col-md-9">
    <!-- recent activity section -->
    <div class="d-flex flex-column theme-border-radius theme-bg-white theme-box-shadow mb-4">
        <!-- title section -->
        <div class="d-flex flex-column justify-content-center p-3 align-items-center">
            <i class="bi bi-check-circle mt-5 fs-2 text-success"></i>
            <span class="fs-4 fw-bold text-success">Return request accepted</span>
            <p class="fs-6 theme-text-accent-one">Pleaes keep the item ready for pickup</p>
        </div>
        <!-- dashboard section -->
        <div class="p-3">
            <div class="row g-0">
                <div class="col-12 col-lg-8 offset-lg-2 mb-3">
                    <div class="border border-bottom-0 p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Return Number</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">207949149</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                    <div class="border border-bottom-0 p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Date - Time</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">09-Dec-2022 05:07 IST</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                    <div class="border border-bottom-0 p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Expect pickup by</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">Wed, 16 May</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                    <div class="border border-bottom-0 p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Return Mode</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">Pickup</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                    <div class="border border-bottom-0 p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Refund Amount</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">$249.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                    <div class="border p-3">
                        <div class="row g-0 align-items-center">
                            <div class="col-12 col-md-6 col-lg-6">
                                <p class="mb-0 font-small">Mode of Payment</p>
                            </div>
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="d-flex flex-column font-small">
                                    <span class="font-small text-success">Net banking</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- repetable -->
                </div>
            </div>
        </div>
    </div>
</div>
@endsection