@extends('layouts.admin')

@section('content')




     <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
                                <h4 class="mb-sm-0">Advanced Reports</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
                                        <li class="breadcrumb-item active">Analytics</li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->

                    <div class="row">
                       <div class="col-12">
                          <div class="card">
                            <div class="card-body">
                            <form action="{{url('api/master-reports')}}" method="post">
                                <div class="row">
                                   @csrf
                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="basiInput" class="form-label">From Date</label>
                                                    <input type="date" class="form-control" name="f_date" id="f_date">
                                                </div>
                                            </div> 

                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="basiInput" class="form-label">To Date</label>
                                                    <input type="date" class="form-control" name="to_date" id="to_date" >
                                                </div>
                                            </div> 

                                            <div class="col-xxl-3 col-md-6">
                                            <label for="basiInput" class="form-label">Milk Type</label>
                                               <select class="form-control" name="cow" id="cow">
                                                    <option value="#">Select</option>
                                                    <option value="cow">Cow</option>
                                                    <option value="buffalo">Buffalo</option>
                                               </select>
                                           </div>

                                           <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="basiInput" class="form-label">SNF</label>
                                                    <input type="text" class="form-control" name="snf_report" id="snf_report" >
                                                </div>
                                            </div> 


                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <label for="basiInput" class="form-label">FAT</label>
                                                    <input type="text" class="form-control" name="fat" id="fat_report" >
                                                </div>
                                            </div> 

                                            <!-- <input type="submit" name="Search"> -->
                                </div>
                            </form>
                            </div><!-- card body -->
                         </div>
                        </div>
                    </div>

                    <div class="card">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Daily Report</h5>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive" id="contentDiv">
                                        <table id="buttons-datatables"  class="display table table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Member Number</th>
                                                    <th>Member Name</th>
                                                    <th>Mobile</th>
                                                    <th>Milk Type</th>
                                                    <th>SNF</th>
                                                    <th>FAT</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($data['report'] as $report)
                                                <tr>
                                                    <td><a href="{{url('view-invoice/'.$report->pid)}}">{{$report->member_number}}</a></td>
                                                    <td>{{$report->member_name}}</td>
                                                    <td>{{$report->mobile}}</td>
                                                    <td>{{$report->milk_type}}</td>
                                                    <td>{{$report->snf}}</td>
                                                    <td>{{$report->fat}}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                               
                                        </table>


                                        
                                    </div>



                                    <div id="ajaxView" style="display:none">
                                        <table id="buttons" class="display table table-bordered" style="width:100%">
                                            <thead>
                                                <tr>
                                                    <th>Member Number</th>
                                                    <th>Member Name</th>
                                                    <th>Mobile</th>
                                                    <th>Milk Type</th>
                                                    <th>SNF</th>
                                                    <th>FAT</th>
                                                </tr>
                                            </thead>
                                            <tbody id="search-reports">
                                            


                                            </tbody>
                                               
                                        </table>
                                    </div>


                                   
                                </div>
                            </div>
                        </div>
                    </div><!--end row-->

                  
                    </div>
            


                </div>
                <!-- container-fluid -->
            </div>
            <!-- End Page-content -->

            <footer class="footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <script>document.write(new Date().getFullYear())</script> ©censoware.
                        </div>
                        <div class="col-sm-6">
                            <div class="text-sm-end d-none d-sm-block">
                                Design & Develop by Censoware
                            </div>
                        </div>
                    </div>
                </div>
              
           </footer>
        </div>
        <!-- end main content-->






@endsection