@extends('layouts.contentNavbarLayout')
@section('content')
<div class="container py-4">
    <h4><strong>Attendance Calendar - {{ \Carbon\Carbon::createFromDate($year, $month, 1)->format('F Y') }}</strong>
    </h4>
    <!-- Month Selector -->
    @php
    use Carbon\Carbon;
    $currentYear = now()->year;
    $startYear = 2025;
    $endYear = $currentYear;
    $months = [
    '01' => 'January', '02' => 'February', '03' => 'March', '04' => 'April',
    '05' => 'May', '06' => 'June', '07' => 'July', '08' => 'August',
    '09' => 'September', '10' => 'October', '11' => 'November', '12' => 'December'
    ];
    [$selectedYear, $selectedMonthNum] = explode('-', $selectedMonth ?? now()->format('Y-m'));
    @endphp

    <!-- Alert Box for Information -->
    <!--     @if(request()->has('month'))
    <div class="alert alert-info mt-2" role="alert">
        <i class="mdi mdi-information-outline me-2"></i>
        <strong>Note:</strong> You have selected
        <strong>{{ \Carbon\Carbon::createFromFormat('Y-m', $selectedMonth)->format('F Y') }}</strong>. This will display
        the attendance calendar for the selected month.
    </div>
    @endif -->
    <form method="GET" class="mb-4 d-flex align-items-center gap-2">
        <!-- Label for Month Selector -->
        <label for="month" class="form-label" style="font-size: 15px;">Select Month and Year:</label>

        <!-- Month Selector Dropdown -->
        <select name="month" id="month" class="form-select w-25" onchange="this.form.submit()">
            @for ($y = $startYear; $y <= $endYear; $y++) @foreach ($months as $num=> $name)
                @php $value = $y . '-' . $num; @endphp
                <option value="{{ $value }}" {{ $value == $selectedMonth ? 'selected' : '' }}>
                    {{ $name }} {{ $y }}
                </option>
                @endforeach
                @endfor
        </select>
        <!-- Helper Text (optional) -->
    </form>
    <div class="row mt-5">
        <!-- Smaller Calendar -->
        <div class="col-md-4">
            <div class="card-header d-flex justify-content-between align-items-center pb-3">
                <h5 class="mb-0"><strong>Calendar View</strong></h5>
            </div>
            <div class="table-responsive-sm">
                <table class="table table-bordered text-center calendar-table w-100">
                    <thead class="table">
                        <tr>
                            <th>Sun</th>
                            <th>Mon</th>
                            <th>Tue</th>
                            <th>Wed</th>
                            <th>Thu</th>
                            <th>Fri</th>
                            <th>Sat</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $firstDay = Carbon::createFromDate($year, $month, 1);
                        $startDay = $firstDay->dayOfWeek;
                        $daysInMonth = $firstDay->daysInMonth;
                        $day = 1;
                        @endphp

                        @for ($week = 0; $week < 6 && $day <=$daysInMonth; $week++) <tr>
                            @for ($dow = 0; $dow < 7; $dow++) @if ($week==0 && $dow < $startDay) <td>
                                </td>
                                @elseif ($day > $daysInMonth)
                                <td></td>
                                @else
                                @php
                                $dateStr = Carbon::createFromDate($year, $month, $day)->format('Y-m-d');
                                $logs = $calendarData[$dateStr] ?? [];
                                $isSunday = Carbon::createFromDate($year, $month, $day)->isSunday();
                                $isHoliday = array_key_exists($dateStr, $holidayDates);
                                @endphp
                                <td
                                    class="{{ $isSunday ? 'bg-danger text-white' : ($isHoliday ? 'bg-warning text-white' : '') }}">
                                    <div data-bs-toggle="modal" data-bs-target="#modal-{{ $dateStr }}"
                                        style="cursor: pointer;">
                                        <strong>{{ $day }}</strong><br>

                                        {{-- Show holiday name --}}
                                        @if ($isHoliday)
                                        <small><i>{{ $holidayDates[$dateStr] }}</i></small>
                                        @endif
                                    </div>
                                    <!-- Modal for this day -->
                                    <div class="modal fade" id="modal-{{ $dateStr }}" tabindex="-1"
                                        aria-labelledby="modalLabel-{{ $dateStr }}" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Attendance for {{ $dateStr }}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @if(count($logs))
                                                    <div class="table-responsive">
                                                        <table class="table table-bordered table-sm">
                                                            <thead class="table">
                                                                <tr>
                                                                    <th>Employee</th>
                                                                    <th>In Time</th>
                                                                    <th>Out Time</th>
                                                                    <th>Duration</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach($logs as $log)
                                                                @php
                                                                $hours = floor($log->duration_minutes / 60);
                                                                $minutes = $log->duration_minutes % 60;
                                                                @endphp
                                                                <tr>
                                                                    <td>{{ $log->user ? $log->user->name : '-' }}
                                                                    </td>
                                                                    <td>{{ $log->in_time }}</td>
                                                                    <td>{{ $log->out_time }}</td>
                                                                    <td>{{ $hours }}h {{ $minutes }}m</td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    @else
                                                    <div class="alert alert-warning" role="alert">
                                                        No data available for this date.
                                                    </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                @php $day++; @endphp
                                @endif
                                @endfor
                                </tr>
                                @endfor
                    </tbody>
                </table>
            </div>
        </div>
        <!-- User-wise Attendance Table -->
        <div class="col-md-8">
            <form action="{{ route('leave-summary.store-summary-direct') }}" method="POST">
                @csrf


                <div class="">
                    <div class="card-header d-flex justify-content-between align-items-center pb-3">
                        <h5 class="mb-0"><strong>📋 Combined Leave Summary</strong></h5>
                        <!--  <small>{{ \Carbon\Carbon::createFromDate($year, $month, 1)->format('F Y') }}</small> -->
                    </div>

                    <div class="card-body p-0">
                        <table class="table table-bordered mb-0 table-hover text-center align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th class="text-start ps-4">👤 Employee Name</th>
                                    <th>🆔 Worker ID</th>
                                    <th>📆 Attendance-Based essl</th>
                                    <th>📝 Approved Leave From Leave Table</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($userLogs as $index => $user) {{-- Add $index here --}}
                                @if (empty($user->worker_id) || $user->worker_id == 0)
                                @continue
                                @endif

                                @php
                                $leaveCount = 0.0;

                                for ($d = 1; $d <= $daysInMonth; $d++) { $logs=$userDayLogs[$user->
                                    employee_code][$d] ??
                                    collect();

                                    $inTime = $logs->first()?->in_time;
                                    $outTime = $logs->last()?->out_time;
                                    $date = \Carbon\Carbon::createFromDate($year, $month, $d);
                                    $dateStr = $date->format('Y-m-d');

                                    if ($date->isSunday() || array_key_exists($dateStr, $holidayDates ?? [])) {
                                    continue;
                                    }

                                    $isPresent = $logs->isNotEmpty() && $inTime !== '00:00:00' && $outTime !==
                                    '00:00:00';
                                    $duration = $isPresent ? $logs->sum('duration_minutes') : 0;

                                    if (!$isPresent) {
                                    $leaveCount += 1;
                                    } elseif ($duration >= 240 && $duration < 360) { $leaveCount +=0.5; } }
                                        $leaveDisplay=rtrim(rtrim(number_format($leaveCount, 1), '0' ), '.' );
                                        $approvedLeaveGroup=$approvedLeaves[$user->worker_id] ?? collect();
                                        $approvedLeaveCount = $approvedLeaveGroup->sum(function ($leave) {
                                        return $leave->is_half_day ? 0.5 : $leave->number_of_days;
                                        });
                                        $approvedLeaveDisplay = rtrim(rtrim(number_format($approvedLeaveCount, 1),
                                        '0'), '.');
                                        @endphp

                                        <tr>
                                            <td class="text-start ps-4"><strong>{{ $user->name }}</strong></td>
                                            <td>{{ $user->worker_id }}</td>
                                            <td>{{ $leaveDisplay }} Day(s)</td>
                                            <td>{{ $approvedLeaveDisplay }} Day(s)</td>
                                        </tr>

                                        {{-- Hidden Inputs --}}
                                        <tr class="d-none">
                                            <td colspan="4">
                                                <input type="hidden" name="records[{{ $index }}][employee_name]"
                                                    value="{{ $user->name }}">
                                                <input type="hidden" name="records[{{ $index }}][worker_id]"
                                                    value="{{ $user->worker_id }}">
                                                <input type="hidden" name="records[{{ $index }}][attendance_leave_essl]"
                                                    value="{{ $leaveDisplay }}">
                                                <input type="hidden" name="records[{{ $index }}][leave_table_data]"
                                                    value="{{ $approvedLeaveDisplay }}">
                                            </td>
                                        </tr>
                                        @endforeach
                            </tbody>
                        </table>
                    </div>

                    @php
                    $selectedMonth = sprintf('%04d-%02d', $year, $month); // from hidden input
                    $currentMonth = now()->format('Y-m');
                    $isCurrentMonth = $selectedMonth === $currentMonth;
                    @endphp

                    <div class="card-footer text-end mt-3">
                        <div class="alert alert-info text-start mb-3" role="alert">
                            <i class="mdi mdi-information-outline me-2"></i>
                            <strong>Reminder:</strong> Please make sure the <strong>CSV file is correctly
                                uploaded</strong> and matches the attendance data. After verifying the attendance and
                            approved leave data, click
                            <strong>“Save Summary”</strong> to finalize the monthly leave summary before generating
                            salary.
                        </div>


                        <input type="hidden" name="month_reference" value="{{ $selectedMonth }}">
                        <button type="submit" class="btn btn-primary" {{ $isCurrentMonth ? 'disabled' : '' }}>
                            💾 Save Summary
                        </button>

                        @if($isCurrentMonth)
                        <div class="text-danger mt-2">
                            You can only save the summary after the selected month has ended.
                        </div>
                        @endif
                    </div>


                </div>

            </form>

        </div>
    </div>
