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

    <!--Start Hero-->
      <section class="hero-section business-startup">
              <div class="container">
                <div class="row">
                  <div class="col-md-8">
                    <div class="heading mb-3"><h2>Reports</h2></div>
                  </div>
                  <div class="col-md-4"></div>
                  </div>
                </div>
                <div class="row">

                    @if(session()->has('error'))
                        <div class="alert alert-danger">
                            {{ session()->get('error') }}
                        </div>
                    @endif

                  <div class="report_form col-md-4 offset-md-4">
                    <div class="card shadow-0 border card_border_radius normal-card">
                      
                      <div class="card-body">
                        <form class="form" method="post" action="{{route('report.get-report')}}">
                                @csrf
                                                              
                          <div class="row reports_row">
                            <div class="col-md-12">
                              <div class="form-group ">
                                <div class="text-center">
                                  <label class="control-label select_month" for="select_month"><h5>Month</h5></label>
                                </div>
                                <input class="datepicker-here form-control digits" type="text" data-language="en" data-min-view="months" data-view="months" data-date-format="yyyy-mm" name="select_month" id="select_month" autocomplete="off" required="">
                                
                              </div>
                            </div>
                            <div class="col-md-12">
                              <div class="form-group ">
                                
                                <div class="text-center">
                                  <label class="control-label select_kids" for="select_kids"><h5>Student</h5></label>
                                </div>
                                <select class="select2 form-control" id="default-select" id="select_kids" name="select_kids" required>
                                    @if($data != null)
                                        <option value="{{ $data->id}} "
                                                name="{{ $data->first_name }} {{ $data->last_name }}  "
                                                selected>{{ $data->first_name }} {{ $data->last_name }} </option>
                                    @else
                                        <option value="" disabled selected>Select Student</option>
                                    @endif
                                    @foreach($kids as $kidsName)
                                        <option value="{{ $kidsName->id}}"
                                                name="{{ $kidsName->first_name }} {{ $kidsName->last_name }} "> {{ $kidsName->first_name }} {{ $kidsName->last_name }} </option>
                                    @endforeach
                                </select>
                              </div>
                              
                            </div>

                            
                            <div class="col-md-12 text-center">
                              <div class="form-group">
                                <button type="submit" class="btn btn-primary round btn-primary get-report-button">Get Report</button>
                                
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
      </section>
      <!--End Hero-->

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