@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Message History</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover dataTables-example" >
                                <thead>
                                <tr>

                                    <th>Date</th>
                                    <th>Sender</th>

                                    <th>Receiver</th>
                                     <th>Message</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($msg as $msgs)
                                    <tr>
                                        <td>{{$msgs->created_at}}</td>
                                         <td>{{$msgs->name}}</td>
                                          <td style="max-width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">{{$msgs->to}}

                                          </td>
                                           <td>{{$msgs->message}}</td>
                                           <td>
                                            <a  data-toggle="modal" data-target="#showmsg" data-id="{{$msgs->id}}" data-to="{{$msgs->to}}"  data-msg="{{$msgs->message}}"><i class="fa fa-eye btn btn-success"  ></i></a>
                                               <a  data-toggle="modal" data-target="#deletemsg" data-id="{{$msgs->id}}"><i class="fa fa-trash btn btn-danger"></i></a>


                                           </td>

                                    </tr>
                                    @endforeach
                                </tbody>


                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
 <div class="modal fade" id="deletemsg" role="dialog">
            <div class="modal-dialog">

            <!-- Modal content-->
                <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Delete Message</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                 </div>
                 <form action="{{route('deletemessage')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                     <div class="modal-body">
                        <input id="editid" type="text" name="id" hidden>
                       <p style="color:red; font-size: 18px;">Are you sure to Delete !!!</p>




                        </div>
                        <div class="modal-footer">
  <button type="submit" class="btn btn-success actionbtn" id="dbtn" >Yes </button>
                        <button type="button" class="btn btn-warning actionbtn" data-dismiss="modal">close </button>


                     </div>

                 </form>


              </div>
            </div>
        </div>
         <div class="modal fade" id="showmsg" role="dialog">
            <div class="modal-dialog">

            <!-- Modal content-->
                <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Delete Message</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                 </div>
                 <form action="#" method="POST" id="frm1">

                    {{csrf_field()}}


                     <div class="modal-body">
                         <label>To:</label>
                       <input type="text" name="show_to" class="form-control" id="show_to">
                         <label>Message:</label>
                       <textarea type="text" name="show_message" class="form-control" id="show_message">
                       </textarea>



                        </div>
                        <div class="modal-footer">

                        <button type="button" class="btn btn-success actionbtn" data-dismiss="modal">Close </button>


                     </div>

                 </form>


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

@endsection