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

    <div class="page-body">
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6 main-header">
                        <h2>Attendance <span>Report </span></h2>
                        <h6 class="mb-0">All Kids</h6>

                    </div>
                    <div class="col-lg-6 breadcrumb-right">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html"><i class="pe-7s-home"></i></a></li>
                            <li class="breadcrumb-item">Attendance Report</li>
                            <li class="breadcrumb-item active">All Kids  </li>
                        </ol>

                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">
        <section id="basic-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card-header">
                    <form  class="form form-vertical" action="{!! route('date.attendance') !!}" method="POST">
                        @csrf
                        <div class="row">
                        {{--    <div class="col-md-3">
                                <input type="text" class="form-control" id="start_date" name="start_date" placeholder="Start Date">
                            </div>--}}

                            <div class="col-md-3">
                                <fieldset class="form-group position-relative has-icon-left">
                                  <input type="text" id="date" class="form-control datepicker-here" name="date" placeholder="Select Date">
                                   <div class="form-control-position">
                                       <i class='bx bx-calendar'></i>
                                   </div>
                                  </fieldset>
                            </div>


                            <div class="col-md-2">
                                <input type="submit" class="btn btn-primary form-control" value="Submit">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card">
                    <div class="card-content">
                        <div class="card-body card-dashboard">
                            <div class="table-responsive">
                                @if(isset($data['date']))
                                    <h2>Attendance Report for {{date("m-d-Y",strtotime($data['date']))}}</h2>
                                @endif
                                <table class="table zero-configuration" id="list_attendance">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Check In</th>
                                        <th>Check Out</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if(!is_object($result))
                                            <tr>
                                                <td colspan="4">No data Found</td>
                                            </tr>
                                        @else
                                            @foreach($result as $resultData)
                                                <tr>
                                                        <td>{!! $resultData->kids->first_name !!}<br>{!! $resultData->kids->last_name !!}</td>
                                                    @if($resultData->parentIn()->exists())
                                                        <td><strong>Parent Name: </strong> {!! $resultData->parentIn->first_name !!} {!! $resultData->parentIn->last_name !!}
                                                            <br>
                                                            {!! date('h:i:s A', strtotime($resultData->check_in_time)); !!}
                                                            <br>
                                                            <img src="{!! $resultData->signature_in_url !!}" style="width:150px;">

                                                        </td>
                                                    @else
                                                        <td>No Data Found</td>
                                                    @endif

                                                    @if($resultData->parentOut()->exists())
                                                        <td><strong>Parent Name: </strong> {!! $resultData->parentOut->first_name !!} {!! $resultData->parentOut->last_name !!}
                                                            <br>
                                                            {!! date('h:i:s A', strtotime($resultData->check_out_time)); !!}
                                                            <br>
                                                            <img src="{!! $resultData->signature_out_url !!}" style="width:150px;">

                                                        </td>
                                                    @else
                                                        <td>No Data Found</td>
                                                    @endif

                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        </div>
    </div>


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