@php
    use Carbon\Carbon;
    $filterType = request('type', 'month_wise');
@endphp
@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('Attendance Report'))
@section('content')
    <style>
        .emp-att-report-wrap .card {
            border-radius: 14px;
            border: 1px solid #edf0f6;
            box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04);
        }
        .emp-att-report-wrap .card-header {
            background: #fff;
            border-bottom: 1px solid #edf0f6;
            font-weight: 700;
            padding: 0.9rem 1.15rem;
        }
        .emp-att-report-wrap .card-body.p-2 { padding: 0.5rem !important; }
        .emp-att-filters {
            background: #f8fafc;
            border-bottom: 1px solid #edf0f6;
            padding: 14px 16px;
        }
        .emp-att-filters label {
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: rgba(15, 23, 42, .55);
            margin-bottom: 6px;
        }
        .emp-att-type-toggle .custom-control-label {
            font-size: 13px;
            font-weight: 600;
        }
        .emp-att-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 0.75rem;
            margin-bottom: 1.25rem;
        }
        .emp-att-meta-item {
            background: #f8fafc;
            border: 1px solid #edf0f6;
            border-radius: 10px;
            padding: 0.75rem 0.9rem;
        }
        .emp-att-meta-item .lbl {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: #64748b;
            margin-bottom: 0.2rem;
        }
        .emp-att-meta-item .val { font-size: 14px; font-weight: 700; color: #0f172a; }
        .emp-att-report-title {
            text-align: center;
            font-size: 1rem;
            font-weight: 800;
            color: #0f172a;
            margin-bottom: 1rem;
        }
        .emp-att-table { margin-bottom: 0; font-size: 13px; }
        .emp-att-table thead th {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: rgba(15, 23, 42, .65);
            border-top: 0;
            white-space: nowrap;
            padding: 0.75rem 0.85rem;
        }
        .emp-att-table tbody td {
            vertical-align: middle;
            padding: 0.75rem 0.85rem;
        }
        .emp-att-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 2rem;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
        }
        .emp-att-badge.present { background: rgba(34, 197, 94, .12); color: #166534; }
        .emp-att-badge.delay { background: rgba(245, 158, 11, .14); color: #b45309; }
        .emp-att-badge.extra { background: rgba(239, 68, 68, .12); color: #991b1b; }
        .emp-att-badge.absent { background: rgba(148, 163, 184, .2); color: #475569; }
        .emp-att-badge.weekend { background: rgba(14, 165, 233, .12); color: #0369a1; }
        .emp-att-badge.leave { background: rgba(99, 102, 241, .12); color: #4338ca; }
        .emp-att-badge.holiday { background: rgba(245, 158, 11, .14); color: #b45309; }
        .emp-att-badge.half { background: rgba(168, 85, 247, .12); color: #7e22ce; }
        .emp-att-badge.default { background: rgba(100, 116, 139, .14); color: #334155; }
        .emp-att-legend {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem 1rem;
            margin-bottom: 1rem;
            font-size: 12px;
            color: #64748b;
        }
        .emp-att-legend-item { display: inline-flex; align-items: center; gap: 0.35rem; }
        .emp-att-empty {
            padding: 2.5rem 1rem;
            text-align: center;
            color: #64748b;
        }
        .emp-att-report-header {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .emp-att-report-header img { max-height: 48px; }
        @media print {
            .no-print { display: none !important; }
            .emp-att-report-wrap .card { box-shadow: none; border: 1px solid #ddd; }
        }
    </style>

    <div class="container-fluid emp-att-report-wrap">
        <div class="row mt-3">
            <div class="col-12 col-xl-10 mx-auto">

                <div class="mb-3 no-print">
                    <h4 class="page-title mb-0">{{ __('Monthly attendance') }}</h4>
                    <p class="text-muted mb-0 small">{{ __('View your attendance report by month or date range.') }}</p>
                </div>

                <div class="card mb-3 no-print">
                    <div class="card-header">
                        <i class="fas fa-filter mr-1 text-muted"></i> {{ __('Report filters') }}
                    </div>
                    <form action="" method="GET">
                        <input type="hidden" name="staff_id" value="{{ auth()->user()->staff->id }}">
                        <div class="emp-att-filters">
                            <div class="text-center mb-3 emp-att-type-toggle">
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="type_month_wise" value="month_wise" name="type"
                                           class="custom-control-input"
                                           @checked($filterType !== 'date_wise')
                                           onchange="attendance_checked_type(this)">
                                    <label class="custom-control-label" for="type_month_wise">{{ __('Month wise') }}</label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="type_date_wise" value="date_wise" name="type"
                                           class="custom-control-input"
                                           @checked($filterType === 'date_wise')
                                           onchange="attendance_checked_type(this)">
                                    <label class="custom-control-label" for="type_date_wise">{{ __('Date wise') }}</label>
                                </div>
                            </div>

                            <div class="row align-items-end" id="month_wise">
                                <div class="col-6 col-md-4 form-group">
                                    <label>{{ __('Year') }}</label>
                                    <select name="year" class="form-control" required>
                                        @for($i = 2020; $i <= (int) date('Y'); $i++)
                                            <option value="{{ $i }}" @selected((string) request('year', date('Y')) === (string) $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="col-6 col-md-4 form-group">
                                    <label>{{ __('Month') }}</label>
                                    <select name="month" class="form-control" required>
                                        @for($i = 1; $i <= 12; $i++)
                                            <option value="{{ $i }}" @selected((string) request('month', date('m')) === (string) $i)>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="col-12 col-md-4 form-group mb-0">
                                    <button type="submit" class="btn btn-primary btn-block">
                                        <i class="fas fa-filter"></i> {{ __('Generate report') }}
                                    </button>
                                </div>
                            </div>

                            <div class="row align-items-end d-none" id="date_wise">
                                <div class="col-6 col-md-4 form-group">
                                    <label for="start_date">{{ __('Start date') }}</label>
                                    <input type="date" id="start_date" name="start_date" class="form-control" value="{{ request('start_date') }}">
                                </div>
                                <div class="col-6 col-md-4 form-group">
                                    <label for="end_date">{{ __('End date') }}</label>
                                    <input type="date" id="end_date" name="end_date" class="form-control" value="{{ request('end_date') }}">
                                </div>
                                <div class="col-12 col-md-4 form-group mb-0">
                                    <button type="submit" class="btn btn-primary btn-block">
                                        <i class="fas fa-filter"></i> {{ __('Generate report') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                @if($staff_details != null)
                    <div class="card">
                        <div class="card-header emp-att-report-header no-print">
                            <div>
                                @if(get_setting('system_logo_white') != null)
                                    <img src="{{ asset('storage/'.get_setting('system_logo_white')) }}" alt="{{ get_setting('site_name') }}">
                                @endif
                            </div>
                            <div class="text-right">
                                <strong>{{ get_setting('site_name') }}</strong>
                                <div class="small text-muted">{{ $staff_details->warehouse->address ?? '' }}</div>
                            </div>
                        </div>
                        <div class="card-body">
                            @if($type === 'month_wise')
                                <div class="emp-att-report-title">
                                    {{ __('Attendance report') }} — {{ Carbon::create($year, $month, 1)->format('F Y') }}
                                </div>
                            @else
                                <div class="emp-att-report-title">
                                    {{ __('Attendance report') }} — {{ $start_date }} {{ __('to') }} {{ $end_date }}
                                </div>
                            @endif

                            <div class="emp-att-meta">
                                <div class="emp-att-meta-item">
                                    <div class="lbl">{{ __('Employee code') }}</div>
                                    <div class="val">0{{ $staff_details->user->id ?? '' }}</div>
                                </div>
                                <div class="emp-att-meta-item">
                                    <div class="lbl">{{ __('Employee name') }}</div>
                                    <div class="val">{{ $staff_details->user->name ?? '—' }}</div>
                                </div>
                                <div class="emp-att-meta-item">
                                    <div class="lbl">{{ __('Designation') }}</div>
                                    <div class="val">{{ $staff_details->designation->name ?? '—' }}</div>
                                </div>
                                <div class="emp-att-meta-item">
                                    <div class="lbl">{{ __('Branch') }}</div>
                                    <div class="val">{{ $staff_details->warehouse->name ?? '—' }}</div>
                                </div>
                            </div>

                            <div class="emp-att-legend no-print">
                                <span class="emp-att-legend-item"><span class="emp-att-badge present">P</span> {{ __('Present') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge delay">D</span> {{ __('Delay') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge extra">E</span> {{ __('Extra delay') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge absent">A</span> {{ __('Absent') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge leave">L</span> {{ __('Leave') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge half">½</span> {{ __('Half leave') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge weekend">W</span> {{ __('Weekend') }}</span>
                                <span class="emp-att-legend-item"><span class="emp-att-badge holiday">H</span> {{ __('Holiday') }}</span>
                            </div>

                            <div class="card-body p-2 border rounded">
                                <div class="table-responsive">
                                    <table class="table table-hover emp-att-table mb-0">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>{{ __('Date') }}</th>
                                            <th class="text-center">{{ __('Status') }}</th>
                                            <th>{{ __('In time') }}</th>
                                            <th>{{ __('Out time') }}</th>
                                            <th>{{ __('Remarks') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(($year != null || $month != null) && $type === 'month_wise')
                                            @for($day = 1; $day <= Carbon::create($year, $month, 1)->daysInMonth; $day++)
                                                @php
                                                    $currentDate = Carbon::create($year, $month, $day)->format('Y-m-d');
                                                    $displayStatus = null;
                                                    $badgeClass = 'absent';
                                                    $inTime = null;
                                                    $outTime = null;
                                                    $remarks = null;

                                                    foreach ($salesData as $sale) {
                                                        if ($sale->date == $currentDate) {
                                                            $displayStatus = $sale->status;
                                                            $badgeClass = match ($sale->status) {
                                                                'P' => 'present',
                                                                'D' => 'delay',
                                                                'E' => 'extra',
                                                                default => 'default',
                                                            };
                                                            if ($sale->status != 'L') {
                                                                $inTime = $sale->signIn ? date('h:i A', strtotime($sale->signIn)) : null;
                                                                $outTime = $sale->signOut ? date('h:i A', strtotime($sale->signOut)) : null;
                                                            }
                                                            $remarks = $sale->remarks;
                                                            break;
                                                        }
                                                    }

                                                    if ($displayStatus === null) {
                                                        foreach ($half_leaves ?? [] as $halfItem) {
                                                            $halfDate = is_object($halfItem) ? $halfItem->date : $halfItem;
                                                            if ($halfDate == $currentDate) {
                                                                $displayStatus = __('Half Leave');
                                                                $badgeClass = 'half';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($weekend_data as $weekend) {
                                                            if (date('l', strtotime($currentDate)) == $weekend) {
                                                                $displayStatus = __('W');
                                                                $badgeClass = 'weekend';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($leave_data as $leave) {
                                                            if ($leave == $currentDate) {
                                                                $displayStatus = __('L');
                                                                $badgeClass = 'leave';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        $displayStatus = __('A');
                                                        $badgeClass = 'absent';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td style="font-variant-numeric: tabular-nums;">
                                                        <strong>{{ $currentDate }}</strong>
                                                        <span class="text-muted small">({{ date('l', strtotime($currentDate)) }})</span>
                                                    </td>
                                                    <td class="text-center">
                                                        <span class="emp-att-badge {{ $badgeClass }}">{{ $displayStatus }}</span>
                                                    </td>
                                                    <td style="font-variant-numeric: tabular-nums;">{{ $inTime ?? '—' }}</td>
                                                    <td style="font-variant-numeric: tabular-nums;">{{ $outTime ?? '—' }}</td>
                                                    <td class="small">{!! $remarks ?: '—' !!}</td>
                                                </tr>
                                            @endfor
                                        @elseif($start_date && $end_date)
                                            @php
                                                $startDate = Carbon::parse($start_date);
                                                $endDate = Carbon::parse($end_date);
                                            @endphp
                                            @for ($date = $startDate->copy(); $date->lte($endDate); $date->addDay())
                                                @php
                                                    $dateStr = $date->format('Y-m-d');
                                                    $displayStatus = null;
                                                    $badgeClass = 'absent';
                                                    $inTime = null;
                                                    $outTime = null;
                                                    $remarks = null;

                                                    foreach ($salesData as $sale) {
                                                        if ($dateStr == $sale->date) {
                                                            $displayStatus = $sale->status;
                                                            $badgeClass = match ($sale->status) {
                                                                'P' => 'present',
                                                                'D' => 'delay',
                                                                'E' => 'extra',
                                                                default => 'default',
                                                            };
                                                            $inTime = $sale->signIn ? date('h:i A', strtotime($sale->signIn)) : null;
                                                            $outTime = $sale->signOut ? date('h:i A', strtotime($sale->signOut)) : null;
                                                            $remarks = $sale->remarks;
                                                            break;
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($half_leaves ?? [] as $halfItem) {
                                                            if ($dateStr == $halfItem->date) {
                                                                $displayStatus = $halfItem->status;
                                                                $badgeClass = 'half';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($weekend_data as $weekend) {
                                                            if ($date->format('l') == $weekend) {
                                                                $displayStatus = __('W');
                                                                $badgeClass = 'weekend';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($holiday_data as $holiday) {
                                                            if ($dateStr == $holiday) {
                                                                $displayStatus = __('H');
                                                                $badgeClass = 'holiday';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        foreach ($leave_data as $leave) {
                                                            if ($dateStr == $leave) {
                                                                $displayStatus = __('L');
                                                                $badgeClass = 'leave';
                                                                break;
                                                            }
                                                        }
                                                    }
                                                    if ($displayStatus === null) {
                                                        $displayStatus = __('A');
                                                        $badgeClass = 'absent';
                                                    }
                                                @endphp
                                                <tr>
                                                    <td style="font-variant-numeric: tabular-nums;">
                                                        <strong>{{ $date->format('Y-m-d') }}</strong>
                                                        <span class="text-muted small">({{ $date->format('l') }})</span>
                                                    </td>
                                                    <td class="text-center">
                                                        <span class="emp-att-badge {{ $badgeClass }}">{{ $displayStatus }}</span>
                                                    </td>
                                                    <td style="font-variant-numeric: tabular-nums;">{{ $inTime ?? '—' }}</td>
                                                    <td style="font-variant-numeric: tabular-nums;">{{ $outTime ?? '—' }}</td>
                                                    <td class="small">{!! $remarks ?: '—' !!}</td>
                                                </tr>
                                            @endfor
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            @if($salesData != null)
                                <div class="text-right mt-3 no-print">
                                    <button type="button" class="btn btn-outline-primary print-button" onclick="window.print()">
                                        <i class="fas fa-print mr-1"></i> {{ __('Print') }}
                                    </button>
                                </div>
                            @endif
                        </div>
                    </div>
                @else
                    <div class="card no-print">
                        <div class="card-body emp-att-empty">
                            <i class="far fa-calendar-alt d-block mb-2" style="font-size: 2rem; color: #cbd5e1;"></i>
                            {{ __('Select a period and click Generate report to view your attendance.') }}
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function attendance_checked_type(checkbox) {
            if (!checkbox.checked) return;
            if (checkbox.value === 'month_wise') {
                $('#month_wise').removeClass('d-none');
                $('#date_wise').addClass('d-none');
                $('#start_date').removeAttr('required');
                $('#end_date').removeAttr('required');
            } else {
                $('#month_wise').addClass('d-none');
                $('#date_wise').removeClass('d-none');
                $('#start_date').attr('required', 'required');
                $('#end_date').attr('required', 'required');
            }
        }

        $(function () {
            @if($filterType === 'date_wise')
                $('#month_wise').addClass('d-none');
                $('#date_wise').removeClass('d-none');
                $('#start_date').attr('required', 'required');
                $('#end_date').attr('required', 'required');
            @else
                $('#date_wise').addClass('d-none');
            @endif
        });
    </script>
@endsection