@extends('admin.layouts.master')
@section('content')
    @php \Jenssegers\Date\Date::setLocale('ar'); @endphp
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-start align-items-center mb-1">
                    <div class="avatar mr-1">
                        <img src="{{asset(\App\Contract::find($contact->contract_id)->owner->image)}}" alt="avtar img holder" height="45" width="45">
                    </div>
                    <div class="user-page-info">
                        <p class="mb-0">{{\App\Contract::find($contact->contract_id)->owner->name}}</p>
                        <span class="font-small-2">{{\Jenssegers\Date\Date::create($contact->created_at->toDateTimeString())->diffForHumans()}}</span>
                    </div>
                </div>
                <p>{{$contact->message}}</p>

                @foreach($contact->comments()->orderBy('id','desc')->get() as $comment)
                    <div class="d-flex justify-content-start align-items-center mb-1">
                        <div class="avatar mr-50">
                            <img src="{{asset($comment->user->image)}}" alt="Avatar" height="30" width="30">
                        </div>
                        <div class="user-page-info">
                            <h6 class="mb-0">{{$comment->user->name}}</h6>
                            <span class="font-small-2">{{$comment->comment}}</span>
                        </div>
                        <div class="ml-auto cursor-pointer">
                            <span class="font-small-2">{{$comment->created_at}}</span>
                        </div>
                    </div>
                    <hr>
                @endforeach
                <form action="{{route('add_contact_comment',$contact->id)}}" method="post">
                    {{csrf_field()}}
                    <fieldset class="form-label-group mb-50">
                        <textarea required name="comment" class="form-control" id="label-textarea" rows="3" placeholder="اضف تعليق"></textarea>
                        <label for="label-textarea">اضف تعليق</label>
                    </fieldset>
                    <button type="submit" class="btn  btn-primary">اضف تعليق</button>
                </form>
            </div>
        </div>
    </div>
@endsection