@include('layouts.header')
<!-- /Header -->
@include('layouts.sidebar')
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>Stock Report</h4>
                    <h6>Manage Stock Report</h6>
                </div>
            </div>
        </div>

        <div class="card table-list-card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a href="" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
                        </div>
                    </div>
                    {{-- <div class="search-path">
                        <div class="d-flex align-items-center">
                            <a class="btn btn-filter" id="filter_search">
                                <i data-feather="filter" class="filter-icon"></i>
                                <span><img src="assets/img/icons/closes.svg" alt="img"></span>
                            </a>
                            
                        </div>
                        
                    </div>
                    <div class="form-sort">
                        <i data-feather="sliders" class="info-img"></i>
                        <select class="select">
                            <option>Sort by Date</option>
                            <option>25 9 23</option>
                            <option>12 9 23</option>
                        </select>
                    </div> --}}
                </div>
                <!-- /Filter -->
                <div class="card" id="filter_inputs">
                    <div class="card-body pb-0">
                        <div class="row">
                            <div class="col-lg-2 col-sm-6 col-12">
                                <div class="input-blocks">
                                    <i data-feather="box" class="info-img"></i>
                                    <select class="select">
                                        <option>Choose product</option>
                                        <option>Bold V3.2</option>
                                        <option>Apple Series 5 Watch</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-12">
                                <div class="input-blocks">
                                    <i data-feather="stop-circle" class="info-img"></i>
                                    <select class="select">
                                        <option>Choose Status</option>
                                        <option>Sent</option>
                                        <option>Ordered</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-12">
                                <div class="input-blocks">
                                    <i data-feather="user" class="info-img"></i>
                                    <select class="select">
                                        <option>Choose Custmer</option>
                                        <option>walk-in-customer</option>
                                        <option>John Smith</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-12">
                                <div class="input-blocks">
                                    <i data-feather="file-text" class="info-img"></i>
                                    <div class="input-groupicon">
                                        <input type="text" class="form-control" placeholder="Enter Reference" >
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="input-blocks">
                                    <a class="btn btn-filters ms-auto"> <i data-feather="search" class="feather-search"></i> Search </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Filter -->
                <div class="table-responsive">
                    <table class="table  datanew">
                        <thead>
                            <tr>
                                
                                <th>Product Name</th>
                                <th>Varient</th>
                                <th>No of Rolls</th>
                                <th>Quantity</th>
                                <th>Unit</th>
                                <th>Available Rolls</th>
                                <th>Quantity On Hand</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($stockReport as $row)
                            <tr>
                                <td>{{ $row->product_name}}</td>
                                <td>{{ $row->varient_code}}-{{ $row->varient_name}}</td>
                                <td>{{ $row->no_of_rolls}}</td>
                                <td>{{ $row->quantity}}</td>
                                <td>{{ $row->unit_name}}</td>
                                <td>{{ $row->available_rolls}}</td>
                                <td>{{ $row->qunatity_on_hand }}</td>
                            </tr>
                            @endforeach
                        
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.footer')