@canany(['hr_manager_hq', 'sickness'])

    @extends('adminlte::page')

    @section('title', $title)

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>{{ $subtitle }}</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"><a href="{{ route('admin.index') }}">Admin</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.sickness.index') }}">Sickness</a></li>
                    <li class="breadcrumb-item active">View</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <style>
        .table {
            max-width: 100%;
            overflow-x: auto;
        }

        /* Prevent the table from overlapping the design on mobile devices */
        @media (max-width: 768px) {
            .table {
                position: relative;
                top: 0;
                left: 0;
            }
        }
    </style>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <div class="container">

                        <div class="row mb-2">
                            <div class="col-12 p-4">
                                <a href={{ route('admin.sickness.index') }} class="btn btn-secondary"><i
                                        class="fas fa-arrow-left"></i> Back</a>
                            </div>
                        </div>

                        <hr class="bg-secondary">
                        <div class="card border-light m-4">
                            <div class="card-header bg-light text-xl">Viewing sickness details</div>
                            <div class="card-body text-lg">
                                <div class="card-text">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label id="namelab" for="name">Name:</label>
                                            {{ $user->name }}
                                        </div>

                                        <div class="col-sm-2">
                                            <label id="employeereflab" for="employeerefdis">Employee Ref:</label>
                                            {{ $sickness->employeeref }}
                                        </div>
                                        <div class="col-sm-4">
                                            <label id="persontypelab" for="persontypedis">Person Type:</label>
                                            {{ $sickness->persontype }}
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <label id="deptpelab" for="departmentdis">Department:</label>
                                            {{ $sickness->department }}
                                        </div>
                                        <div class="col-sm-4">
                                            <label id="divisionlab" for="division">Division:</label>
                                            {{ $sickness->division }}
                                        </div>
                                        <div class="col-sm-4">
                                            <label id="locationlab" for="locationdis">Location:</label>
                                            {{ $sickness->location }}
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <label id="categorylab" for="category">Category:</label>
                                            {{ $sickness->category }}
                                        </div>
                                        <div class="col-sm-6">
                                            <label id="statuslab" for="status">Status:</label>
                                            @if ($sickness->status == 1)
                                                Open
                                            @else
                                                Closed
                                            @endif
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <label id="startlab" for="start">Start Date:</label>
                                            {{ date('d/m/Y', strtotime($sickness->start)) }}
                                        </div>
                                        <div class="col-sm-4">
                                            <label id="endlab" for="end">End Date:</label>
                                            @if (!empty($sickness->end))
                                                {{ date('d/m/Y', strtotime($sickness->end)) }}
                                            @endif
                                        </div>
                                        <div class="col-sm-4">
                                            <label id="dayslab" for="days">Days:</label>
                                            {{ $sickness->days }}
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label id="reasonlab" for="reason">Reason:</label>
                                            {{ $sickness->reason }}
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label id="reviewLab" for="reviewnotes">Review Notes:</label>
                                            {{ $sickness->reviewnotes }}
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label id="docsLab" for="docs">Document(s):</label>
                                            @php
                                                // Define the function before using it
                                                function getFileTypeIcon($extension)
                                                {
                                                    $icons = [
                                                        'docx' => 'fas fa-file-word fa-lg text-primary',
                                                        'doc' => 'fas fa-file-word fa-lg text-primary',
                                                        'ppt' => 'fas fa-file-powerpoint fa-lg text-orange',
                                                        'pttx' => 'fas fa-file-powerpoint fa-lg text-orange',
                                                        'pdf' => 'fas fa-file-pdf fa-lg text-danger',
                                                        'xls' => 'fas fa-file-excel fa-lg text-success',
                                                        'csv' => 'fas fa-file-csv fa-lg text-success',
                                                        'png' => 'fas fa-file-image fa-lg text-info',
                                                        'jpg' => 'fas fa-file-image fa-lg text-info',
                                                        'jpeg' => 'fas fa-file-image fa-lg text-info',
                                                        'psd' => 'fas fa-file-image fa-lg text-info',
                                                        'gif' => 'fas fa-file-image fa-lg text-info',
                                                        'bmp' => 'fas fa-file-image fa-lg text-info',
                                                        'mov' => 'fas fa-file-video fa-lg text-Purple',
                                                        'avi' => 'fas fa-file-video fa-lg text-Purple',
                                                        'mp4' => 'fas fa-file-video fa-lg text-Purple',
                                                        'mp3' => 'fas fa-file-audio fa-lg text-warning',
                                                        'wav' => 'fas fa-file-audio fa-lg text-warning',
                                                        'aiff' => 'fas fa-file-audio fa-lg text-warning',
                                                        'wma' => 'fas fa-file-audio fa-lg text-warning',
                                                        'default' => 'far fa-file fa-lg',
                                                    ];
                                                    return $icons[$extension] ?? $icons['default'];
                                                }
                                            @endphp

                                            @if (!empty($Docs))
                                                @foreach ($Docs as $doc)
                                                    @php
                                                        $extension = pathinfo($doc->docname, PATHINFO_EXTENSION);
                                                        // Display file icon (using the corrected function call)
                                                        $fileIcon = getFileTypeIcon($extension);
                                                    @endphp
                                                    <div class="file-item">
                                                        <i class='{{ $fileIcon }}'></i>
                                                        <a href="{{ route('download', $doc->id) }}"
                                                            class="text-dark">{{ $doc->docname }}</a>
                                                    </div>
                                                @endforeach
                                            @else
                                                No document(s) found.
                                            @endif
                                        </div>
                                    </div>
                                    <hr class="bg-secondary">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <a href="{{ route('admin.sickness.edit', ['sickness' => $sickness->id]) }}"
                                                class="btn btn-primary"><i clsss="fa fa-pen"></i> Edit</a>
                                        </div>
                                    </div>

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

                    </div>
                    </form>


                </div>
            </div>
        </div>
    </div>
@stop

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