@extends('layouts.master')

@section('title', 'Edit Quick Diary Entry')

@push('styles')
@include('modules.processing.diary._diary-design')
<style>
.quick-entry-page { max-width: 600px; margin: 0 auto; padding: 24px 28px; }
.quick-form-grid { display: grid; gap: 20px; }
.form-actions { display:flex; gap:12px; margin-top:32px; padding-top:24px; border-top:1.5px solid var(--rule); flex-wrap:wrap; }
</style>
@endpush

@section('content')
<div class="quick-entry-page">
    <nav class="diary-topnav">
        <a href="{{ url('/') }}"><i class="fas fa-home"></i></a>
        <span class="sep">/</span>
        <a href="{{ route('modules.processing.diary.dashboard') }}">Diary</a>
        <span class="sep">/</span>
        <span class="current">Edit Quick Entry</span>
    </nav>

    <div style="display:flex;align-items:center;gap:18px;margin-bottom:22px;">
        <div style="width:54px;height:54px;background:linear-gradient(135deg,var(--amber),#b45309);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:0 10px 28px rgba(217,119,6,.22);">
            <i class="fas fa-edit"></i>
        </div>
        <div>
            <h1 style="font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--ink);line-height:1.15;margin:0 0 5px;">Edit Quick Entry</h1>
            <p style="font-family:var(--font-sans);font-size:.82rem;color:var(--ink-muted);margin:0;">Update the quick task details.</p>
        </div>
    </div>

    <form action="{{ route('modules.processing.diary.entry.update', ['type' => 'quick', 'id' => $entry->id]) }}" method="POST" id="quickEditForm">
        @csrf
        @method('PUT')

        <div class="diary-card">
            <div class="diary-card-body">
                <div class="quick-form-grid">
                    <div class="diary-form-group">
                        <label class="diary-form-label" for="entry_date">Date <span class="req">*</span></label>
                        <input type="date"
                               class="diary-form-control @error('entry_date') is-invalid @enderror"
                               id="entry_date"
                               name="entry_date"
                               value="{{ old('entry_date', optional($entry->entry_date)->toDateString()) }}"
                               required>
                        @error('entry_date') <div class="diary-invalid-msg">{{ $message }}</div> @enderror
                    </div>

                    <div class="diary-form-group">
                        <label class="diary-form-label" for="task_type">Task Type</label>
                        <select class="diary-form-control @error('task_type') is-invalid @enderror" id="task_type" name="task_type">
                            <option value="">Select Type</option>
                            @php $tt = old('task_type', $entry->task_type); @endphp
                            <option value="meeting" {{ $tt == 'meeting' ? 'selected' : '' }}>Meeting</option>
                            <option value="call" {{ $tt == 'call' ? 'selected' : '' }}>Phone Call</option>
                            <option value="follow-up" {{ $tt == 'follow-up' ? 'selected' : '' }}>Follow-up</option>
                            <option value="task" {{ $tt == 'task' ? 'selected' : '' }}>Task</option>
                            <option value="assignment" {{ $tt == 'assignment' ? 'selected' : '' }}>Assignment</option>
                            <option value="other" {{ $tt == 'other' ? 'selected' : '' }}>Other</option>
                        </select>
                        @error('task_type') <div class="diary-invalid-msg">{{ $message }}</div> @enderror
                    </div>

                    <div class="diary-form-group">
                        <label class="diary-form-label" for="task_title">Task Title <span class="req">*</span></label>
                        <input type="text"
                               class="diary-form-control @error('task_title') is-invalid @enderror"
                               id="task_title"
                               name="task_title"
                               value="{{ old('task_title', $entry->task_title) }}"
                               required
                               maxlength="255">
                        @error('task_title') <div class="diary-invalid-msg">{{ $message }}</div> @enderror
                    </div>

                    <div class="diary-form-group">
                        <label class="diary-form-label" for="assigned_to">Assigned To</label>
                        <select class="diary-form-control @error('assigned_to') is-invalid @enderror" id="assigned_to" name="assigned_to">
                            <option value="">Me</option>
                            @php $ass = old('assigned_to', $entry->assigned_to); @endphp
                            @foreach($assignees as $assignee)
                                <option value="{{ $assignee->id }}" {{ (string) $ass == (string) $assignee->id ? 'selected' : '' }}>
                                    {{ $assignee->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('assigned_to') <div class="diary-invalid-msg">{{ $message }}</div> @enderror
                    </div>

                    <div class="diary-form-group" style="grid-column: 1 / -1;">
                        <label class="diary-form-label" for="notes">Notes (optional)</label>
                        <textarea class="diary-form-control @error('notes') is-invalid @enderror"
                                  id="notes"
                                  name="notes"
                                  rows="4"
                                  maxlength="1000">{{ old('notes', $entry->notes) }}</textarea>
                        @error('notes') <div class="diary-invalid-msg">{{ $message }}</div> @enderror
                        <div class="char-counter" style="font-size:.75rem;color:var(--ink-muted);text-align:right;margin-top:4px;"><span id="notes-count">0</span>/1000</div>
                    </div>
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn-diary btn-diary-primary" style="flex:1;">
                    <i class="fas fa-save"></i> Save Changes
                </button>
                <a href="{{ route('modules.processing.diary.entry.show', ['type' => 'quick', 'id' => $entry->id]) }}" class="btn-diary btn-diary-ghost">
                    <i class="fas fa-times"></i> Cancel
                </a>
            </div>
        </div>
    </form>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const notesField = document.getElementById('notes');
    const countSpan = document.getElementById('notes-count');
    if (notesField && countSpan) {
        countSpan.textContent = (notesField.value || '').length;
        notesField.addEventListener('input', function() {
            countSpan.textContent = this.value.length;
        });
    }
});
</script>
@endpush
@endsection