@include('site.controllers.header')

<div class="container m-h-50 mb-60">
    <div class="row">
        <div class="col-md-5 px-0">
            <article class="mt-30">
                <h4><strong>الرسائل المرسلة</strong></h4>
                <p class="color-gray mt-20">
                    قائمة الرسائل المرسلة
                </p>
            </article>
        </div>
    </div>
    <table class="table table-condensed owners mt-30">
        <thead>
        <tr>
            <th>الاسم</th>
            <th>الرسالة</th>
            <th>تاريخ الارسال</th>
            <th>تواصل</th>
        </tr>
        </thead>
        <tbody>

        @foreach($messages as $message)
            <tr>
                <td style="color: #0b0b0b">
                    <img src="{{$message->sender->image}}" alt="">
                    {{$message->sender->fullname}}
                </td>
                <td style="color: #0b0b0b">{{$message->body}}</td>
                <td style="color: #0b0b0b">{{\Carbon\Carbon::parse($message->created_at)->toDateString()}}</td>

                <td style="color: #0b0b0b">
                    @if(\Auth::check())
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                            إرسال رسالة
                        </button>
                        <center>
                            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">

                                        <form method="post" action="{{route('send_member_message_worker')}}"
                                              enctype="multipart/form-data">
                                            {{csrf_field()}}
                                            <div class="modal-header">
                                                <h3>إرسال رسالة جديدة</h3>
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <input type="hidden" name="receiver_id" value="{{$message->id}}">
                                                <textarea name="body" style="
    margin: 0px 2.5px 0px -13.5px;
    width: 479px;
    height: 204px;" required class="form-control">{{old('body')}}</textarea>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                                                    إلغاء
                                                </button>
                                                <button type="submit" class="btn btn-primary"> إرسال</button>
                                            </div>
                                        </form>

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

                    @else

                        يرجي التسجيل أولا
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div style="text-align: center;">
        {{$messages->links()}}
    </div>
</div>


@include('site.controllers.footer')