@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Employee Job Card</h1>
                </div>
                {{-- <div class="col-sm-6">
                    <a class="btn btn-primary float-right"
                       href="{{ route('attendances.create') }}">
                        Add New
                    </a>
                </div> --}}
            </div>
        </div>
    </section>

    <div class="content px-3">

        @include('flash::message')

        <div class="clearfix"></div>        
            <form class="form-inline" method="post" action="{{route('report.jobCard')}}">
                @csrf
                <label class="sr-only" for="inlineFormInputName2">Employee Id</label>
                <div class="input-group-prepend">
                <div class="input-group-text">Employee ID</div>
                </div>
                <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" Name="emp_id" required>

                <label class="sr-only" for="inlineFormInputGroupUsername2">Month</label>
                <div class="input-group mb-2 mr-sm-2">
                    <div class="input-group-prepend">
                    <div class="input-group-text">Month</div>
                    </div>
                    <select class="custom-select my-1 mr-sm-2" name="month" id="inlineFormCustomSelectPref" required>
                        @foreach($months as $mid=>$month)
                            <option value="{{$mid}}">{{$month}}</option>
                        @endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary mb-2">Submit</button>
            </form>
        <div class="card">
            <div class="card-body p-0">                            
                <table class="table table-striped w-auto">
                    <!--Table head-->
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Day</th>
                            <th>Actual In</th>
                            <th>Actual Out</th>
                            <th>Working Hour</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <!--Table head-->
                    <!--Table body-->
                    @if (count($employee_att)>0)
                    <tbody>
                        {{-- @for ( $i=1 ;  $i<=$tday ; $i++)
                            @if(isset($employee_att[$tday]['date']) && $employee_att[$tday]['date']!='') --}}
                            @foreach ($employee_att as $emp_att)                 
                            <tr class="table-info">
                                <th scope="row">{{ $loop->iteration }}</th>
                                <td>{{$emp_att['date']}}</td>
                                <td>{{$emp_att['day']}}</td>
                                <td>{{$emp_att['actual_in']}}</td>
                                <td>{{$emp_att['actual_out']}}</td>
                                <td>{{$emp_att['time_diff']}}</td>
                                <td>{{$emp_att['status']}}</td>
                            </tr>
                            @endforeach
                            {{-- @else
                            <tr class="table-info">
                                <th scope="row">{{ $i }}</th>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            @endif
                        @endfor                        --}}
                    </tbody>                       
                    @endif
                    <!--Table body-->
                </table>
                <!--Table-->
                <div class="card-footer clearfix">
                    <div class="float-right">
                    </div>
                </div>
            </div>

        </div>
    </div>

@endsection