@extends('admin_dashboard')
@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<div class="content">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            {{-- <li class="breadcrumb-item"><a href="javascript: void(0);">All Purchase</a></li> --}}
                        </ol>
                    </div>
                    <h4 class="page-title">Select Brand and Category</h4>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 col-xl-12">
                <div class="card">
                    <div class="card-body">
                        <div class="tab-pane" id="settings">
                            <form id="myForm" method="post" action="{{route('all.product.report.result')}}" enctype="multipart/form-data">
                                @csrf


                                <div class="row">


                                    <div class="col-md-6">
                                        <div class="form-group mb-2">
                                            <label for="brand_id" class="form-label">Brand</label>
                                            <select name="brand_id" id="brand_id" class="form-select" >
                                                <option selected value="">Select Brand</option>
                                                @foreach($brands as $brand)
                                                    <option value="{{ $brand->id }}">{{ $brand->brand_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group mb-2">
                                            <label for="category_id" class="form-label">Category</label>
                                            <select name="category_id" id="category_id" class="form-select" >
                                                <option selected value="">Select Category</option>
                                                @foreach($categories as $category)
                                                    <option value="{{ $category->id }}">{{ $category->category_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <!-- Master form fields -->
                                    {{-- <div class="col-md-6">
                                        <div class="mb-2">
                                            <label for="date" class="form-label">Start Date</label>
                                            <input type="date" name="start_date" id="start_date" class="form-control" required>
                                        </div>
                                    </div>
                                    <!-- Master form fields -->
                                    <div class="col-md-6">
                                        <div class="mb-2">
                                            <label for="date" class="form-label">End Date</label>
                                            <input type="date" name="end_date" id="end_date" class="form-control" required>
                                        </div>
                                    </div> --}}


                                    {{-- <button type="button" id="addRowBtn" class="btn btn-primary">Add Another Product</button> --}}
                                    <button type="submit" class="btn btn-success mt-3">View Report</button>
                                </div>
                            </form>






                        </div>
                    </div>
                </div> <!-- end card-->
            </div> <!-- end col -->
        </div> <!-- end row-->
    </div> <!-- container -->
</div> <!-- content -->


@endsection