@extends('admin.layouts.dashboard')

@section('title', 'Attendance By Person')

@section('content')
    @php
        $type = $parameter == '1' ? 'Executive' : 'Member';
        $sdt = $start_dt ?? date('d-m-Y');
        $edt = $end_dt ?? date('d-m-Y');

        $fullname = collect($all_employee)->firstWhere('pin2', $emp_id)->fullname
            ?? collect($all_employee)->firstWhere('id', $emp_id)->fullname
            ?? '';
    @endphp

    <x-page-header
        :title="$type.' Wise Attendance'"
        description="Check-in history for one person over a date range."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Reports' => null, $type.' wise attendance' => null]"
    />

    <x-card title="Filter" class="u-mb-6">
        <form method="POST" action="{{ url('/pemployeewiseattendance') }}" class="filter-bar">
            @csrf
            <input type="hidden" name="parameter" value="{{ $parameter }}">

            <x-field label="Select {{ strtolower($type) }}" name="emp_id">
                <select id="emp_id" name="emp_id" class="select" style="min-width: 260px;">
                    @foreach ($all_employee as $person)
                        <option value="{{ $person->pin2 }}" @selected($emp_id == $person->pin2)>
                            {{ ucwords($person->fullname) }}
                        </option>
                    @endforeach
                </select>
            </x-field>

            <x-field label="Date range" name="start">
                <div class="input-group input-daterange">
                    <input type="text" id="start" class="input date-picker" name="start"
                           data-date-format="dd-mm-yyyy" value="{{ $sdt }}" readonly aria-label="Start date">
                    <span class="input-group__addon" aria-hidden="true"><i class="fa-solid fa-arrow-right-arrow-left"></i></span>
                    <input type="text" class="input date-picker" name="end"
                           data-date-format="dd-mm-yyyy" value="{{ $edt }}" readonly aria-label="End date">
                </div>
            </x-field>

            <div class="filter-bar__actions">
                <button type="submit" class="btn btn--primary">
                    <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                    Run report
                </button>
            </div>
        </form>
    </x-card>

    <div id="display">
        <x-card
            :title="'Attendance report'.($fullname ? ' — '.ucwords($fullname) : '')"
            :subtitle="$sdt.' to '.$edt"
            :flush="true"
        >
            <x-slot:actions>
                <button type="button" class="btn btn--secondary btn--sm no-print" onclick="printPageArea('display')">
                    <i class="fa-solid fa-print" aria-hidden="true"></i>
                    Print
                </button>
            </x-slot:actions>

            @if (count($emp_attendance_date_range) === 0)
                <x-empty icon="fa-clipboard-user" title="No check-ins in this range" />
            @else
                <div class="table-wrap">
                    <table class="table table--striped">
                        <thead>
                            <tr>
                                <th scope="col" class="col-num">SL</th>
                                <th scope="col">Name</th>
                                <th scope="col">Date</th>
                                <th scope="col">In-time</th>
                                <th scope="col">Out-time</th>
                                <th scope="col">Status</th>
                                <th scope="col">Remark</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($emp_attendance_date_range as $i => $att)
                                <tr>
                                    <td class="col-num">{{ $i + 1 }}</td>
                                    <td class="table__primary u-capitalize">{{ ucwords($att->fullname) }}</td>
                                    <td class="u-nowrap">{{ date('d-m-Y', strtotime($att->att_date)) }}</td>
                                    <td class="u-nowrap">{{ date('h:i:s a', strtotime($att->intime)) }}</td>
                                    <td class="u-nowrap">{{ date('h:i:s a', strtotime($att->outtime)) }}</td>
                                    <td><x-badge tone="success">Present</x-badge></td>
                                    <td class="u-text-secondary">{{ $att->remarks }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th scope="row" colspan="6">Total days present</th>
                                <td class="u-numeric">{{ count($emp_attendance_date_range) }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            @endif
        </x-card>
    </div>
@endsection