@extends("artist-dashboard.layout.app")
@section("content")
    <section class="cardSec">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Total Products</h3>
                            <span>33</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-shopping-cart"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Total Orders</h3>
                            <span>0</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-shopping-bag"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Orders Completed</h3>
                            <span>0</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-check-circle"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Total Earning</h3>
                            <span>$0</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Withdraw Cash</h3>
                            <span>$0</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="infoCard">
                        <div class="info">
                            <h3>Remaining Earning</h3>
                            <span>$0</span>
                        </div>
                        <div class="iconCont">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="productSec">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h2 class="secHeading">
                        Latest Products
                    </h2>
                </div>
                @for($i = 1; $i <= 8; $i++)
                    <div class="col-md-3">
                        <div class="prodctBox">
                            <figure>
                                <img src="{{ asset('dashboard/images/pro')}}{{($i)}}{{'.png'}}"
                                     class="img-fluid" alt="">
                            </figure>
                            <div class="contnt">
                                <h4>Starting at $10</h4>
                                <a href="#" class="themeBtn">Order Now</a>
                            </div>
                        </div>
                    </div>
                @endfor
            </div>
        </div>
    </section>
    <section class="orderSec">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h2 class="secHeading">
                        Latest Orders
                    </h2>
                </div>
                <div class="col-12">
                    <div class="searchBar">
                        <p>Show <span>10</span> entries</p>
                        <form action="">
                            <input type="search" name="" id="" placeholder="Search">
                            <button><i class="fas fa-search alt"></i></button>
                        </form>
                    </div>
                </div>
                <div class="col-12">
                    <div class="table-responsive">
                        <table class="orderTable table table-borderless">
                            <thead>
                            <tr>
                                <th>Order Number</th>
                                <th>Total QTY</th>
                                <th>Total Cost</th>
                                <th>payment Method</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @for($i = 1; $i <= 6; $i++)
                                <tr>
                                    <td>Order1648101347</td>
                                    <td>1</td>
                                    <td>110$</td>
                                    <td>Paypal</td>
                                    <td>
                                    <span class="btnCont">
                                        <a href="{{route('artist-order-detail')}}" class="themeBtn active">Details</a>
                                        <a class="themeBtn">Pending</a>
                                    </span>
                                    </td>
                                </tr>
                            @endfor
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection