@extends('layouts.app_hr')

@section('title', __('hr.manual_attendance_entry'))

@section('content')
    <div class="container">
        <h3>{{ __('hr.manual_attendance_entry') }}</h3>

        <form action="{{ route('attendance.manual.store') }}" method="POST" id="manual_attendance_form">
            @csrf
            <!-- اليوم الثابت -->
            <div class="form-group mb-4">
                <label for="work_date">{{ __('hr.work_date') }}</label>
                <input type="date" name="work_date" id="work_date" class="form-control" value="{{ old('work_date', now()->toDateString()) }}" required>
            </div>

            <!-- جدول الموظفين -->
            <table class="table table-bordered" id="attendance_table">
                <thead>
                <tr>
                    <th>{{ __('hr.employee_name') }}</th>
                    <th>{{ __('hr.check_in_time') }}</th>
                    <th>{{ __('hr.check_out_time') }}</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($employees as $employee)
                    <tr>
                        <td>
                            {{ $employee->name }}
                            <input type="hidden" name="attendance[{{ $employee->id }}][user_id]" value="{{ $employee->id }}">
                        </td>
                        <td>
                            <input type="text" name="attendance[{{ $employee->id }}][check_in_time]" class="form-control timepicker" >
                        </td>
                        <td>
                            <input type="text" name="attendance[{{ $employee->id }}][check_out_time]" class="form-control timepicker">
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            <button type="submit" class="btn btn-primary">{{ __('messages.save') }}</button>
        </form>
    </div>
@endsection

@section('javascript')
    <script>
        flatpickr(".timepicker", {
            enableTime: true,
            noCalendar: true,
            dateFormat: "H:i", // صيغة 24 ساعة
            time_24hr: true     // استخدام صيغة 24 ساعة
        });

        @if ($errors->any())
        @foreach ($errors->all() as $error)
        toastr.error("{{ $error }}");
        @endforeach
        @endif
    </script>
@endsection