@extends('admin.include.main')
@section('content')

    <div class="wrapper wrapper-content">
       @if(!$staff_attendance->isEmpty())
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-content text-center p-md">

                        <h2><span class="text-navy">Attendance Detail Of Staff(s)</span><br></h2>
                        <label>Taken By: </label> {{$staff_attendance[0]->user->name}} &nbsp;&nbsp;&nbsp; <label>Date: </label> {{$ins_date}}

                    </div>
                </div>
               
                <div class="ibox ">
                    <div class="ibox-content text-center p-md">
                         <div id="accordion">
                            
                            <div class="card" data-toggle="collapse" data-target="#collapse" aria-expanded="true" aria-controls="collapseOne" >
                                <div class="card-header" id="heading">
                                    <h5 class="mb-0">
                                        <div class="text-center">
                                            <span class="text-success font-weight-100" style="padding-top: 100px;font-size:20px;" >Absent ({{$absent->count()}})</span>

                                        </div>
                                        

                                    <div id ="collapse" class="collapse" aria-labelledby="heading" data-parent="#accordion">
                                        <div class="card-body">
                                        @if($absent->isEmpty())
                                            <span class="text-danger">No Absent Today</span>
                                        @endif
                                       
                                        @foreach($absent as $ab)                                      
                                       {{$ab->staff->staff_name.","}}
                                       @endforeach
                                        </div>
                                    </div>
                             </div>
                         </div>
                            <div class="card">
                                <div class="card-header" id="heading1">
                                    <h5 class="mb-0">
                                        <div class="text-center">
                                            <span class="text-success font-weight-100" style="padding-top: 100px;font-size:20px;" >Present({{$staff_attendance->count() - $absent->count()}})</span>
                                        </div>
                                        
                             </div>
                         
                    </div>
                 </div>

                 
            </div>
            <div class="col-lg-12">
             <div class="ibox ">
                    <div class="ibox-content text-center p-md">

                        <h2><span class="text-navy">Detail List Shown Below</span><br></h2>
                        <div class="table-responsive">
                            
                            <table class="table table-striped table-bordered table-hover" >
                                <thead class="text-center">
                                <tr>
                                    <th>Full name</th>
                                    <th>Mobile no</th>
                                    <th>Status</th>                              
                                </tr>
                                </thead>

                                <tbody class="text-center">
                              @foreach($staff_attendance as $st)
                              <tr>
                                <td>{{$st->staff->staff_name}}</td>
                                <td>
                                    
                                      {{$st->staff->staff_mobile}}</td> 
                                <td>
                                 
                                    @if($st->status == 'P' )
                                    <span style="color:green;">Present</span>
                                    @elseif($st->status == 'A')
                                    <span style="color:red;">Absent</span>
                                    @else
                                    <span style="color:yellow;">Late</span> 
                                    @endif  

                                </td>                        

                              </tr>
                                @endforeach
                                </tbody>

                            </table>
                           
                        </div>


                    </div>
                </div>
            </div>
        </div>
        @else
        <div class="ibox ">
                     <div class="ibox-content text-center p-md">

                        <h2><span class="text-navy">Attendance Detail Of Staff(s)</span><br></h2>

                    </div>
                    <div class="ibox-content text-center p-md">
                    <h2 class="text-danger">No attendance was taken on date {{$ins_date}}</h2>

                    </div>
                </div>
       
        @endif
     </div>




@endsection