@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Early History</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12 col-md-6">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-calendar mr-2 text-primary" aria-hidden="true"></i>
                        early History
                    </h5>
                </div>
                <div class="col-12 col-md-6 text-left text-md-right">
                    <a class="btn btn-success" href="{{route('employee.early.create')}}">Create new early</a>

                </div>
                <div class="col-12 table-responsive">


                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>

                            <th>date</th>
                            <th>out time</th>

                            <th>Purpose</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach ($earlys as $ei)
                            <tr class="att-status-row">

                                <td>{{$ei->date}}</td>
                                <td>{{$ei->expected_out_time}}</td>
                                <td>{{$ei->purpose}} </td>
                                <td>
                                    <span class="
                                    {{
                                      $ei->approve_status == 2 ? 'badge badge-success' :
                                      ($ei->approve_status == 3 ? 'badge badge-danger' :
                                      ($ei->approve_status == 1 ? 'badge badge-warning' : 'badge badge-primary'
                                       ) )}}
                                        px-2 py-1">
                                     {{
                                      $ei->approve_status == 2 ? 'Active' :
                                      ($ei->approve_status == 3 ? 'rejected' :
                                      ($ei->approve_status == 1 ? 'pending' : 'Completed'
                                       ) )}}

                                    </span>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </section>
@endsection