{{--todo change fonts url--}}
@extends("Dashboard::layouts.master")


        @section("content")
            <div class="main-content">
                <div class="row no-gutters font-size-13 margin-bottom-10">
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> موجودی حساب فعلی </p>
                        <p>2,500,000 تومان</p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> کل فروش دوره ها</p>
                        <p>2,500,000 تومان</p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> کارمزد کسر شده </p>
                        <p>2,500,000 تومان</p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-bottom-10">
                        <p> درآمد خالص </p>
                        <p>2,500,000 تومان</p>
                    </div>
                </div>
                <div class="row no-gutters font-size-13 margin-bottom-10">
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> درآمد امروز </p>
                        <p>500,000 تومان</p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> درآمد 30 روز گذاشته</p>
                        <p>2,500,000 تومان</p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white margin-left-10 margin-bottom-10">
                        <p> تسویه حساب در حال انجام </p>
                        <p>0 تومان </p>
                    </div>
                    <div class="col-3 padding-20 border-radius-3 bg-white  margin-bottom-10">
                        <p>تراکنش های موفق امروز (0) تراکنش </p>
                        <p>2,500,000 تومان</p>
                    </div>
                </div>
                <div class="row no-gutters font-size-13 margin-bottom-10">
                    <div class="col-8 padding-20 bg-white margin-bottom-10 margin-left-10 border-radius-3">
                        محل قرار گیری نمودار
                    </div>
                    <div class="col-4 info-amount padding-20 bg-white margin-bottom-12-p margin-bottom-10 border-radius-3">

                        <p class="title icon-outline-receipt">موجودی قابل تسویه </p>
                        <p class="amount-show color-444">600,000<span> تومان </span></p>
                        <p class="title icon-sync">در حال تسویه</p>
                        <p class="amount-show color-444">0<span> تومان </span></p>
                        <a href="/" class=" all-reconcile-text color-2b4a83">همه تسویه حساب ها</a>
                    </div>
                </div>
                <div class="row bg-white no-gutters font-size-13">
                    <div class="title__row">
                        <p>تراکنش های اخیر شما</p>
                        <a class="all-reconcile-text margin-left-20 color-2b4a83">نمایش همه تراکنش ها</a>
                    </div>
                    <div class="table__box">
                        <table width="100%" class="table">
                            <thead role="rowgroup">
                            <tr role="row" class="title-row">
                                <th>شناسه پرداخت</th>
                                <th>ایمیل پرداخت کننده</th>
                                <th>مبلغ (تومان)</th>
                                <th>درامد شما</th>
                                <th>درامد سایت</th>
                                <th>نام دوره</th>
                                <th>تاریخ و ساعت</th>
                                <th>وضعیت</th>
                                <th>عملیات</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr role="row">
                                <td><a href=""> 1</a></td>
                                <td><a href="">mohammadnio3@gmail.com</a></td>
                                <td><a href="">600,000</a></td>
                                <td><a href="">400,000</a></td>
                                <td><a href="">400,000</a></td>
                                <td><a href="">خرید دوره - دوره متخصص php سطح مقدماتی</a></td>
                                <td><a href=""> 22:14:48 1399/02/23</a></td>
                                <td><a href="" class="text-success">پرداخت موفق</a></td>
                                <td class="i__oprations">
                                    <a href="" class="item-delete margin-left-10" title="حذف"></a>
                                    <a href="edit-transaction.html" class="item-edit" title='ویرایش'></a>
                                </td>
                            </tr>
                            <tr role="row">
                                <td><a href=""> 1</a></td>
                                <td><a href="">mohammadniko3@gmail.com</a></td>
                                <td><a href="">600,000</a></td>
                                <td><a href="">400,000</a></td>
                                <td><a href="">400,000</a></td>
                                <td><a href="">خرید دوره - دوره متخصص php سطح مقدماتی</a></td>
                                <td><a href=""> 22:14:48 1399/02/23</a></td>
                                <td><a href="" class="text-error">پرداخت ناموفق</a></td>
                                <td class="i__oprations">
                                    <a href="" class="item-delete margin-left-10" title="حذف"></a>
                                    <a href="edit-transaction.html" class="item-edit" title='ویرایش'></a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endsection




