@extends('admin.layouts.layout')

@section('title', 'Depot Panel | SureX Admin Panel')

@section('content')

    <div class="row p-2">
        <div class="card col-md-5 p-2">


            <h4>From Date</h4>


            <div class="col-12 d-flex">
                <form action="{{ route('depot-report') }}" method="post">
                    @csrf
                    <input class="form-control" type="date" id="scanInput" name="from_dt" placeholder="Scan QR ..."
                        value="" required />

                    <input class="form-control" type="date" id="scanInput" name="end_dt" placeholder="Scan QR ..."
                        value="" required />

                    <button>SUbmit </button>
                </form>
            </div>




        </div>



        <div>
            <table class="table table-striped table-bordered" id="dataTable" style="width:100%">
                <thead>
                    <tr>
                        <th class="col-1">Sl</th>
                        <th>Code</th>
                        <th>Delete</th>
                    </tr>
                </thead>
                <tbody id="dataTable">
                    @if (!empty($scannedData))
                        @foreach ($scannedData as $data)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $data->code }}</td>
                                <td></td>
                            </tr>
                        @endforeach
                    @endif

                </tbody>
                <tfoot>
                    <tr>
                        <td>Total</td>
                        <td>{{ isset($scannedData) ? count($scannedData) : 0 }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>

    </div>


@endsection