@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 Customer and Date</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('indv.cust.sales.report.result')}}" enctype="multipart/form-data">
                                @csrf
                                <div class="row">


                                    <div class="col-md-12">
                                        <div class="form-group mb-2">
                                            <label for="customer_id" class="form-label">Customer</label>
                                            <select name="customer_id" id="customer_id" class="form-select" required>
                                                <option selected disabled>Select Customer</option>
                                                @foreach($customers as $customer)
                                                    <option value="{{ $customer->id }}">{{ $customer->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