@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        {{-- <div class="row">
            <div class="col-md-3">
                <div class="row text-center">
                    <div class="col-12">
                        @if ($user->file_location)
                            <img style="width: 200px; "
                                src="{{ $spserpUrl . '/' . $user->file_location . $user->file_name }}"
                                class="img-avatar">
                        @else
                            <img style="width: 200px; "
                                src="{{ $user->gender_id == 2 ? asset('assets/img/avatars/female.png') : asset('assets/img/avatars/male.png') }}"
                                class="img-avatar">
                        @endif
                    </div>
                </div>
                <div class="row text-center mt-2">
                    <div class="col-12">
                        <div class="h5">{{ strtoupper($user->name) }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-link active" id="nav-details-tab" data-toggle="tab" href="#nav-details" role="tab"
                            aria-controls="nav-details" aria-selected="true">Details</a>
                        <a class="nav-link" id="nav-jobs-tab" data-toggle="tab" href="#nav-jobs" role="tab"
                            aria-controls="nav-jobs" aria-selected="false">Jobs</a>
                        <a class="nav-link" id="nav-documents-tab" data-toggle="tab" href="#nav-documents" role="tab"
                            aria-controls="nav-documents" aria-selected="false">Accessed Documents</a>
                        <a class="nav-link" id="nav-activities-tab" data-toggle="tab" href="#nav-activities"
                            role="tab" aria-controls="nav-activities" aria-selected="false">Activities</a>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active mt-3" id="nav-details" role="tabpanel"
                        aria-labelledby="nav-home-tab">

                    </div>
                    <div class="tab-pane fade mt-3" id="nav-jobs" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <table class="table table-responsive-sm table-hover table-outline mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>Customer Name</th>
                                    <th>Job Count</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($customers as $customer)
                                    <tr>
                                        <td>
                                            <div>{{ $customer->name }}</div>
                                        </td>
                                        <td>
                                            <div>{{ $customer->job_count }}</div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="2">No data available</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane fade mt-3" id="nav-documents" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <table class="table table-responsive-sm table-hover table-outline mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>User Session ID</th>
                                    <th>File Name / Version</th>
                                    <th>Activity</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($documents as $document)
                                    <tr>
                                        <td>
                                            {{ $document->session_id }}
                                        </td>
                                        <td>
                                            <p class="p-0 m-0">{{ $document->file_name }}</p>
                                            <p class="p-0 m-0 text-muted">{{ $document->file_version_number }}</p>
                                        </td>
                                        <td>
                                            {{ $document->activity }}
                                        </td>
                                        <td>
                                            {{ date('d/m/Y h:i A', strtotime($document->activity_time)) }}
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4">No data available</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane fade mt-3" id="nav-activities" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <table class="table table-responsive-sm table-hover table-outline mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>Session ID</th>
                                    <th>Activity</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($sessions as $session)
                                    <tr>
                                        <td>
                                            <div>{{ $session->id }}</div>
                                        </td>
                                        <td>
                                            <div>{{ $session->activity }}</div>
                                        </td>
                                        <td>
                                            <div>{{ date('d/m/Y h:i A', strtotime($session->created_at)) }}</div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3">No data available</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div> --}}
    </div>
@endsection