@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-4">
        {{-- Flash alerts --}}
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">Edit Timesheet</h4>
                <small class="text-muted">Update hours and details for this entry</small>

                {{-- Validation summary --}}
                @if ($errors->any())
                    <div class="alert alert-danger mt-2">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <a href="{{ route('timesheets.index') }}" class="btn btn-outline-primary">Back</a>
        </div>

        <form action="{{ route('timesheets.update', $timesheet->id) }}" method="POST" novalidate>
            @csrf
            @method('PUT')

            {{-- Shift + Date --}}
            <div class="row mb-4">
                <div class="col-md-3">
                    <label class="form-label">Select Shift <span class="text-danger">*</span></label>
                    <select name="shift" id="shift-selector" class="form-select @error('shift') is-invalid @enderror"
                        required>
                        <option value="">-- Select Shift --</option>
                        @php $shiftOld = old('shift', $timesheet->shift); @endphp
                        <option value="daily" {{ $shiftOld === 'daily' ? 'selected' : '' }}>Daily</option>
                        <option value="night" {{ $shiftOld === 'night' ? 'selected' : '' }}>Night</option>

                    </select>
                    @error('shift')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-3">
                    <label class="form-label">Date & Time <span class="text-danger">*</span></label>
                    <input type="datetime-local" name="entry_datetime"
                        class="form-control @error('entry_datetime') is-invalid @enderror"
                        value="{{ old('entry_datetime', optional($timesheet->date)->format('Y-m-d\TH:i')) }}" required>
                    @error('entry_datetime')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            {{-- Laborer --}}
            <div class="row mb-4">
                <div class="col-md-6">
                    <label class="form-label">Laborer <span class="text-danger">*</span></label>
                    <select name="laborer_id" id="laborer-selector"
                        class="form-select @error('laborer_id') is-invalid @enderror" required>
                        <option value="">-- Select Laborer--</option>
                        @foreach ($laborers as $l)
                            <option value="{{ $l->id }}"
                                {{ old('laborer_id', $timesheet->laborer_id) == $l->id ? 'selected' : '' }}
                                data-hourly_wage="{{ (float) $l->hourly_wage }}"
                                data-morning="{{ (float) ($l->morning_rate ?? 0) }}"
                                data-afternoon="{{ (float) ($l->afternoon_rate ?? 0) }}"
                                data-overtime="{{ (float) ($l->overtime_rate ?? 0) }}"
                                data-full="{{ (float) ($l->full_day_rate ?? 0) }}">
                                {{ $l->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('laborer_id')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            {{-- Hours + Rate + Total --}}
            <div class="row mb-4">
                <div class="col-md-3">
                    <label class="form-label">Hours Worked <span class="text-danger">*</span></label>
                    <input type="number" step="0.01" name="hours_worked" id="hours-worked"
                        class="form-control @error('hours_worked') is-invalid @enderror"
                        value="{{ old('hours_worked', $timesheet->hours_worked) }}" required>
                    @error('hours_worked')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                 <div class="col-md-3">
                    <label class="form-label">Overtime Worked <span class="text-danger">*</span></label>
                    <input type="number" step="0.01" name="overtime_hours" id="overtime-hours"
                        class="form-control @error('overtime_hours') is-invalid @enderror"
                        value="{{ old('overtime_hours', $timesheet->overtime_hours) }}" required>
                    @error('overtime_hours')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-3">
                    <label class="form-label">Hourly Rate <span class="text-danger">*</span></label>
                    <input type="number" step="0.01" name="hourly_rate" id="hourly-rate"
                        class="form-control @error('hourly_rate') is-invalid @enderror"
                        value="{{ old('hourly_rate', $timesheet->hourly_rate) }}" required>
                    @error('hourly_rate')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                    <small class="text-muted">Auto-fills from selected laborer + shift (you can override).</small>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Total</label>
                    <input type="number" step="0.01" name="total" id="total"
                        class="form-control @error('total') is-invalid @enderror"
                        value="{{ old('total', $timesheet->total) }}" readonly>
                    @error('total')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            {{-- Notes --}}
            <div class="mb-4">
                <label class="form-label">Notes</label>
                <textarea name="notes" class="form-control" rows="2">{{ old('notes', $timesheet->notes) }}</textarea>
            </div>

            <div class="mt-4">
                <button class="btn btn-primary">
                    <i class="fas fa-save me-2"></i> Update Timesheet
                </button>
                <a href="{{ route('timesheets.index') }}" class="btn btn-outline-secondary ms-2">Cancel</a>
            </div>
        </form>
    </div>
@endsection

@section('scripts')
    <script>
        (function() {
            const hoursInput = document.getElementById('hours-worked');
            const overtimeInput = document.getElementById('overtime-hours');
            const rateInput = document.getElementById('hourly-rate');
            const totalInput = document.getElementById('total');
            const laborerSel = document.getElementById('laborer-selector');
            const shiftSel = document.getElementById('shift-selector');

            function updateTotal() {
                const hours = parseFloat(hoursInput?.value) || 0;
                const overtime = parseFloat(overtimeInput?.value) || 0;
                const rate = parseFloat(rateInput?.value) || 0;
                if (totalInput) totalInput.value = ((hours + overtime) * rate).toFixed(2);
            }

            function getRateFromLaborerAndShift() {
                if (!laborerSel || !shiftSel) return null;
                const opt = laborerSel.options[laborerSel.selectedIndex];
                if (!opt) return null;

                const shift = shiftSel.value || '';
                // priority: shift-specific rate -> hourly_wage
                let rate = 0;
                if (shift && opt.dataset[shift]) {
                    rate = parseFloat(opt.dataset[shift]) || 0;
                }
                if (!rate) {
                    rate = parseFloat(opt.dataset.hourly_wage) || 0;
                }
                return rate || null;
            }

            function maybeAutoFillRate() {
                const r = getRateFromLaborerAndShift();
                if (r !== null && rateInput) {
                    rateInput.value = Number(r).toFixed(2);
                    updateTotal();
                }
            }

            // Events
            hoursInput?.addEventListener('input', updateTotal);
            overtimeInput?.addEventListener('input', updateTotal);
            rateInput?.addEventListener('input', updateTotal);
            laborerSel?.addEventListener('change', () => {
                maybeAutoFillRate();
            });
            shiftSel?.addEventListener('change', () => {
                maybeAutoFillRate();
            });

            // Initial compute (if fields already filled)
            updateTotal();
        })();
    </script>
@endsection