@props(['note', 'incontext' => false, 'editable' => false])

@if(!empty(auth()->user()) && auth()->user()->getPermissionLevel() == "super")
    @php
        $editable = true;
    @endphp
@endif

<div class="row note-row">
    <div class="col-md-12">
        <div class="noteinfo">
            {{ $note->created_at->diffForHumans() }}
            <i class="fa fa-pencil ml-2"></i>
            <strong>
            @if(!empty($note->getAuthor()))
                by {!! $note->getAuthor()->name !!}
            @endif
            </strong>
            @if(!$incontext)
                @if(!empty($note->getSubjectUser()->lead))
                    &nbsp; - &nbsp;
                    <a href="/customer/{!! $note->getSubjectUser()->lead->id !!}">
                        <i class="fa fa-user"></i>
                        {!! $note->getSubjectUser()->lead->fullname !!} {!! $note->getSubjectUser()->lead->address->address_line_1 !!} {!! $note->getSubjectUser()->lead->address->postcode !!}
                    </a>
                @endif
                @if(!empty($note->getSubjectTimeSlot()))
                    &nbsp; - &nbsp;
                    <a href="/appointment/{!! $note->getSubjectTimeSlot()->id !!}">
                        <i class="fa fa-calendar"></i>
                        {!! $note->getSubjectTimeSlot()->getAdminInfoLine() !!}
                    </a>
                @endif
            @endif

        </div>

        {!! $note->body !!}<br />

        @foreach($note->files as $file)
            {!! $file->display() !!}
        @endforeach
        <div class="noteinfo">
            {{ $note->created_at->format('D jS M y H:i') }}
            <i class="fa fa-eye ml-2"></i> {{ config('enum.note_states')[$note->state] }}
            @if($editable)
                <a class="ml-2" href="/note/{!! $note->id !!}/edit">Edit</a>
                @if(auth()->user() && auth()->user()->isPermitted("super"))
                {!! Form::open([
                    'url' => 'api/async_note_update',
                    'id' => 'note-'.$note->id.'-types-form',
                    'class' => 'ajaxform',
                    'style' => 'display: inline;',
                    'data-endpoint' => 'async_note_update']) !!}

                    {!! Form::hidden('id', $note->id) !!}

                        {!! Form::hidden('type', 1, ['id' => 'note-'.$note->id.'-tv']) !!}
                        <select id="note-{{$note->id}}-ts"
                            name="type"
                            class="note_type_select">
                            @foreach(config('enum.note_types') as $num => $name)
                                @if($num == $note->type)
                                    <option value="{{ $num }}" selected="selected">{{ $name }}</option>
                                @else
                                    <option value="{{ $num }}">{{ $name }}</option>
                                @endif
                            @endforeach
                        </select>
                {!! Form::close() !!}
                @endif
            @endif
        </div>

        @if($note->isTask())
            <div class="note-task
                @if($note->isDone())
                    note-task-done
                @else
                    note-task-outstanding
                @endif
                " id="note-{{$note->id}}-container">
                @if($note->isDone())
                    <i id="note-{{$note->id}}-fa" class="fa fa-check mr-1"></i>
                @else
                    <i id="note-{{$note->id}}-fa" class="fa fa-clock-o mr-1"></i>
                @endif
                Task
                <span id="note-{{$note->id}}-st">
                @if($note->isDone())
                    complete,
                @else
                    outstanding,
                @endif
                </span>
                @foreach($note->getTaskedUsers() as $user)
                    tasked to: <strong>{!! $user->name !!}
                </strong>
                @endforeach

                {!! Form::open([
                    'url' => 'api/async_note_update',
                    'id' => 'note-'.$note->id.'-type-form',
                    'class' => 'ajaxform',
                    'style' => 'display: inline;',
                    'data-endpoint' => 'async_note_update']) !!}

                    {!! Form::hidden('id', $note->id) !!}
                    @if($note->isDone())
                        {!! Form::hidden('type', 1, ['id' => 'note-'.$note->id.'-tv']) !!}
                        <button id="note-{{$note->id}}-mbtn"
                            class="btn btn-sm btn-warning ml-1" type="submit">
                            Toggle
                        </button>
                    @else
                        {!! Form::hidden('type', 3, ['id' => 'note-'.$note->id.'-tv']) !!}
                        <button id="note-{{$note->id}}-mbtn"
                            class="btn btn-sm btn-success ml-1" type="submit">
                            Toggle
                        </button>
                    @endif
                {!! Form::close() !!}

            </div>
        @endif

    </div>
</div>