@extends('front.layouts.master-auth')
@section('content')
<!-- Start Page Content -->
<section class="page-content">
    <div class="container">
        <div class="userMoney-page-title">
            <h2 class="userMoney-name">
                الرصيد
            </h2>
            <div class="head-btns">
                <a href="withdraw.html" class="head-btn">
                    سحب
                </a>
                <a href="pay.html" class="head-btn">
                    شحن رصيد
                </a>
            </div>
        </div>
        <div class="UserMoney-page-cont">
            <div class="analytical-cont">
                <div class="balance-summary-block">
                    <div class="block-head">
                        <h3 class="balance-title">
                            الرصيد
                        </h3>
                        <a href="userMoney.html">
                            جميع تعاملاتك المالية
                            <span class="arrow">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="54" height="26.12"
                                         viewBox="0 0 54 26.12">
                                        <g data-name="Group 3706">
                                            <path data-name="Path 15111"
                                                  d="M-776.774 202.806a5.291 5.291 0 0 0 .537-.414q3.386-3.355 6.765-6.718a2.057 2.057 0 0 0 .576-2.169 1.988 1.988 0 0 0-1.548-1.429 2.106 2.106 0 0 0-2.054.662q-3.846 3.827-7.7 7.646-1.551 1.54-3.1 3.084a2.1 2.1 0 0 0-.01 3.208q5.411 5.39 10.838 10.765a2.094 2.094 0 0 0 3.057.069 2.1 2.1 0 0 0-.091-3.054q-3.392-3.387-6.8-6.76c-.136-.135-.291-.252-.437-.377l.044-.135h44.297a2.132 2.132 0 0 0 2.358-2.074 2.107 2.107 0 0 0-1.976-2.134c-.193-.012-.386-.005-.58-.005h-44.06z"
                                                  transform="translate(784.044 -192.019)" />
                                        </g>
                                    </svg>
                                </span>
                        </a>
                    </div>
                    <div class="block-body">
                        <div class="item">
                            <h6>
                                المتاح للإستخدام
                            </h6>
                            <strong>
                                12.60 $
                            </strong>
                            <p>
                                الرصيد الذي أودعته، وتستطيع أن تستخدمه في دفع قيمة مزاد مشروع
                            </p>
                        </div>
                        <div class="item">
                            <h6>
                                المعلق
                            </h6>
                            <strong>
                                12.60 $
                            </strong>
                            <p>
                                يتضمن ميزانية مشاريعك قيد التفيذ وأي مبلغ طلبت سحبه ولا زال قيد التحويل، بالإضافة
                                إلى أرباحك في ١٤ يوما الأخيرة
                            </p>
                        </div>
                        <div class="item">
                            <h6>
                                المتاح
                            </h6>
                            <strong>
                                12.60 $
                            </strong>
                            <p>
                                يتضمن أرباحك من المشاريع والتي يمكن سحبها
                            </p>
                        </div>
                    </div>
                </div>

                <div class="userMoney-page-title">
                    <h2 class="userMoney-name">
                        التعاملات المالية
                    </h2>
                    <div class="head-btns">
                        <div class="input-date-cont">
                            <input type="text" class="input-datepicker" placeholder="من" readonly>
                            <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" viewBox="0 0 27 30">
                                        <path data-name="Icon material-date-range"
                                              d="M13.5 16.5h-3v3h3zm6 0h-3v3h3zm6 0h-3v3h3zm3-10.5H27V3h-3v3H12V3H9v3H7.5a2.986 2.986 0 0 0-2.985 3L4.5 30a3 3 0 0 0 3 3h21a3.009 3.009 0 0 0 3-3V9a3.009 3.009 0 0 0-3-3zm0 24h-21V13.5h21z"
                                              transform="translate(-4.5 -3)" style="fill:#393939" />
                                    </svg>
                                </span>
                        </div>
                        <div class="input-date-cont">
                            <input type="text" class="input-datepicker" placeholder="إلى" readonly>
                            <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" viewBox="0 0 27 30">
                                        <path data-name="Icon material-date-range"
                                              d="M13.5 16.5h-3v3h3zm6 0h-3v3h3zm6 0h-3v3h3zm3-10.5H27V3h-3v3H12V3H9v3H7.5a2.986 2.986 0 0 0-2.985 3L4.5 30a3 3 0 0 0 3 3h21a3.009 3.009 0 0 0 3-3V9a3.009 3.009 0 0 0-3-3zm0 24h-21V13.5h21z"
                                              transform="translate(-4.5 -3)" style="fill:#393939" />
                                    </svg>
                                </span>
                        </div>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="transfer-table">
                        <tr>
                            <th class="amount" colspan="2">
                                <div class="amount-head">
                                    <button class="sort">
                                        المبلغ
                                        <svg xmlns="http://www.w3.org/2000/svg" width="31.501" height="20.243"
                                             viewBox="0 0 31.501 20.243">
                                            <g data-name="Group 4555">
                                                <path data-name="Icon ionic-ios-arrow-round-down"
                                                      d="M13.242 12.909a.919.919 0 0 0-1.294-.007L7.666 17.17V.907a.914.914 0 0 0-1.828 0V17.17l-4.286-4.275a.925.925 0 0 0-1.294.007.91.91 0 0 0 .007 1.287l5.836 5.794a1.026 1.026 0 0 0 .288.19.872.872 0 0 0 .352.07.916.916 0 0 0 .64-.26l5.836-5.794a.9.9 0 0 0 .025-1.28zM31.242 7.334a.919.919 0 0 1-1.294.007l-4.282-4.268v16.263a.914.914 0 0 1-1.828 0V3.073l-4.286 4.275a.925.925 0 0 1-1.294-.007.91.91 0 0 1 .007-1.287L24.101.26a1.026 1.026 0 0 1 .288-.19.872.872 0 0 1 .352-.07.916.916 0 0 1 .64.26l5.836 5.794a.9.9 0 0 1 .025 1.28z" />
                                            </g>
                                        </svg>
                                    </button>
                                </div>
                            </th>
                            <th class="type" colspan="2">
                                <div class="type-head">
                                    نوع المعاملة
                                    <svg xmlns="http://www.w3.org/2000/svg" width="11.288" height="18.576"
                                         viewBox="0 0 11.288 18.576">
                                        <path data-name="Path 13327" d="m-2073.653 5305.827-6.46 6.46 6.46 6.459"
                                              transform="translate(2082.112 -5302.999)"
                                              style="fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px" />
                                    </svg>
                                </div>
                                <div class="type-list">
                                    <span data-filter="withdraw">سحب</span>
                                    <span data-filter="deposit">إيــداع</span>
                                    <span data-filter="profit">ربــــــح</span>
                                </div>
                            </th>
                            <th class="details" colspan="4">
                                <div class="details-head">
                                    تفاصيل
                                </div>
                            </th>
                            <th class="time" colspan="2">
                                <div class="time-head">
                                    <button class="sort">
                                        التوقيت
                                        <svg xmlns="http://www.w3.org/2000/svg" width="31.501" height="20.243"
                                             viewBox="0 0 31.501 20.243">
                                            <g data-name="Group 4555">
                                                <path data-name="Icon ionic-ios-arrow-round-down"
                                                      d="M13.242 12.909a.919.919 0 0 0-1.294-.007L7.666 17.17V.907a.914.914 0 0 0-1.828 0V17.17l-4.286-4.275a.925.925 0 0 0-1.294.007.91.91 0 0 0 .007 1.287l5.836 5.794a1.026 1.026 0 0 0 .288.19.872.872 0 0 0 .352.07.916.916 0 0 0 .64-.26l5.836-5.794a.9.9 0 0 0 .025-1.28zM31.242 7.334a.919.919 0 0 1-1.294.007l-4.282-4.268v16.263a.914.914 0 0 1-1.828 0V3.073l-4.286 4.275a.925.925 0 0 1-1.294-.007.91.91 0 0 1 .007-1.287L24.101.26a1.026 1.026 0 0 1 .288-.19.872.872 0 0 1 .352-.07.916.916 0 0 1 .64.26l5.836 5.794a.9.9 0 0 1 .025 1.28z" />
                                            </g>
                                        </svg>
                                    </button>
                                </div>
                            </th>
                            <th colspan="1"></th>
                        </tr>
                        <tr>
                            <td class="amount" colspan="2">
                                +250.00$
                            </td>
                            <td class="type" colspan="2">
                                    <span class="item-type profit">
                                        ربـــــح
                                    </span>
                            </td>
                            <td class="details" colspan="4">
                                إكمال مشروع تصميم ابداعي غير تقليدي
                            </td>
                            <td class="time" colspan="2">
                                ٢٠ يناير ٢٠٢١
                            </td>
                            <td colspan="1"></td>
                        </tr>
                        <tr>
                            <td class="amount" colspan="2">
                                +250.00$
                            </td>
                            <td class="type" colspan="2">
                                    <span class="item-type withdraw">
                                        سحب
                                    </span>
                            </td>
                            <td class="details" colspan="4">
                                إكمال مشروع تصميم ابداعي غير تقليدي
                            </td>
                            <td class="time" colspan="2">
                                ٢٠ يناير ٢٠٢١
                            </td>
                            <td colspan="1"></td>
                        </tr>
                        <tr>
                            <td class="amount" colspan="2">
                                +250.00$
                            </td>
                            <td class="type" colspan="2">
                                    <span class="item-type deposit">
                                        إيداع
                                    </span>
                            </td>
                            <td class="details" colspan="4">
                                إكمال مشروع تصميم ابداعي غير تقليدي
                            </td>
                            <td class="time" colspan="2">
                                ٢٠ يناير ٢٠٢١
                            </td>
                            <td colspan="1">
                                <a href="#!" class="receipt">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="13.5"
                                         viewBox="0 0 15.75 13.5">
                                        <g id="Icon_ionic-md-paper" data-name="Icon ionic-md-paper"
                                           transform="translate(-2.25 -4.5)">
                                            <path id="Path_16751" data-name="Path 16751"
                                                  d="M17.438 4.5H7.875a.579.579 0 0 0-.562.58v1.108H3.727A1.481 1.481 0 0 0 2.25 7.664v7.295A3.047 3.047 0 0 0 5.273 18h9.833A2.9 2.9 0 0 0 18 15.117V5.063a.564.564 0 0 0-.562-.563zM7.313 7.313v6.75H5.836V7.988a1.717 1.717 0 0 0-.116-.675zm-.6 8.979a2.076 2.076 0 0 1-1.424.584 1.921 1.921 0 0 1-1.916-1.916V7.988a.668.668 0 1 1 1.336 0v6.637a.564.564 0 0 0 .563.563h2.023a1.85 1.85 0 0 1-.58 1.103zm10.16-1.174a1.777 1.777 0 0 1-1.768 1.758H7.71a2.939 2.939 0 0 0 .728-1.916v-9.3h8.438z" />
                                            <path id="Path_16752" data-name="Path 16752"
                                                  d="M17.438 9.563h5.625v1.969h-5.625z"
                                                  transform="translate(-7.594 -2.531)" />
                                        </g>
                                    </svg>
                                    إيصال
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="side-cont">
                <h3 class="side-title">
                    إحصائيات عامة
                </h3>
                <div class="side-item">
                    <div class="item-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
                            <g transform="translate(0 .056)">
                                <path data-name="Rectangle 4118" transform="translate(0 -.056)" style="fill:none"
                                      d="M0 0h60v60H0z" />
                                <path data-name="Path 16727"
                                      d="M40 51.747V81.72a3.747 3.747 0 0 0 3.747 3.747h37.467a1.873 1.873 0 0 0 1.873-1.873V57.367a1.873 1.873 0 0 0-1.873-1.873H43.747A3.747 3.747 0 0 1 40 51.747h0A3.747 3.747 0 0 1 43.747 48h31.847"
                                      transform="translate(-30.633 -36.764)"
                                      style="stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;fill:none" />
                                <circle data-name="Ellipse 2139" cx="3" cy="3" r="3"
                                        transform="translate(39 30.944)" style="fill:#60d049" />
                            </g>
                        </svg>
                    </div>
                    <div class="item-text">
                        <h5>
                            إجمالي الربح
                        </h5>
                        <strong>
                            1234.00$
                        </strong>
                    </div>
                </div>
                <div class="side-item">
                    <div class="item-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="58" height="58" viewBox="0 0 58 58">
                            <g data-name="Group 4551" transform="translate(0 -.169)">
                                <path data-name="Rectangle 4119" transform="translate(0 .169)" style="fill:none"
                                      d="M0 0h58v58H0z" />
                                <circle data-name="Ellipse 2140" cx="22" cy="22" r="22"
                                        transform="translate(7 7.169)"
                                        style="stroke-width:5px;stroke:#000;stroke-miterlimit:10;fill:none" />
                                <path data-name="Path 16728" d="M128 72v12.7h12.7"
                                      transform="translate(-98.963 -55.573)"
                                      style="stroke:#60d049;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;fill:none" />
                            </g>
                        </svg>

                    </div>
                    <div class="item-text">
                        <h5>
                            الوقت
                        </h5>
                        <strong>
                            2 عام و 4 شهور و 2 يوم
                        </strong>
                    </div>
                </div>
                <div class="side-item">
                    <div class="item-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="55.235" height="55.489"
                             viewBox="0 0 55.235 55.489">
                            <g id="vVKzKh.tif" transform="translate(414.099 -288.823)">
                                <g id="Group_4568" data-name="Group 4568" transform="translate(-413.598 289.324)">
                                    <path id="Path_16733" data-name="Path 16733" style="fill: #262626; stroke: #262626"
                                          d="M-402.86 445.864c0 .456.008.85 0 1.244a1.111 1.111 0 0 1-1.184 1.194q-2.713.019-5.426 0a1.053 1.053 0 0 1-1.13-1.061 1.061 1.061 0 0 1 1.16-1.087c1.445-.012 2.891 0 4.378 0v-15.54h-7.07a2.758 2.758 0 0 1-.592-.042 1.075 1.075 0 0 1-.87-1.089 1.1 1.1 0 0 1 1.014-1.021c.108-.011.217 0 .325 0h8.03c.991 0 1.365.382 1.368 1.387v2.287c.772-.02 1.475.163 2.159-.49 1.5-1.435 3.088-2.784 4.68-4.121a2.058 2.058 0 0 1 1.215-.443c4.757-.03 9.513-.02 14.27-.019.971 0 1.349.328 1.427 1.3a5.7 5.7 0 0 1-.733 3.227l-.286.522a.725.725 0 0 0 .96-.364c1.235-1.953 2.5-3.89 3.758-5.826a6.344 6.344 0 0 1 4.277-3.056 6.424 6.424 0 0 1 3.853.816c.425.2.473.544.4 1.293a27.03 27.03 0 0 1 2.726-.412 4.422 4.422 0 0 1 3.5 1.424c.24.246.485.487.727.731.806.812.743 1.459-.213 2.119q-2.72 1.878-5.444 3.751c-2.349 1.62-4.668 3.287-7.06 4.841a15.262 15.262 0 0 1-2.984 1.357q-9.214 3.45-18.448 6.845a3.819 3.819 0 0 1-1.262.227c-2.3.022-4.594.01-6.891.01zm40.872-18.34a7.179 7.179 0 0 0-1.258-.694 4.207 4.207 0 0 0-3.419.582q-5.717 3.312-11.437 6.62a1.941 1.941 0 0 1-.917.261q-6.567.025-13.134 0a1.5 1.5 0 0 1-.763-.21.949.949 0 0 1-.439-1.124 1.107 1.107 0 0 1 1.2-.813c2.677 0 5.356.024 8.032-.025a2.865 2.865 0 0 0 1.487-.506 3.485 3.485 0 0 0 1.369-2.393c-.153-.013-.278-.033-.4-.033q-6.35 0-12.7.01a1.118 1.118 0 0 0-.664.263q-2.488 2.14-4.943 4.32a1.667 1.667 0 0 1-1.222.47c-.538-.017-1.076 0-1.613 0v9.5c2.378 0 4.71.011 7.043-.01a3.821 3.821 0 0 0 1.262-.218c5.414-1.99 10.8-4.05 16.237-5.982a27.678 27.678 0 0 0 7.214-3.729c2.906-2.14 5.927-4.125 9.065-6.289zm-7.424-2.48a7.062 7.062 0 0 0-1.257-.091 4.008 4.008 0 0 0-2.9 2.042c-.564.859-1.112 1.728-1.666 2.594-.07.11-.127.229-.263.477 1.678-.974 3.218-1.867 4.754-2.766a.733.733 0 0 0 .253-.266c.338-.612.669-1.234 1.079-1.99z"
                                          transform="translate(413.598 -393.822)" />
                                    <path id="Path_16734" data-name="Path 16734" style="fill: #262626; stroke: #262626"
                                          d="M-301.924 308.559a13.055 13.055 0 0 1-11.249 12.931 13.329 13.329 0 0 1-14.888-9.926 13.06 13.06 0 0 1 10.458-16 13.2 13.2 0 0 1 5.948.342 1.06 1.06 0 0 1 .85 1 .923.923 0 0 1-.611.99 2.389 2.389 0 0 1-.95.04 29.789 29.789 0 0 0-3.007-.287 10.859 10.859 0 0 0-10.409 9.105 10.943 10.943 0 0 0 8.8 12.573 10.975 10.975 0 0 0 12.828-9.361 10.992 10.992 0 0 0-2.688-8.735 1.82 1.82 0 0 1-.4-1.054.915.915 0 0 1 .781-.859 1.055 1.055 0 0 1 1.106.4 11.873 11.873 0 0 1 2.795 4.893c.348 1.28.52 2.608.77 3.914z"
                                          transform="translate(346.933 -294.062)" />
                                    <path id="Path_16735" data-name="Path 16735"
                                          d="M-287.489 318.41c.233-1.339.453-1.64 1.151-1.631s.909.322 1.1 1.525a13.69 13.69 0 0 1 1.836.452 3.869 3.869 0 0 1 2.576 3.094c.14.832-.3 1.449-1.025 1.461a1.052 1.052 0 0 1-1.089-.929 2.076 2.076 0 0 0-2.346-1.824v2.748c0 1 .011.965.961 1.249a6.933 6.933 0 0 1 2.181.864 3.5 3.5 0 0 1-.276 5.7 4.918 4.918 0 0 1-2.829.9c-.059.819-.01 1.743-1.2 1.725-.658-.01-.836-.329-1.023-1.685-.529-.058-1.071-.075-1.594-.183a3.979 3.979 0 0 1-3.261-3.514c-.039-.751.309-1.224.936-1.274.659-.052 1.061.314 1.164 1.061a1.976 1.976 0 0 0 1.7 1.659 10.394 10.394 0 0 0 1.1.073v-2.633c0-1.13 0-1.13-1.111-1.371-.3-.065-.6-.122-.9-.186a3.388 3.388 0 0 1-2.824-2.663 3.431 3.431 0 0 1 1.34-3.6 4.435 4.435 0 0 1 2.8-1.007c.222-.013.433-.011.633-.011zm.036 2.17a2.6 2.6 0 0 0-2.431.8 1.279 1.279 0 0 0 .463 2.064 15.734 15.734 0 0 0 1.968.475zm2.21 9.265c1.344.015 2.34-.757 2.3-1.779s-.747-1.366-2.3-1.439z"
                                          transform="translate(318.673 -310.819)"
                                          style="fill:#60d049;stroke:#60d049" />
                                    <path id="Path_16736" data-name="Path 16736" style="fill: #262626; stroke: #262626"
                                          d="M-348.29 294.882v4.284a1.089 1.089 0 0 1-1.023 1.224 1.075 1.075 0 0 1-1.1-1.156q-.023-4.392 0-8.785a1.041 1.041 0 0 1 1.113-1.125 1.037 1.037 0 0 1 1.007 1.165c.007 1.465.003 2.929.003 4.393z"
                                          transform="translate(364.14 -289.324)" />
                                    <path id="Path_16737" data-name="Path 16737" style="fill: #262626; stroke: #262626"
                                          d="M-372.8 343.374v4.226c0 .78-.387 1.225-1.049 1.23s-1.075-.443-1.078-1.217q-.017-4.253 0-8.506a1.105 1.105 0 0 1 1.065-1.246c.656 0 1.061.482 1.063 1.287.006 1.409-.001 2.818-.001 4.226z"
                                          transform="translate(383.326 -327.324)" />
                                    <path id="Path_16738" data-name="Path 16738" style="fill: #262626; stroke: #262626"
                                          d="M-191.163 327.541v-4.067c0-.738.395-1.18 1.034-1.189a1.035 1.035 0 0 1 1.079 1.153q.021 4.148 0 8.3a1.073 1.073 0 0 1-1.068 1.185c-.625-.006-1.044-.5-1.046-1.257-.002-1.378.001-2.752.001-4.125z"
                                          transform="translate(239.453 -315.129)" />
                                    <path id="Path_16739" data-name="Path 16739" style="fill: #262626; stroke: #262626"
                                          d="M-348.3 356.882v2.87a1.064 1.064 0 0 1-1.04 1.2 1.076 1.076 0 0 1-1.082-1.168q-.028-2.9 0-5.795a1.056 1.056 0 0 1 1.109-1.182c.634.019 1.011.461 1.015 1.208-.002.953-.002 1.91-.002 2.867z"
                                          transform="translate(364.149 -339.022)" />
                                    <path id="Path_16740" data-name="Path 16740" style="fill: #262626; stroke: #262626"
                                          d="M-191.157 387.423a1.038 1.038 0 0 1 1.068-1.158 1.06 1.06 0 0 1 1.052 1.185 1.1 1.1 0 0 1-1.051 1.207 1.092 1.092 0 0 1-1.069-1.234z"
                                          transform="translate(239.448 -365.22)" />
                                    <path id="Path_16741" data-name="Path 16741" style="fill: #262626; stroke: #262626"
                                          d="M-372.766 397.443a1.075 1.075 0 0 1-1.083 1.106 1.1 1.1 0 0 1-1.044-1.157 1.057 1.057 0 0 1 1.123-1.11 1.036 1.036 0 0 1 1.004 1.161z"
                                          transform="translate(383.295 -373.061)" />
                                    <path id="Path_16742" data-name="Path 16742" style="fill: #262626; stroke: #262626"
                                          d="M-397.838 474.037a1.092 1.092 0 0 1-1.1 1.035 1.11 1.11 0 0 1-1.039-1.106 1.114 1.114 0 0 1 1.108-1.039 1.1 1.1 0 0 1 1.031 1.11z"
                                          transform="translate(402.934 -433.068)" />
                                </g>
                            </g>
                        </svg>
                    </div>
                    <div class="item-text">
                        <h5>
                            عمليات السحب
                        </h5>
                        <strong>
                            20 همليه
                        </strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Page Content -->
@endsection