@extends('layouts.employee')
@section('content')
<div class="container-fluid">
    <div class="row mb-2">
        <div class="col-lg-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">Attendance - Current Week</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                        <!-- <li class="breadcrumb-item active">Attendance and Leave Status</li> -->
                    </ol>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="card attendance-slider">
                <div class="card-body">
                    <div class="slider slider-nav">
                        @if(isset($week_attendance))
                            @foreach($week_attendance as $weeks)
                                <div class="text-center m-auto w-110px">

                                    <h4 class="{{ $weeks->status == 'Present' ? 'attendance-normal' : ($weeks->status == 'Late In' ? 'attendance-late' : ($weeks->status == 'Half Day' ? 'attendance-half' : ''))}} attendance-blank">
                                        <span> {{ Carbon\Carbon::parse($weeks->date)->format('j') ?? ''}} </span>
                                    </h4>
                                    <p class="mb-0 text-gray">
                                        <strong>
                                            {{ Carbon\Carbon::parse($weeks->date)->format('D') ?? ''}}
                                        </strong>
                                    </p>
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <!-- end slider -->
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->
        </div>
    </div>

    <!-- start row -->
    <div class="row">
        <div class="col-lg-12">
            <div class="page-title-box pb-0">
                <h4 class="font-size-18">Leave Status</h4>
                <p class="text-gray"> <strong> {{Carbon\Carbon::now()->year}} </strong> </p>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex flex-wrap align-items-center gap-2 gap-lg-3 text-muted leave-section py-2">
                        <div class="text-center w-100px">
                            <h4> {{ isset($allleave->casual) ? (($allleave->casual - $casual) ?? '') : '0' }} </h4>
                            <p class="mb-0 text-gray">
                                <strong>
                                    Casual
                                </strong>
                            </p>
                        </div>
                        <div class="text-center w-100px">
                            <h4> {{ isset($allleave->medical) ? (($allleave->medical - $medical) ?? '') : '0' }} </h4>
                            <p class="mb-0 text-gray">
                                <strong>
                                    Medical
                                </strong>
                            </p>
                        </div>
                        <div class="text-center w-100px">
                            <h4> {{ isset($allleave->annual) ? (($allleave->annual - $annual) ?? '') : '0' }} </h4>
                            <p class="mb-0 text-gray">
                                <strong>
                                    Annual
                                </strong>
                            </p>
                        </div>
                        <div class="text-center w-100px">
                            <h4> {{ isset($allleave->adjustment) ? (($allleave->adjustment - $adjustment) ?? '') : '0' }} </h4>
                            <p class="mb-0 text-gray">
                                <strong>
                                    Adjustment
                                </strong>
                            </p>
                        </div>

                    </div>
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->
        </div>
        <!-- end col -->
    </div>
    <!-- end row -->

        <!-- start row -->
    <div class="row mb-2">
        <div class="col-xl-12 col-lg-12">
            <div class="page-title-box pb-0">
            <h4 class="font-size-18">My Teams</h4>
            <p class="text-gray"> <strong>({{ count($data) }}) Members </strong> </p>
            </div>
        </div>
        <div class="col-xl-12 col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="row align-items-center py-3 my-team-section">
                    @foreach($data as $value)
                        <div class="col-lg-3" style="margin-bottom:20px;">
                            <div class="d-flex align-items-center mt-3 mt-sm-0">
                                <div class="flex-shrink-0">
                                <div class="avatar-md me-3">
                                    <img src="{{ asset('assets/employee/assets/images/users/avatar-2.jpg') }}" alt="" class="img-fluid rounded-circle d-block">
                                </div>
                                </div>
                                <div class="flex-grow-1">
                                    <div>
                                        <h5 class="font-size-15 mb-1">{{ $value['emp_name'] ?? ''}}</h5>
                                    </div>
                                    <div class="text-muted">
                                        <div class="d-flex flex-wrap align-items-start gap-2 gap-lg-3 text-muted font-size-15 mb-2">
                                            <div class="designation">
                                            <span>{{ $value['emp_designation'] ??  ''}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    </div>
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->
        </div>
        <!-- end col -->
    </div>
    <!-- end row -->
</div>
@endsection