@extends('layouts.app-admin')
@section('content')

<div class="card">
    <div class="card-header">
    <strong>Batch Date wise Attendance Report</strong>
    </div>
    <div class="card-body card-block">

                {{-- <a class="au-btn au-btn-icon au-btn--green" href="{{ route('admin.id-cards.create') }}">
                    <i class="zmdi zmdi-plus"></i>Add new icard
                </a> --}}
                <form method="POST" action="{{ route('admin.attendancelog.batchdate.post') }}">
                    {{ csrf_field() }}
                <div class="row">
                <div class="col-lg-6">
                    <div class="row">
                        {{-- <div class="col-lg-3">
                            <label for="nf-email" class=" form-control-label">Date</label>
                        </div> --}}
                    <div class="col-lg-10">
                        <div class="input-group">



                            <div class="input-group date" data-provide="datepicker">
                                {{-- <input type="text" class="form-control"> --}}
                                <input name="dateinput" type="text" class="datepicker form-control">
                                <div class="input-group-addon">
                                    <span class="fas fa-calendar-alt"></span>
                                </div>

                            </div>


                            </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-primary" >
                                <i class="zmdi zmdi-search"></i>
                            </button>
                            </div>
                    </div>


                    </div>

                    </div>





                </div>
            </form>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <table class="table align-middle mb-0 bg-white">
                            @if ($res['post']==true)
                            {{-- @dump($resgroup) --}}
                            @foreach ( $resgroup as $batchName => $logs )

                            <thead class="bg-light">
                              <tr>
                                  <th colspan="5" style="text-align: center">{{$batchName}} </th>
                              </tr>
                              <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Check In</th>
                                <th>Check Out</th>
                                {{-- <th>Actions</th> --}}
                              </tr>
                            </thead>
                            <tbody>
                                {{-- @dump($resp['students'][0]['student']) --}}
                                {{-- resgroup --}}
                                 @foreach ( $logs as $stuu  )
                                 {{-- @dump($stuu) --}}
                                {{-- @dd($stuu->student['studentid']) --}}
                                        {{-- @foreach ( $stu as )

                                        @endforeach --}}
                                {{-- @dump($stu[0]['id']) --}}
                                <tr>
                                    <td> <a href="/admin/studentmanage?reqqry=edit&stuid={{$stuu->student['studentid']}}" class="btn btn-link btn-sm btn-rounded">
                                        {{$stuu->student['studentid']}}
                                    </a></td>
                                    <td>
                                      <div class="d-flex align-items-center">
                                        <img
                                            src="{{$stuu->student['DisplayPicture']}}"
                                            alt=""
                                            style="width: 45px; height: 45px"
                                            class="rounded-circle"
                                            />
                                        <div class="ms-3">
                                          <p class="fw-bold mb-1">{{$stuu->student['name']}}</p>
                                          <p class="text-muted mb-0">{{$stuu->student['contactno']}}</p>
                                        </div>
                                      </div>
                                    </td>
                                    <td>
                                      <p class="fw-normal mb-1">{{\Carbon\Carbon::createFromFormat('d-m-Y H:i:s', $stuu->checked_in_at)->format('d-M-Y')}}</p>
                                      <p class="text-muted mb-0">{{\Carbon\Carbon::createFromFormat('d-m-Y H:i:s', $stuu->checked_in_at)->format('g:i A')}}</p>
                                    </td>
                                    <td>
                                      {{-- <span class="badge badge-success rounded-pill d-inline">Active</span> --}}
                                        @if ($stuu->checked_out_at!="")
                                        <p class="fw-normal mb-1">{{\Carbon\Carbon::createFromFormat('d-m-Y H:i:s', $stuu->checked_out_at)->format('d-M-Y')}}</p>
                                        <p class="text-muted mb-0">{{\Carbon\Carbon::createFromFormat('d-m-Y H:i:s', $stuu->checked_out_at)->format('g:i A')}}</p>
                                       @else
                                       <span class="badge badge-danger rounded-pill d-inline">Not logged out </span>
                                        @endif

                                    </td>
                                    {{-- <td>Senior</td>
                                    <td>

                                    </td> --}}
                                  </tr>
                                 </tbody>
                                  @endforeach

                              {{-- <tr>
                                <td>
                                  <div class="d-flex align-items-center">
                                    <img
                                        src="https://mdbootstrap.com/img/new/avatars/6.jpg"
                                        class="rounded-circle"
                                        alt=""
                                        style="width: 45px; height: 45px"
                                        />
                                    <div class="ms-3">
                                      <p class="fw-bold mb-1">Alex Ray</p>
                                      <p class="text-muted mb-0">alex.ray@gmail.com</p>
                                    </div>
                                  </div>
                                </td>
                                <td>
                                  <p class="fw-normal mb-1">Consultant</p>
                                  <p class="text-muted mb-0">Finance</p>
                                </td>
                                <td>
                                  <span class="badge badge-primary rounded-pill d-inline"
                                        >Onboarding</span
                                    >
                                </td>
                                <td>Junior</td>
                                <td>
                                  <button
                                          type="button"
                                          class="btn btn-link btn-rounded btn-sm fw-bold"
                                          data-mdb-ripple-color="dark"
                                          >
                                    Edit
                                  </button>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <div class="d-flex align-items-center">
                                    <img
                                        src="https://mdbootstrap.com/img/new/avatars/7.jpg"
                                        class="rounded-circle"
                                        alt=""
                                        style="width: 45px; height: 45px"
                                        />
                                    <div class="ms-3">
                                      <p class="fw-bold mb-1">Kate Hunington</p>
                                      <p class="text-muted mb-0">kate.hunington@gmail.com</p>
                                    </div>
                                  </div>
                                </td>
                                <td>
                                  <p class="fw-normal mb-1">Designer</p>
                                  <p class="text-muted mb-0">UI/UX</p>
                                </td>
                                <td>
                                  <span class="badge badge-warning rounded-pill d-inline">Awaiting</span>
                                </td>
                                <td>Senior</td>
                                <td>
                                  <button
                                          type="button"
                                          class="btn btn-link btn-rounded btn-sm fw-bold"
                                          data-mdb-ripple-color="dark"
                                          >
                                    Edit
                                  </button>
                                </td>
                              </tr> --}}

                            @endforeach
                            @endif


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


    </div>
</div>
@endsection