@extends('layouts.master')

@section('css')
    <!-- Table css -->
    <link href="{{ URL::asset('plugins/RWD-Table-Patterns/dist/css/rwd-table.min.css') }}" rel="stylesheet"
        type="text/css" media="screen">
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title text-left">Over Time</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
            <li class="breadcrumb-item"><a href="javascript:void(0);">Over Time</a></li>


        </ol>
    </div>
@endsection
@section('button')
    <a href="/leave" class="btn btn-primary btn-sm btn-flat"><i class="mdi mdi-table mr-2"></i>Leave Table</a>


@endsection

@section('content')
@include('includes.flash')

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <div class="table-rep-plugin">
                        <div class="table-responsive mb-0" data-pattern="priority-columns">
                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                        
                                <thead>
                                    <tr>
                                        <th data-priority="1">Date</th>
                                        <th data-priority="2">Employee ID</th>
                                        <th data-priority="3">Name</th>

                                        <th data-priority="4">Over Time</th>
                                        <th data-priority="5">Time In</th>
                                        <th data-priority="6">Time Out</th>


                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($overtimes as $overtime)

                                        <tr>
                                            <td>{{ $overtime->overtime_date }}</td>
                                            <td>{{ $overtime->emp_id }}</td>
                                            <td>{{ $overtime->employee->name }}</td>
                                            <td>{{ $overtime->duration }} </td>
                                            <td>{{ $overtime->employee->schedules->first()->time_in }} </td>
                                            <td>{{ $overtime->employee->schedules->first()->time_out }}</td>
                                        </tr>

                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            </section>
        </div>

    @endsection