@extends("artist-dashboard.layout.app")
@section("content")
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h2 class="mainHeading">
                    Wallet
                </h2>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('artist-dashboard')}}">Dashboard</a></li>
                        <li class="breadcrumb-item active">Wallet</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="cardSec">
        <div class="container-fluid">
            <div class="row">
                <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>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h2 class="mainHeading my-3">
                    Invoice Details
                </h2>
            </div>
        </div>
    </div>
    <section class="orderSec">
        <div class="container-fluid">
            <div class="row">
                <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 class="text-left pl-3">Invoice Number</th>
                                <th>Total QTY</th>
                                <th>Total Cost</th>
                                <th>Date</th>
                                <th>payment Method</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @for($i = 1; $i <=16; $i++)
                                <tr>
                                    <td class="text-left pl-3">12345678</td>
                                    <td>1</td>
                                    <td>110$</td>
                                    <td>08-12-2022</td>
                                    <td>Paypal</td>
                                    <td>
                                    <span class="btnCont">
                                        <a href="{{route('artist-invoice')}}" class="themeBtn active">Details</a>
                                        <a class="themeBtn">Pending</a>
                                    </span>
                                    </td>
                                </tr>
                            @endfor
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection