@extends('layouts.app')

@section('title', '每日工時')

@section('content')
<div class="page-hero p-4 p-lg-4 mb-3">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div>
            <div class="page-title mb-1">每日工時</div>
            <div class="page-subtitle">依日期、工人或月份篩選，快速查看與編修每日工時紀錄。</div>
        </div>
        <a href="{{ route('work-logs.create', ['date' => now()->toDateString()]) }}" class="btn btn-success"><i class="fa-solid fa-plus me-1"></i>新增今天工時</a>
    </div>
</div>

<div class="card card-soft mb-3">
    <div class="card-body">
        <form method="get" class="row g-3 align-items-end">
            <div class="col-md-3">
                <label class="form-label">日期</label>
                <input type="date" name="date" value="{{ $filters['date'] ?? '' }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label">工人</label>
                <select name="worker_id" class="form-select">
                    <option value="">全部工人</option>
                    @foreach ($workers as $worker)
                        <option value="{{ $worker->id }}" @selected((string) ($filters['worker_id'] ?? '') === (string) $worker->id)>{{ $worker->no }}｜{{ $worker->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">月份</label>
                <input type="month" name="month" value="{{ $filters['month'] ?? '' }}" class="form-control">
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button class="btn btn-primary">篩選</button>
                <a href="{{ route('work-logs.index') }}" class="btn btn-outline-secondary">清除</a>
            </div>
        </form>
        <div class="d-flex flex-wrap gap-2 mt-3 no-print">
            <a href="{{ route('work-logs.export', ['format' => 'csv'] + $filters) }}" class="btn btn-outline-dark btn-sm">匯出 CSV</a>
            <a href="{{ route('work-logs.export', ['format' => 'xlsx'] + $filters) }}" class="btn btn-outline-dark btn-sm">匯出 XLSX</a>
            <a href="{{ route('work-logs.print-daily', $filters) }}" class="btn btn-outline-secondary btn-sm">列印每日工時</a>
        </div>
    </div>
</div>

<div class="card card-soft">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 text-nowrap" style="min-width: 1200px;">
            <thead class="table-light">
                <tr>
                    <th>日期</th>
                    <th>工人</th>
                    <th>上午</th>
                    <th>下午</th>
                    <th>總工時</th>
                    <th>基本薪資</th>
                    <th>加班費 / 補貼</th>
                    <th>費用</th>
                    <th>當日薪資</th>
                    <th>工作內容</th>
                    <th class="text-end">操作</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($workLogs as $workLog)
                    <tr>
                        <td>{{ $workLog->work_date->format('Y-m-d') }}</td>
                        <td>{{ $workLog->worker?->name }}</td>
                        <td>{{ number_format($workLog->morning_hours, 1) }}</td>
                        <td>{{ number_format($workLog->afternoon_hours, 1) }}</td>
                        <td>{{ number_format($workLog->total_hours, 1) }}</td>
                        <td>NT$ {{ number_format($workLog->base_salary) }}</td>
                        <td>NT$ {{ number_format($workLog->overtime) }}</td>
                        <td>NT$ {{ number_format($workLog->adjustment) }}</td>
                        <td>NT$ {{ number_format($workLog->total_salary) }}</td>
                        <td>{{ $workLog->work_content }}</td>
                        <td class="text-end">
                            <div class="d-inline-flex gap-2 justify-content-end flex-wrap">
                                <a href="{{ route('work-logs.show', $workLog->id) }}" class="btn btn-outline-secondary">查看</a>
                                <a href="{{ route('work-logs.edit', $workLog->id) }}" class="btn btn-outline-primary">修改</a>
                                <form method="post" action="{{ route('work-logs.destroy', $workLog->id) }}" onsubmit="return confirm('確定刪除這筆工時紀錄嗎？');">
                                    @csrf
                                    @method('delete')
                                    <button type="submit" class="btn btn-outline-danger">刪除</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3 d-flex justify-content-end">{{ $workLogs->links() }}</div>
@endsection