@extends('admin.layouts.app')

@section('title', __('admin.admin_notes.create') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.admin_notes.create'))

@push('styles')
<style>
    .nt-form { display: grid; gap: 16px; }
    .nt-form .nt-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 14px 16px;
    }
    .nt-form .nt-grid > .span-full { grid-column: 1 / -1; }

    .nt-errors { background:#fef2f2; border:1px solid #fecaca; border-radius:10px; padding:12px 14px; color:#7f1d1d; }
    .nt-errors strong { color:#b91c1c; }
    .nt-errors ul { margin:6px 0 0 18px; padding:0; }
    .nt-errors li { font-size:13px; }

    .form-actions { display:flex; gap:10px; justify-content:flex-end; padding-top:8px; }
</style>
@endpush

@section('content')
    <x-admin.page-header :title="__('admin.admin_notes.create')">
        <x-slot:actions>
            <a href="{{ route('admin.admin-notes.index') }}" class="btn-secondary">{{ __('admin.actions.back_to_list') }}</a>
        </x-slot:actions>
    </x-admin.page-header>

    @include('admin.partials.flash')

    <div class="card form-card">
        @if (isset($errors) && $errors && $errors->any())
            <div class="nt-errors" role="alert">
                <strong>{{ __('admin.validation.summary_title') }}</strong>
                <ul>
                    @foreach ($errors->all() as $err)
                        <li>{{ $err }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('admin.admin-notes.store') }}" class="nt-form" novalidate>
            @csrf

            <div class="nt-grid">
                <div class="span-full">
                    <x-admin.form-textarea
                        name="note"
                        :label="__('admin.admin_notes.fields.note')"
                        :value="old('note', $note->note)"
                        :rows="6"
                        required />
                </div>

                <x-admin.form-select
                    name="assigned_to_admin_id"
                    :label="__('admin.admin_notes.fields.assigned_to')"
                    :options="$admins->mapWithKeys(fn ($a) => [$a->id => $a->name . ' (' . $a->email . ')'])->all()"
                    :selected="old('assigned_to_admin_id', $note->assigned_to_admin_id)"
                    :placeholder="__('admin.admin_notes.fields.assigned_to_placeholder')"
                    required />

                <x-admin.form-select
                    name="priority"
                    :label="__('admin.admin_notes.fields.priority')"
                    :options="[
                        \App\Models\AdminNote::PRIORITY_LOW    => __('admin.admin_notes.priorities.low'),
                        \App\Models\AdminNote::PRIORITY_MEDIUM => __('admin.admin_notes.priorities.medium'),
                        \App\Models\AdminNote::PRIORITY_HIGH   => __('admin.admin_notes.priorities.high'),
                    ]"
                    :selected="old('priority', $note->priority ?: \App\Models\AdminNote::PRIORITY_MEDIUM)"
                    required />
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.admin-notes.index') }}" class="btn-secondary">{{ __('admin.actions.cancel') }}</a>
                <button type="submit" class="btn-primary">{{ __('admin.actions.create') }}</button>
            </div>
        </form>
    </div>
@endsection