@extends('backend.layouts.app')

@section('title', 'Read Message')

@push('styles')


@endpush


@section('content')

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header bg-blue-grey">
                    <h2>READ MESSAGE</h2>
                </div>
                <div class="body">

                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <a href="{{route('admin.message')}}" class="waves-effect waves-light btn m-b-15">
                                <i class="material-icons left">arrow_back</i>
                                <span>BACK</span>
                            </a>
                        </div>
                    </div>

                    <h5>From: {{ $message->name }} <<em>{{ $message->email }}></em></h5>
                    <hr>

                    <h5>Time: {{ $message->created_at->diffForHumans() }} at {{ $message->created_at->toFormattedDateString() }}</h5>
                    <hr>

                    <h5>Message</h5>
                    <p>{!! $message->message !!}</p>
                    <hr>

                    <a href="{{route('admin.message.replay',$message->id)}}" class="btn bg-green btn-sm waves-effect">
                        <i class="material-icons">reply</i>
                        <span>Reply</span>
                    </a>

                    <form class="right" action="{{route('admin.message.readunread')}}" method="POST">
                        @csrf
                        <input type="hidden" name="status" value="{{ $message->status }}">
                        <input type="hidden" name="messageid" value="{{ $message->id }}">

                        <button type="submit" class="btn btn-warning btn-sm waves-effect">
                            @if($message->status)
                                <i class="material-icons">mail</i>
                                <span>Unread</span>
                            @else
                                <i class="material-icons">drafts</i>
                                <span>Read</span>
                            @endif
                        </button>
                    </form>

                </div>
            </div>
        </div>
    </div>

    @if(!empty($property))
        <div class="row clearfix">

            <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
                <div class="card">

                    <div class="header bg-indigo">
                        <h2>ATTACHED PROPERTY</h2>
                    </div>

                    <div class="header">
                        <h2>
                            {{$property->title}}
                            <br>
                            <small>Posted By <strong>{{$property->user->name}}</strong> on {{$property->created_at->toFormattedDateString()}}</small>
                        </h2>
                    </div>

                    <div class="header">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <strong>Price : </strong>
                                <span class="right"> &dollar;{{number_format($property->price)}}</span>
                            </li>
                            <li class="list-group-item">
                                <strong>Bedroom : </strong>
                                <span class="right">{{$property->bedroom}}</span>
                            </li>
                            <li class="list-group-item">
                                <strong>Bathroom : </strong>
                                <span class="right">{{$property->bathroom}}</span>
                            </li>
                            <li class="list-group-item">
                                <strong>City : </strong>
                                <span class="right">{{$property->city}}</span>
                            </li>
                            <li class="list-group-item">
                                <strong>Address : </strong>
                                <span class="left">{{$property->address}}</span>
                            </li>
                        </ul>
                    </div>

                    <div class="body">
                        <h5>Description</h5>
                        {!!$property->description!!}
                    </div>

                </div>
                <div class="card">
                    <div class="header">
                        <h2>MAP</h2>
                    </div>
                    <div class="body">
                        <div id="gmap_markers" class="gmap"></div>
                    </div>
                </div>

                @if($property->floor_plan)
                    <div class="card">
                        <div class="header">
                            <h2>FLOOR PLAN</h2>
                        </div>
                        @if($property->floor_plan)
                            <div class="body">
                                <img class="img-responsive" src="{{Storage::url('property/'.$property->floor_plan)}}" alt="{{$property->title}}">
                            </div>
                        @endif
                    </div>
                @endif

                @if($videoembed)
                    <div class="card">
                        <div class="header">
                            <h2>PROPERTY VIDEO</h2>
                        </div>
                        <div class="body text-center">
                            <div class="video-container">
                                {!! $videoembed !!}
                            </div>
                        </div>
                    </div>
                @endif

                @if(!$property->gallery->isEmpty())
                    <div class="card">
                        <div class="header bg-red">
                            <h2>GALLERY IMAGE</h2>
                        </div>
                        <div class="body">
                            <div class="gallery-box">
                                @foreach($property->gallery as $gallery)
                                    <div class="gallery-image">
                                        <img class="img-responsive" src="{{Storage::url('property/gallery/'.$gallery->name)}}" alt="{{$property->title}}">
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                {{-- COMMENTS --}}
                <div class="card">
                    <div class="header">
                        <h2>{{ $property->comments_count }} Comments</h2>
                    </div>
                    <div class="body">

                        @foreach($property->comments as $comment)

                            @if($comment->parent_id == NULL)
                                <div class="comment">
                                    <div class="author-image">
                                        <span style="background-image:url({{ Storage::url('users/'.$comment->users->image) }});"></span>
                                    </div>
                                    <div class="content">
                                        <div class="author-name">
                                            <strong>{{ $comment->users->name }}</strong>
                                            <span class="right">{{ $comment->created_at->diffForHumans() }}</span>
                                        </div>
                                        <div class="author-comment">
                                            {{ $comment->body }}
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @foreach($comment->children as $comment)
                                <div class="comment children">
                                    <div class="author-image">
                                        <span style="background-image:url({{ Storage::url('users/'.$comment->users->image) }});"></span>
                                    </div>
                                    <div class="content">
                                        <div class="author-name">
                                            <strong>{{ $comment->users->name }}</strong>
                                            <span class="right">{{ $comment->created_at->diffForHumans() }}</span>
                                        </div>
                                        <div class="author-comment">
                                            {{ $comment->body }}
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        @endforeach

                    </div>
                </div>

            </div>
            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header bg-cyan">
                        <h2>TYPE</h2>
                    </div>
                    <div class="body">
                        <strong class="label bg-red">{{$property->type}}</strong> for <strong class="label bg-blue">{{$property->purpose}}</strong>
                    </div>
                </div>
                <div class="card">
                    <div class="header bg-green">
                        <h2>FEATURES</h2>
                    </div>
                    <div class="body">
                        @foreach($property->features as $feature)
                            <span class="label bg-green">{{$feature->name}}</span>
                        @endforeach
                    </div>
                </div>

                <div class="card">
                    <div class="header bg-amber">
                        <h2>FEATURED IMAGE</h2>
                    </div>
                    <div class="body">

                        @if(Storage::disk('public')->exists('property/'.$property->image) && $property->image)
                            <img class="img-responsive thumbnail" src="{{Storage::url('property/'.$property->image)}}" alt="{{$property->title}}">
                        @else
                            <img class="img-responsive thumbnail" src="{{ asset('frontend/images/placeholder/placeholder-property-single-image.jpg') }}" alt="{{$property->title}}">
                        @endif

                        <a href="{{route('admin.properties.edit',$property->slug)}}" class="btn btn-info btn-lg waves-effect">
                            <i class="material-icons">edit</i>
                            <span>EDIT PROPERTY</span>
                        </a>

                    </div>
                </div>
            </div>

        </div>
    @endif

@endsection


@push('scripts')

@endpush