@extends('payroll.employee_frontend.layouts.employee')
@section('content')

    <style>
        td{
            text-align: center;
        }
    </style>
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Dashboard</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 ">
                    <div class="mx-0">
                        <div class="d-flex flex-wrap align-items-center">
                            <div class="">
                                <img style="max-height: 60px; border-radius: 50%"
                                     src="{{asset(Auth::guard('employee')->user()->em_img)}}" alt=""/>
                            </div>
                            <div class="ml-3">
                                <h5 class="mb-0 text-primary card-in-h">{{Auth::guard('employee')->user()->emp_name}}</h5>
                                <p class="mb-0 mt-2">{{Auth::guard('employee')->user()->fetch_designation->name}}</p>
                                <p class="mb-0">{{Auth::guard('employee')->user()->fetch_department->name}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                {{--<div class="col-12 col-md-6 ">
                    <div class="mx-0">
                        <div class="">
                            <h5 class="mb-3 card-in-h">Business Department</h5>
                        </div>
                        <div class="d-flex flex-wrap sm-img-grp">
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                            <img src="{{ asset('employee_frontend') }}/img/profile.jpg" alt=""/>
                        </div>
                    </div>
                </div>--}}

            </div>
        </div>

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-calendar-check-o mr-2 text-primary" aria-hidden="true"></i>
                        Last 7 days attendance report
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>
                            <th>Date</th>
                                                        <th class="text-center">01-Jan</th>
                                                    </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th>In Time</th>
                            @for($i=1; $i<= count($attendance_info); $i++)
                                                                
                                @if($attendance_info[$i]['in_time'] || $attendance_info[$i]['out_time'] ) 
                                <td style="{{$td_style}}">{{$attendance_info[$i]['in_time'] ? $attendance_info[$i]['in_time']: null}}</td>
                                @else
                                    @if(!empty($attendance_info[$i]['weekend'])) 
                                                                        @elseif(!empty($attendance_info[$i]['half_weekend']))
                                                                        @elseif(!empty($attendance_info[$i]['holiday']))
                                                                        @else
                                    
                                    @endif
                                <td style="{{$td_style}}">
                                    @if(!empty($holiday_td)){{$holiday_td}}@endif
                                </td>
                                @endif
                            @endfor
                        </tr>
                        <tr>
                            <th>Out Time</th>
                            @for($i=1; $i<= count($attendance_info); $i++)
                                                               
                                @if($attendance_info[$i]['in_time'] || $attendance_info[$i]['out_time'] ) 
                                 <td style="{{$td_style}}">{{ $attendance_info[$i]['out_time'] ? $attendance_info[$i]['out_time'] : null}}</td>
                                @else
                                    @if(!empty($attendance_info[$i]['weekend'])) 
                                                                        @elseif(!empty($attendance_info[$i]['half_weekend']))
                                                                        @elseif(!empty($attendance_info[$i]['holiday']))
                                                                        @else
                                    
                                    @endif
                                <td style="{{$td_style}}">
                                    @if(!empty($holiday_td)){{$holiday_td}}@endif
                                </td>
                                @endif
                            @endfor
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-clock-o mr-2 text-primary" aria-hidden="true"></i>
                        Pending Loan Application
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>
                            <th>Apply Date</th>
                            <th>Amount</th>
                            <th>Purpose & Note</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($pending_loan_history as $lh)
                            <tr class="att-status-row">
                                <td>{{$lh->application_date}}</td>
                                <td>{{$lh->amount}}</td>
                                <td style="white-space: pre-wrap; max-width: 150px;"><span class="font-weight-bold">Purpose:</span> {{$lh->purpose}}
                                    <br><span class="font-weight-bold">Note:</span> {{$lh->note}}</td>
                                <td>
                                    <span class="badge badge-warning px-2 py-1">Pending</span></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-clock-o mr-2 text-primary" aria-hidden="true"></i>
                        Pending Advance Application
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>
                            <th>Apply Date</th>
                            <th>Amount</th>
                            <th>Purpose & Note</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($pending_advance_history as $lh)
                            <tr class="att-status-row">
                                <td>{{$lh->application_date}}</td>
                                <td>{{$lh->amount}}</td>
                                <td style="white-space: pre-wrap; max-width: 150px;"><span class="font-weight-bold">Purpose:</span> {{$lh->purpose}}
                                    <br><span class="font-weight-bold">Note:</span> {{$lh->note}}</td>
                                <td>
                                    <span class="badge badge-warning px-2 py-1">Pending</span></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">
                <div class="col-12">
                    <h5 class="mb-3 card-in-h">
                        <i class="fa fa-clock-o mr-2 text-primary" aria-hidden="true"></i>
                        Pending Leave Application
                    </h5>
                </div>
                <div class="col-12 table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead class="thead-blu">
                        <tr>
                            <th>Type</th>
                            <th>Start date</th>
                            <th>End date</th>
                            <th>Total Days</th>
                            <th>Reason</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($pending_leave_history as $lh)
                            <tr class="att-status-row">
                                <td>{{$lh->LeaveType->name}}</td>
                                <td>{{$lh->start_date}}</td>
                                <td>{{$lh->end_date}}</td>
                                <td>{{$lh->leave_count}}</td>
                                <td style="white-space: pre-wrap; max-width: 150px;">{{$lh->leave_reason}}</td>
                                <td><span class="badge badge-warning px-2 py-1">Pending</span></td>
                            </tr>
                        @endforeach

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


      {{--  <div class="col-12 mb-4 col-md-6 col-lg-4">
            <a href="{{ asset('employee_frontend') }}/#">
                <div class="blu-card sina-card hover-primary d-flex flex-wrap">
                    <div class="col-12">
                        <h5 class="mb-3 card-in-h">
                            <i class="fa fa-tree mr-2 text-primary" aria-hidden="true"></i>
                            Leave Status
                        </h5>
                    </div>
                    <div class="col-12">
                        <p class="mb-1 text-primary">Your last leave application</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Date:</b> 15 Jan 2021</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Leave Type:</b> Sick</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Status:</b> <span class="text-danger">Rejected</span></p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-12 mb-4 col-md-6 col-lg-4">
            <a href="{{ asset('employee_frontend') }}/#">
                <div class="warning-card sina-card hover-warning d-flex flex-wrap">
                    <div class="col-12">
                        <h5 class="mb-3 card-in-h ">
                            <i class="fa fa-exclamation-triangle  mr-2  text-warning" aria-hidden="true"></i>
                            Warning Status
                        </h5>
                    </div>
                    <div class="col-12">
                        <p class="mb-1 text-warning">Your last leave application</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Date:</b> 15 Jan 2021</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Leave Type:</b> Sick</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Status:</b> <span class="text-danger">Rejected</span></p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-12 mb-4 col-md-6 col-lg-4">
            <a href="{{ asset('employee_frontend') }}/#">
                <div class="red-card hover-danger sina-card d-flex flex-wrap">
                    <div class="col-12">
                        <h5 class="mb-3 card-in-h ">
                            <i class="fa fa-exclamation-circle text-danger mr-2 " aria-hidden="true"></i>
                            Show Cause
                        </h5>
                    </div>
                    <div class="col-12">
                        <p class="mb-1 text-danger">You have one show cause</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Date:</b> 15 Jan 2021</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Leave Type:</b> Sick</p>
                    </div>
                    <div class="col-12">
                        <p class="mb-1"><b>Status:</b> <span class="text-success">Approved</span></p>
                    </div>
                </div>
            </a>
        </div>--}}

    </section>


@endsection