@extends('backend.layout.master')
@include('backend.report.css')
@section('content')

    <!--Start Hero-->
      <section class="hero-section business-startup">
              <div class="container">
                <form method="post" action="{{route('report.dailypdf')}}">
                @csrf

                <div class="row">
                  <div class="col-md-4">
                    <div class="heading mb-3"><h2>Daily Reports</h2></div>
                  </div>

                  

                  <div class="col-md-2">
                    <div class="form-group">
                      <label class="control-label" for="select_month"><h5>Date</h5>
                      </label>
                      
                      <input class="datepicker-here-daily form-control digits" type="text" data-language="en"  data-date-format="yyyy-mm-dd" name="select_month" id="select_month" autocomplete="off" required value="{{$data['select_month']}}">
                      
                    </div>
                  </div>

                  <div class="col-md-2">
                    <div class="form-group">
                      <label class="control-label" for="group"><h5>Group</h5>
                      </label>
                      
                      <select class="select2 form-control" id="group" name="group[]" multiple>
                        {{-- <option value="" selected>Select Group</option> --}}
                        @foreach($groups as $group)
                        <option value="{{ $group->id}}" name="{{ $group->name }}" @if( in_array($group->id, $data['group'])) selected @endif> {{ $group->name }} </option>
                        @endforeach
                      </select>
                      
                    </div>
                  </div>

                  <div class="col-md-4 report-button-pedding d-flex align-items-center">
                    <button type="button" class="btn btn-light-primary round mr-1 mb-2" id="show_report" onclick="getKidsDatadaily();"><img src="{!! asset('images/Path 87.png')!!}">Show Report</button>
                    <button type="submit" id="get_pdf" class="btn btn-light-primary round mr-1 mb-2"><img src="{!! asset('images/Group 60.svg')!!}">Export Pdf</button>
                  </div>

                </div>
                </form>


                
                <div class="row">
                  <div class="col-md-12">
                    <div class="card shadow-0 border card_border_radius_admin">
                      <div class="card-body">
                        <div class="table-responsive display-report">
                          <table class="table bodyData" role="grid"
                           aria-describedby="responsive_info" id="basic-37">
                              <thead>
                                  <tr>
                                      <th class="no-sort">KIDS NAME</th>
                                      <th class="no-sort">DATE</th>
                                      <th class="no-sort">DROP OFF</th>
                                      <th class="no-sort"></th>
                                      <th class="no-sort">PICK UP</th>
                                      <th class="no-sort"></th>
                                      
                                  </tr>
                              </thead>
                              <tbody>
                                  
                              </tbody>  
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
      </section>
      <!--End Hero-->


@endsection
@include('backend.report.js')