@extends('dashboard.layout.layout')

@section('content')
<div class="row">
    <div class="content-detached content-left">
        <div class="content-body">
            <!-- Blog Detail -->
            <div class="blog-detail-wrapper">
                <div class="row">
                    <!-- Blog -->
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">{{ $contact->subject }}</h4>
                                <div class="media">

                                    <div class="media-body">
                                        <small class="text-muted mr-25">{{ trans('dashboard.contact.writtenBy') }}</small>
                                        <small><a href="{{ $contact->user_id ? route('dashboard.'.$contact->user->user_type.'.show',$contact->user_id) : '#' }}" class="text-body">{{ $contact->fullname ?? $contact->email }}</a></small>
                                        <span class="text-muted ml-50 mr-25">|</span>
                                        <small class="text-muted">{{ $contact->created_at }}</small>
                                    </div>
                                </div>
                                <div class="divider divider-success">
                                    <div class="divider-text">{!! trans('dashboard.chat.message') !!}</div>
                                </div>
                                <p class="card-text mb-2">
                                    {{ $contact->content }}
                                </p>

                                <hr class="my-2" />
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="d-flex align-items-center">
                                        <div class="d-flex align-items-center mr-1">
                                            <a href="javascript:void(0);" class="mr-50">
                                                <i data-feather="message-square" class="font-medium-5 text-body align-middle"></i>
                                            </a>
                                            <a href="javascript:void(0);">
                                                <div class="text-body align-middle reply_count">{{ convertToK($contact->replies->count()) }}</div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/ Blog -->

                    <!-- Blog Comment -->
                    <div class="col-12" id="blogComment">
                        <h6 class="section-label">{!! trans('dashboard.contact.replies') !!}</h6>
                        <div class="card">
                            <div class="card-body">
                                @forelse ($contact->replies as $reply)
                                <div class="media {{ $reply->id }}">
                                    <div class="avatar mr-75">
                                        <img src="{{ $reply->sender->avatar }}" width="38" height="38" alt="Avatar" />
                                    </div>
                                    <div class="media-body">
                                        <h6 class="font-weight-bolder mb-25">{{ $reply->sender->fullname }}</h6>
                                        <p class="card-text">{{ $reply->created_at->format("M d, Y") }}</p>
                                        <p class="card-text">
                                            {!! $reply->reply !!}
                                        </p>
                                        <a href="javascript:void(0);" onclick="deleteItem({{ $reply->id }},'{{ LaravelLocalization::localizeUrl('dashboard/reply/'.$reply->id."/delete") }}')">
                                            <div class="d-inline-flex align-items-center text-danger">
                                                <span>{!! trans('dashboard.general.delete') !!}</span>
                                            </div>
                                        </a>
                                        @if (!$loop->last)
                                        <hr>
                                        @endif
                                    </div>
                                </div>
                                @empty
                                <div class="demo-spacing-0">
                                    <div class="alert alert-primary" role="alert">
                                        <div class="alert-body">
                                            <i data-feather='x-circle'></i>
                                            <span> {!! trans('dashboard.contact.no_replies') !!}</span>
                                        </div>
                                    </div>
                                </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                    <!--/ Blog Comment -->

                    <!-- Leave a Blog Comment -->
                    <div class="col-12">
                        <div class="divider divider-success">
                            <div class="divider-text"><i data-feather='message-circle'></i></div>
                        </div>
                        <div class="card">
                            <div class="card-body">
                                {!! Form::open(['route'=>'dashboard.contact.store','method'=>'POST','files'=>true,'class'=>'form-horizontal']) !!}
                                <div class="form-group col-12">
                                    <label class="form-label" for="modern-active_state">
                                        {{ trans('dashboard.contact.send_type') }}
                                    </label>
                                    <div class="demo-inline-spacing">
                                        <div class="custom-control custom-control-success custom-radio col-md-6">
                                            {!! Form::radio('send_type', 'fcm', null , ['class' => 'custom-control-input' , 'id' => 'fcm']) !!}
                                            <label class="custom-control-label" for="fcm">{!! trans('dashboard.contact.fcm') !!}</label>
                                        </div>
                                        <div class="custom-control custom-control-info custom-radio">
                                            {!! Form::radio('send_type', 'sms', null , ['class' => 'custom-control-input' , 'id' => 'sms']) !!}
                                            <label class="custom-control-label" for="sms">{!! trans('dashboard.contact.sms') !!}</label>
                                        </div>

                                    </div>
                                </div>
                                <div class="row">
                                    <input type="hidden" name="contact_id" value="{{ $contact->id }}">
                                    <div class="col-12">
                                        <textarea class="form-control mb-2" rows="4" placeholder="{!! trans('dashboard.contact.reply') !!}" name="reply"></textarea>
                                    </div>

                                    <div class="col-12 text-right">
                                        <button type="submit" class="btn btn-primary"> {!! trans('dashboard.contact.reply') !!}</button>
                                    </div>

                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <!--/ Leave a Blog Comment -->
                </div>
            </div>
            <!--/ Blog Detail -->

        </div>
    </div>
    <div class="sidebar-detached sidebar-right">
        <div class="sidebar">
            <div class="blog-sidebar my-2 my-lg-0">


                <!-- Recent Posts -->
                <div class="blog-recent-posts mt-3">
                    <h6 class="section-label">{!! trans('dashboard.contact.latest_messages') !!}</h6>
                    <div class="mt-75">
                        @forelse ($recentMsgs as $recent)
                        <div class="media mb-2">
                            <div class="media-body">
                                <h6 class="blog-recent-post-title">
                                    <a href="{{ route('dashboard.contact.show',$recent->id) }}" class="text-body-heading">{{ $recent->fullname ?? $recent->email  }}</a>
                                </h6>
                                <div class="text-muted mb-0">{{ str_limit($recent->content , 100 , "...") }}</div>
                            </div>
                        </div>
                        @empty

                        <li class="media font-weight-semibold border-0 py-2 justify-content-center">{!! trans('dashboard.contact.no_messages') !!}</li>
                        @endforelse
                    </div>
                </div>
                <!--/ Recent Posts -->

                <!-- Categories -->
                <div class="blog-categories mt-3">
                    <h6 class="section-label">{!! trans('dashboard.contact.archive') !!}</h6>
                    <div class="mt-1">
                        @forelse ($archives as $archive)
                        <div class="d-flex justify-content-between align-items-center mb-75">

                            <a href="{{ route('dashboard.contact.index') }}/?month={{ $archive->month }}&year={{ $archive->year }}">
                                <div class="blog-category-title text-body">{{ $archive->month_name ." ".$archive->year }}</div>
                            </a>
                            <a href="{{ route('dashboard.contact.index') }}/?month={{ $archive->month }}&year={{ $archive->year }}" class="mr-75 float-right">
                                <div class="avatar bg-light-primary rounded">
                                    <div class="avatar-content">
                                        <i data-feather="monitor" class="avatar-icon font-medium-1"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                        @empty
                        <li class="media font-weight-semibold border-0 py-2 justify-content-center">{!! trans('dashboard.contact.no_archive') !!}</li>
                        @endforelse
                    </div>
                </div>
                <!--/ Categories -->
            </div>

        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection


@include('dashboard.contact.show_scripts')