@extends('layouts.teamlead')

@section('title','Нова нотатка')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/teamlead/notes-form.css') }}">
@endpush

@section('content')

    <div class="notes-form-page">

        {{-- Header --}}
        <div class="notes-form-header">
            <div>
                <h3>Нова нотатка</h3>
                <p class="notes-form-sub">
                    Зафіксуй подію, результат розмови або важливу задачу.
                </p>
            </div>
        </div>

        {{-- Form card --}}
        <div class="notes-form-card">
            <form method="POST" action="{{ route('teamlead.notes.store') }}">
                @csrf

                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label>Дата</label>
                        <input type="date"
                               name="note_date"
                               value="{{ old('note_date', now()->toDateString()) }}"
                               class="form-control"
                               required>
                    </div>

                    <div class="form-group col-md-9">
                        <label>Заголовок (опціонально)</label>
                        <input type="text"
                               name="title"
                               value="{{ old('title') }}"
                               class="form-control"
                               placeholder="Напр.: Дзвінок з X по TLOD3">
                    </div>
                </div>

                <div class="form-group">
                    <label>Опис</label>
                    <textarea name="content"
                              rows="6"
                              class="form-control"
                              placeholder="Що зроблено, результати, наступні кроки..."
                              required>{{ old('content') }}</textarea>
                </div>

                <div class="notes-form-actions">
                    <button class="btn btn-primary">
                        <i class="fa-solid fa-save mr-1"></i>
                        Зберегти
                    </button>

                    <a href="{{ route('teamlead.notes.index') }}"
                       class="btn btn-outline-secondary">
                        Скасувати
                    </a>
                </div>
            </form>
        </div>

        {{-- Errors --}}
        @if ($errors->any())
            <div class="alert alert-danger mt-3 shadow-sm">
                @foreach ($errors->all() as $e)
                    <div>{{ $e }}</div>
                @endforeach
            </div>
        @endif

    </div>

@endsection