@extends('admin.layouts.dashboard')
@section('title', 'Sales Report')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12 mt-3 mb-3">
            <h3 class="mb-2 main-heading">Booking Report</h3>
        </div>
    </div>
    {{--  <div class="col-12 bg-white rounded-4 bg-white p-4 mb-4">
        <!-- Tab Navigation -->
         <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link active" id="buy-tab" data-bs-toggle="tab" href="#buy">Buy Sales</a>
            </li>
            <!-- <li class="nav-item">
                <a class="nav-link" id="rent-tab" data-bs-toggle="tab" href="#rent">Rent Sales</a>
            </li> -->
        </ul>
        <div class="tab-content mt-4">
     <!-- Buy Sales -->
     <div class="tab-pane fade show active" id="buy">
                <div class="table-responsive">
                    <table class="table table-justified">
                        <thead>
                            <tr>
                                <th scope="col">DAY</th>
                                <th scope="col">ORDERS</th>
                                <th scope="col">RETURNS</th>
                                <th scope="col">NET SALES</th>
                                <!-- <th scope="col">SHIPPING</th> -->
                                <th scope="col">(GST 5% + PST 7%)</th>
                                <th scope="col">TOTAL SALES</th>
                            </tr>
                        </thead>
                        <tbody>
                                <tr>
                                    <td colspan="7" class="text-center">No sales data available.</td>
                                </tr>
                            
                        </tbody>
                    </table>
                </div>
                <!-- Buy Pagination -->
                  
            </div>
        <!-- Tab Content -->
       
            <!-- Rent Sales -->
            <div class="tab-pane fade " id="rent">
                <div class="table-responsive">
                    <table class="table table-justified">
                        <thead>
                            <tr>
                                <th scope="col">DAY</th>
                                <th scope="col">ORDERS</th>
                                <th scope="col">RETURNS</th>
                                <th scope="col">NET SALES</th>
                                <!-- <th scope="col">SHIPPING</th> -->
                                <th scope="col">GST 5%</th>
                                <th scope="col">TOTAL SALES</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                        </tbody>
                    </table>
                </div>
                <!-- Rent Pagination -->
                <div class="admin-pagination">{{ $rentSales->onEachSide(1)->links() }}</div>
            </div> 

           
        </div>
    </div> 
--}}</div>
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>