@extends('layouts.app')

@section('title', '新增工時')

@section('content')
    <div class="mb-3 d-flex justify-content-between align-items-end">
        <div>
            <h4 class="mb-1">新增工時</h4>
            <div class="text-muted">工人下拉可搜尋，工時與薪資會即時計算。</div>
        </div>
        <a
            href="{{ route('work-logs.create', ['date' => old('work_date', $values['work_date'] ?? now()->toDateString()), 'copy_yesterday' => 1, 'worker_id' => request('worker_id')]) }}"
            id="copyYesterdayBtn"
            class="btn btn-outline-secondary"
            data-base-url="{{ route('work-logs.create', ['copy_yesterday' => 1]) }}"
        >
            複製昨天工時
        </a>
    </div>

    @include('work-logs._form', ['action' => route('work-logs.store'), 'method' => 'post', 'workLog' => null, 'workers' => $workers, 'values' => $values, 'submitLabel' => '儲存'])

    @push('scripts')
        <script>
            $(function () {
                const $copyYesterdayBtn = $('#copyYesterdayBtn');
                const baseUrl = $copyYesterdayBtn.data('base-url');

                function syncCopyYesterdayLink() {
                    const workerId = $('#workerSelect').val();
                    const targetDate = $('input[name="work_date"]').val();
                    const url = new URL(baseUrl, window.location.origin);

                    if (targetDate) {
                        url.searchParams.set('date', targetDate);
                    }

                    if (workerId) {
                        url.searchParams.set('worker_id', workerId);
                        $copyYesterdayBtn.removeClass('disabled').attr('href', url.toString());
                        return;
                    }

                    $copyYesterdayBtn.addClass('disabled').attr('href', '#');
                }

                $(document).on('change', '#workerSelect, input[name="work_date"]', syncCopyYesterdayLink);
                syncCopyYesterdayLink();
            });
        </script>
    @endpush
@endsection