</div>




<div class="col-md-12 mt-5">
    <h5 class="mb-4 fw-bold">User-wise Attendance</h5>

    <ul class="nav nav-tabs border-bottom mb-4" id="userTabs" role="tablist">
        @foreach($userDayLogs as $userId => $dayLogs)
        <li class="nav-item" role="presentation">
            <a href="#user-{{ $userId }}" class="nav-link @if($loop->first) active @else '' @endif"
                id="tab-{{ $userId }}" data-bs-toggle="tab" role="tab" aria-controls="user-{{ $userId }}"
                aria-selected="{{ $loop->first ? 'true' : 'false' }}" tabindex="{{ $loop->first ? '0' : '-1' }}"
                @if($loop->first) aria-current="page" @endif
                >
                {{ $userIdToName[$userId] ?? 'Unknown' }}
                @if($loop->first)
                <span class="visually-hidden">(current)</span>
                @endif
            </a>
        </li>
        @endforeach
    </ul>


    {{-- Tab Contents --}}
    <div class="tab-content p-0" id="userTabsContent">
        @foreach($userDayLogs as $userId => $dayLogs)
        <div class="tab-pane fade @if ($loop->first) show active @endif" id="user-{{ $userId }}" role="tabpanel"
            aria-labelledby="tab-{{ $userId }}">

            <div class="table-responsive shadow-sm rounded border">
                <table class="table  table-hover mb-0 align-middle text-center" style="font-size: 0.9rem;">
                    <thead class="">
                        <tr>
                            <th scope="col" class="text-start">Date</th>
                            <th scope="col" class="text-nowrap">In Time</th>
                            <th scope="col" class="text-nowrap">Out Time</th>
                            <th scope="col" class="text-nowrap">Duration</th>
                            <th scope="col" class="text-nowrap">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @for ($d = 1; $d <= $daysInMonth; $d++) @php $date=\Carbon\Carbon::create($year, $month, $d);
                            $dateStr=$date->format('Y-m-d');
                            $isSunday = $date->isSunday();
                            $isHoliday = array_key_exists($dateStr, $holidayDates ?? []);
                            $holidayTitle = $holidayDates[$dateStr] ?? null;
                            $logs = $dayLogs[$d] ?? collect();
                            $inTime = $logs->first()?->in_time;
                            $outTime = $logs->last()?->out_time;
                            $isPresent = $logs->isNotEmpty() && $inTime !== '00:00:00' && $outTime !== '00:00:00';
                            $duration = $isPresent ? $logs->sum('duration_minutes') : 0;
                            $hours = floor($duration / 60);
                            $minutes = $duration % 60;

                            // Determine status badge
                            if ($isHoliday) {
                            $statusBadge = '<span class="badge bg-label-warning text-dark" data-bs-toggle="tooltip"
                                title="Holiday"><i class="bi bi-star-fill"></i> H</span>';
                            } elseif ($isSunday) {
                            $statusBadge = '<span class="badge bg-label-secondary" data-bs-toggle="tooltip"
                                title="Sunday">S</span>';
                            } elseif (!$isPresent) {
                            $statusBadge = '<span class="badge bg-label-danger" data-bs-toggle="tooltip"
                                title="Absent">A</span>';
                            } elseif ($duration >= 240 && $duration < 360) {
                                $statusBadge='<span class="badge bg-label-info text-dark" data-bs-toggle="tooltip" title="Half Day">½</span>'
                                ; } else {
                                $statusBadge='<span class="badge bg-label-success" data-bs-toggle="tooltip" title="Present">P</span>'
                                ; } @endphp <tr
                                style="@if($isSunday) color:#dc3545; @endif @if($isHoliday) background-color:#fff3cd; color:#856404; @endif"
                                title="{{ $holidayTitle }}">
                                <td class="text-start fw-semibold">{{ $date->format('j M Y D') }}
                                </td>
                                <td class="text-nowrap">
                                    {!! $isHoliday ? '<span class="text-muted">-</span>' : ($isPresent ? e($inTime) :
                                    '<span class="text-muted">-</span>') !!}
                                </td>
                                <td class="text-nowrap">
                                    {!! $isHoliday ? '<span class="text-muted">-</span>' : ($isPresent ? e($outTime) :
                                    '<span class="text-muted">-</span>') !!}
                                </td>
                                <td class="text-nowrap">
                                    {!! $isHoliday ? '<span class="text-muted">-</span>' : ($isPresent ? "{$hours}h
                                    {$minutes}m" : '<span class="text-muted">-</span>') !!}
                                </td>
                                <td>{!! $statusBadge !!}</td>
                                </tr>
                                @endfor
                    </tbody>
                </table>
            </div>

        </div>
        @endforeach
    </div>
</div>

{{-- Initialize Bootstrap tooltips --}}
<script>
document.addEventListener('DOMContentLoaded', function() {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map(function(tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
});
</script>







<!-- Styling -->
<style>
.calendar-table {
    font-size: 13px;
    table-layout: fixed;

}

.calendar-table td {
    height: 55px;
    vertical-align: top;
    padding: 3px;
    font-size: 12px;
    word-wrap: break-word;
}

.calendar-table th {
    font-size: 13px;
    padding: 4px;
}

.calendar-table strong {
    font-size: 15px;
}

.calendar-table small {
    font-size: 12px;
}
</style>
@endsection