@php
use App\Helpers\Helper;
use Request as Input;
use Carbon\Carbon;
@endphp
@extends('layouts.master')
@section('title', 'Contact Note')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('admin.errors.error')
        
        @section('breadcrumbs')
        <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
            <ol class="breadcrumb mb-0 me-1">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.contact.index') }}">Contacts</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.contact.show',$note->contact_id) }}">{{$note->contact->first_name.' '.$note->contact->last_name}}</a>
                </li>
                <li class="breadcrumb-item active">
                    Note Details
                </li>

            </ol>
        </nav>
        @endsection
    
        <div class="">
            <div class="row gy-4">
                <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Details</p>
                                    <div class="info-container">
                                        <ul class="list-unstyled">
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Note:</span>
                                                <br><div class="notesborder">#{!! $note->comment !!}</div>
                                            </li>
                                            <li class="mb-2">
                                                <span class="fw-semibold me-1">Created By:</span>
                                                <span>{{ isset($note->getCreatedByName) ?   $note->getCreatedByName->first_name.' '.$note->getCreatedByName->last_name : '-'}}</span>
                                            </li>
                                           
                                        </ul>
                                        
                                         <div class="d-flex justify-content-center">
                                            <a href="{{ route('admin.contact.show',$note->contact_id) }}" class="btn btn-primary flex-grow-1 flex-sm-grow-0 mt-sm-0 mt-1"><i class="fa-solid fa-arrow-left"></i> &nbsp; Back</a>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>
                 <div class="col-6 col-lg-6 col-md-5">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Card -->
                            <div class="card mb-4">
                                <div class="card-body">
                                    <p class="small text-uppercase text-muted">Comment</p>
                                    <div class="info-container">
                                        {!! Form::open([
                                            'route' => ['admin.contact.note.comment'],
                                            'id' => 'addcomment',
                                            'name' => 'addcomment',
                                            'enctype' => 'multipart/form-data',
                                        ]) !!}
                                        @csrf
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="mb-3">
                                                    {!! Form::label('comment', 'Enter Comment', ['class' => 'form-label', 'for' => 'title']) !!}
                                                    <span class="error">*</span>
                                                    {!! Form::textarea('comment', Input::old('comment'), [
                                                        'id' => 'v',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Enter Comment',
                                                        'tabindex' => '5',
                                                        'rows' => '6',
                                                    ]) !!}
                                                    <input type="hidden" name="note_id" value="{{ $note->id }}" class="form-controls">
                                                    <input type="hidden" name="contact_id" value="{{ $note->contact_id }}" class="form-controls">
                                                </div>
                                            </div>
                                        </div>
                                       
                                        <div class="row">
                                            <div class="col-6">
                                                <button type="submit" class="btn btn-primary submitbutton"><span
                                                        class="spinner-border me-1 loader-btn d-none" role="status"
                                                        aria-hidden="true">
                                                    </span> Submit</button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12">
                            @if (count($noteHistory) > 0)
                                <div class="card">
                                <div class="card-header d-flex justify-content-between">
                                    <h5 class="card-title m-0 me-2 pt-1 mb-2">Notes History</h5>
                                </div>
                                 <div class="card-body pb-0 task_history">
                                    <ul class="timeline ms-1 mb-0">
                                       
                                            @php $i=0; @endphp
                                            @foreach ($noteHistory as $key => $history)
                                                <li class="timeline-item timeline-item-transparent ps-4">
                                                    <span class="timeline-point  mt-2"></span>
                                                    <div class="timeline-event">
                                                        <div class="timeline-header mt-2">
                                                            <small class="text-muted">
                                                                {{ $history->created_at->diffForHumans() }}
                                                                 @if($key==0)
                                                                    &nbsp;<span class="badge bg-label-primary">New Update</span>
                                                                 @endif
                                                            </small>
                                                        </div>

                                                        <div class="d-flex flex-wrap mt-2">
                                                            <div class="avatar me-2">
                                                                @php $userID = isset($history->getCommenterUser) ? $history->getCommenterUser->id : '' @endphp
                                                                <a href="{{ route('admin.user.show', $userID) }}">
                                                                    <img src="{{ isset($history->getCommenterUser) ? $history->getCommenterUser->profile_pic : '' }}"
                                                                        alt="Avatar" class="rounded-circle" />
                                                                </a>
                                                            </div>
                                                            <div class="ms-1">
                                                                <h6 class="mb-0">
                                                                    {{ isset($history->getCommenterUser) ? $history->getCommenterUser->ownerName : '' }}
                                                                </h6>
                                                                <span>{{ isset($history->getCommenterUser->roles) ? $history->getCommenterUser->roles[0]->name : '' }}</span>
                                                            </div>
                                                        </div>
                                                        <p class="mb-2">
                                                            {{ isset($history->comment) ? $history->comment : '' }}</p>
                                                    </div>
                                                </li>
                                            @endforeach
                                       
                                    </ul>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
    </div>
    @include('admin.confirmalert')
@endsection
@section('scripts')
    <script>
        
        $("#addcomment").validate({
            rules: {
                comment: {
                    required: true,
                    //maxlength: 100
                }
            },
            submitHandler: function(form) {
                if ($("#addcomment").validate().checkForm()) {
                    $('.submitbutton').attr('disabled', true);
                    $('.loader-btn').removeClass("d-none");
                    form.submit();
                }
            },
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass("custom-highlight-error");
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass("custom-highlight-error");
            }
        });

    </script>
@endsection