@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Sickness')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>Sickness</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Sickness</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    @php
        // Calculate Bradford Factor: S² × D
        // S = number of absences, D = total days
        $averageAbsenceLength = $absencesTotal > 0 ? round($sicknessTotal / $absencesTotal, 1) : 0;
        $longestAbsence = $sickness->max('days');
        $ongoingAbsences = $sickness->whereNull('end')->count();
        $closedAbsences = $sickness->whereNotNull('end')->count();

        $bradfordScore = $absencesTotal ** 2 * $sicknessTotal;

        // Determine risk level and color
        if ($bradfordScore < 100) {
            $bradfordLevel = 'Low Risk';
            $bradfordColor = 'success';
            $bradfordBg = 'bg-success';
            $progressPercent = min(($bradfordScore / 100) * 100, 100);
        } elseif ($bradfordScore < 250) {
            $bradfordLevel = 'Monitor';
            $bradfordColor = 'info';
            $bradfordBg = 'bg-info';
            $progressPercent = min((($bradfordScore - 100) / 150) * 100, 100);
        } elseif ($bradfordScore < 500) {
            $bradfordLevel = 'Medium Risk';
            $bradfordColor = 'warning';
            $bradfordBg = 'bg-warning';
            $progressPercent = min((($bradfordScore - 250) / 250) * 100, 100);
        } else {
            $bradfordLevel = 'High Risk';
            $bradfordColor = 'danger';
            $bradfordBg = 'bg-danger';
            $progressPercent = 100;
        }
    @endphp

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <!-- Statistics Section -->
                    <div class="row">
                        <!-- Total Absences -->
                        <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-list-ol"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total</span>
                                    <span class="info-box-number">{{ $absencesTotal }}</span>
                                </div>
                            </div>
                        </div>

                        <!-- Total Days Absent -->
                        <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-calendar-times"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Days</span>
                                    <span class="info-box-number">{{ $sicknessTotal }}</span>
                                </div>
                            </div>
                        </div>

                        <!-- Ongoing Absences -->
                        <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-exclamation-circle"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Ongoing</span>
                                    <span class="info-box-number">{{ $ongoingAbsences }}</span>
                                </div>
                            </div>
                        </div>

                        <!-- Closed Absences -->
                        <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-check-circle"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Closed</span>
                                    <span class="info-box-number">{{ $closedAbsences }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Sickness Records Table -->
                    <div class="card shadow-sm">
                        <div class="card-header bg-light">
                            <h5 class="card-title">Sickness Records</h5>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="sicknessList" class="table table-striped table-hover"
                                    style="width: 100%; table-layout: auto !important;">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>#</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>Days</th>
                                            <th>Status</th>
                                            <th class="text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($sickness as $sick)
                                            <tr>
                                                <td class="align-middle">{{ $sick->id }}</td>
                                                <td class="align-middle">
                                                    <i class="far fa-calendar-alt text-muted mr-1"></i>
                                                    {{ date('d/m/Y', strtotime($sick->start)) }}
                                                </td>
                                                <td class="align-middle">
                                                    <i class="far fa-calendar-check text-muted mr-1"></i>
                                                    @if ($sick->end == null)
                                                        <span class="badge badge-secondary">Ongoing</span>
                                                    @else
                                                        {{ date('d/m/Y', strtotime($sick->end)) }}
                                                    @endif
                                                </td>
                                                <td class="align-middle">
                                                    <span class="badge badge-light border">{{ $sick->days }} days</span>
                                                </td>
                                                <td class="align-middle">
                                                    @if ($sick->status == '1')
                                                        <span class="badge badge-danger px-3 py-2">
                                                            <i class="fas fa-exclamation-circle mr-1"></i>Open
                                                        </span>
                                                    @else
                                                        <span class="badge badge-success px-3 py-2">
                                                            <i class="fas fa-check-circle mr-1"></i>Closed
                                                        </span>
                                                    @endif
                                                </td>
                                                <td class="align-middle text-center">
                                                    <a href="#" title="View details"
                                                        class="btn btn-sm btn-outline-secondary action-btn"
                                                        data-toggle="modal" data-target="#modal{{ $sick->id }}">
                                                        <i class="fa fa-eye"></i> View
                                                    </a>
                                                </td>
                                            </tr>

                                            @if (!empty($sick->id))
                                                <!-- Modal -->
                                                <div class="modal fade" id="modal{{ $sick->id }}" tabindex="-1"
                                                    aria-labelledby="modal_{{ $sick->id }}" aria-hidden="true">
                                                    <div class="modal-dialog modal-dialog-centered modal-lg">
                                                        <div class="modal-content">
                                                            <div class="modal-header bg-light">
                                                                <h5 class="modal-title font-weight-bold">
                                                                    Sickness Details
                                                                </h5>
                                                                <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div class="row mb-3">
                                                                    <div class="col-sm-6">
                                                                        <div class="form-group">
                                                                            <span
                                                                                class="text-muted small mb-1 font-weight-bold">
                                                                                Start Date
                                                                            </span>
                                                                            <p class="font-weight-bold">
                                                                                {{ date('d/m/Y', strtotime($sick->start)) }}
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-6">
                                                                        <div class="form-group">
                                                                            <span
                                                                                class="text-muted small mb-1 font-weight-bold">
                                                                                End Date
                                                                            </span>
                                                                            <p class="font-weight-bold">
                                                                                @if ($sick->end == null)
                                                                                    <span
                                                                                        class="badge badge-secondary">Ongoing</span>
                                                                                @else
                                                                                    {{ date('d/m/Y', strtotime($sick->end)) }}
                                                                                @endif
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-3">
                                                                    <div class="col-sm-12">
                                                                        <div class="form-group">
                                                                            <span
                                                                                class="text-muted small mb-1 font-weight-bold">
                                                                                Duration
                                                                            </span>
                                                                            <p class="font-weight-bold">
                                                                                {{ $sick->days }} days</p>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-3">
                                                                    <div class="col-sm-6">
                                                                        <div class="form-group">
                                                                            <span
                                                                                class="text-muted small mb-1 font-weight-bold">
                                                                                Category
                                                                            </span>
                                                                            <p class="font-weight-bold">
                                                                                {{ $sick->category }}</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-6">
                                                                        <div class="form-group">
                                                                            <span
                                                                                class="text-muted small mb-1 font-weight-bold">
                                                                                Reason
                                                                            </span>
                                                                            <p class="font-weight-bold">
                                                                                {{ $sick->reason }}</p>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                @if ($sick->reviewnotes)
                                                                    <div class="row mb-3">
                                                                        <div class="col-sm-12">
                                                                            <div class="form-group">
                                                                                <span
                                                                                    class="text-muted small mb-1 font-weight-bold">
                                                                                    Review Notes
                                                                                </span>
                                                                                <p class="bg-light p-3 rounded">
                                                                                    {{ $sick->reviewnotes }}</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif

                                                                <div class="row mb-3">
                                                                    <div class="col-sm-12">
                                                                        <span
                                                                            class="text-muted small mb-2 font-weight-bold">
                                                                            Attached Documents
                                                                        </span>
                                                                        <div class="border rounded p-3 bg-light">
                                                                            @php
                                                                                $Docs = App\Models\Documents::where(
                                                                                    'employee_id',
                                                                                    $sick->employee_id,
                                                                                )
                                                                                    ->where(
                                                                                        'filepath',
                                                                                        'Sickness/' .
                                                                                            $sick->employee_id .
                                                                                            '/' .
                                                                                            $sick->id,
                                                                                    )
                                                                                    ->get();

                                                                                if (
                                                                                    !function_exists('getFileTypeIcon')
                                                                                ) {
                                                                                    function getFileTypeIcon($extension)
                                                                                    {
                                                                                        $icons = [
                                                                                            'docx' =>
                                                                                                'fas fa-file-word text-primary',
                                                                                            'doc' =>
                                                                                                'fas fa-file-word text-primary',
                                                                                            'ppt' =>
                                                                                                'fas fa-file-powerpoint text-orange',
                                                                                            'pptx' =>
                                                                                                'fas fa-file-powerpoint text-orange',
                                                                                            'pdf' =>
                                                                                                'fas fa-file-pdf text-danger',
                                                                                            'xls' =>
                                                                                                'fas fa-file-excel text-success',
                                                                                            'xlsx' =>
                                                                                                'fas fa-file-excel text-success',
                                                                                            'csv' =>
                                                                                                'fas fa-file-csv text-success',
                                                                                            'png' =>
                                                                                                'fas fa-file-image text-info',
                                                                                            'jpg' =>
                                                                                                'fas fa-file-image text-info',
                                                                                            'jpeg' =>
                                                                                                'fas fa-file-image text-info',
                                                                                            'gif' =>
                                                                                                'fas fa-file-image text-info',
                                                                                            'mp4' =>
                                                                                                'fas fa-file-video text-purple',
                                                                                            'default' => 'far fa-file',
                                                                                        ];
                                                                                        return $icons[$extension] ??
                                                                                            $icons['default'];
                                                                                    }
                                                                                }
                                                                            @endphp

                                                                            @if ($Docs->count() > 0)
                                                                                <div class="list-group list-group-flush">
                                                                                    @foreach ($Docs as $doc)
                                                                                        @php
                                                                                            $extension = pathinfo(
                                                                                                $doc->docname,
                                                                                                PATHINFO_EXTENSION,
                                                                                            );
                                                                                            $fileIcon = getFileTypeIcon(
                                                                                                $extension,
                                                                                            );
                                                                                        @endphp
                                                                                        <a href="{{ route('download', $doc->id) }}"
                                                                                            class="list-group-item list-group-item-action d-flex align-items-center">
                                                                                            <i
                                                                                                class='{{ $fileIcon }} fa-lg mr-3'></i>
                                                                                            <span>{{ $doc->docname }}</span>
                                                                                            <i
                                                                                                class="fas fa-download ml-auto text-muted"></i>
                                                                                        </a>
                                                                                    @endforeach
                                                                                </div>
                                                                            @else
                                                                                <p
                                                                                    class="text-muted mb-0 text-center py-2">
                                                                                    <i
                                                                                        class="fas fa-exclamation-circle mr-2"></i>No
                                                                                    documents attached
                                                                                </p>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <span
                                                                            class="text-muted small mb-2 font-weight-bold">
                                                                            Status
                                                                        </span>
                                                                        <div>
                                                                            @if ($sick->status == 1)
                                                                                <span class="badge badge-danger px-3 py-2">
                                                                                    <i
                                                                                        class="fas fa-exclamation-circle mr-1"></i>Open
                                                                                </span>
                                                                            @else
                                                                                <span
                                                                                    class="badge badge-success px-3 py-2">
                                                                                    <i
                                                                                        class="fas fa-check-circle mr-1"></i>Closed
                                                                                </span>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer bg-light">
                                                                <button type="button" class="btn btn-secondary"
                                                                    data-dismiss="modal">
                                                                    <i class="fas fa-times mr-1"></i>Close
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('#sicknessList').DataTable({
                order: [
                    [1, 'desc']
                ],
                pagingType: 'full_numbers',
                language: {
                    search: "_INPUT_",
                    searchPlaceholder: "Search records..."
                }
            });

            $('[data-toggle="tooltip"]').tooltip();

            $('.action-btn').hover(function() {
                $(this).tooltip('show');
            }, function() {
                $(this).tooltip('hide');
            });
        });
    </script>
@stop

@section('footer')
    &nbsp;
@stop