@extends('admin.dashboard')

@section('title','Inbox')
@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Message inbox</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                    <li class="breadcrumb-item">Message</li>
                    <li class="breadcrumb-item active">Inbox</li>
                </ol>
            </div>
            
        </div>
    </div>
</div> 
<div class="row">
    <div class="card col-md-12">
        <div class="card-body">
            <h4 class="card-title">Contact Mesasge <button class="btn delete btn-info" disabled> <i class="fa fa-trash"></i></button>  </h4>                
            <div class="table-responsive">
                <div class="delete_mail"></div>
                <table class="table table-borderless mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th><input class="selectall" type="checkbox"/></th>
                            <th>Subject</th>
                            <th>Sender name</th>
                            <th>Mobile No</th>
                            <th>Email</th>
                            <th class="text-right">Modify</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($inbox  as $key=>$row)
                        <p style="display:none" class="sms{{$row->id}}">{{$row->message}}</p>
                        <tr class="per_row row_{{$row->id}}">
                            <th scope="row">
                               <input class="check" name="mails[]" data-mail_id="<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
" id="mail<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
" type="checkbox" value="<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/admitdoctors/public_html/resources/views/admin/message/inbox.blade.php</b> on line <b>43</b><br />
" />
                            </th>
                            <td>{{$row->subject}}</td>
                            <td>{{$row->sender_name}}</td>
                            <td>{{$row->mobile}}</td>
                            <td>{{$row->email}}</td>
                            <td class="text-right">
                                <a data-toggle="modal" data-id="{{$row->id}}" data-target="#mesasgeView" href="#" title="Details" class="viewMesage"><i class="fa fa-eye-slash"></i></a> 
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="col-md-12 mt-5"> {{$inbox->links()}} </div>
        </div>
    </div>
</div>


<!-- Message view -->
<div class="modal fade" id="mesasgeView" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Message Details</h4>
        </div>
        <div class="modal-body">
          <pre style="white-space:pre-wrap;" class="messageArea">Loading...</pre>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
    var url = $('#base_url').val();

    $('.viewMesage').on('click',function(){
        let id = $(this).data('id');
        $('.messageArea').html($('.sms' + id).text());
    });


    $('.vertical-menu').css('display','none');
    $('.main-content').css('margin-left','0');
    $('.navbar-header').css('margin-left','0');
    
    //check is any chechbox checked or not 
    $(".check").click(function(){
        if( $('input[name="mails[]"]:checked').length > 0 ){
            $('.delete').attr('disabled',false);
            $('.delete').addClass('btn-info');
        }else{
            $('.delete').attr('disabled',true);
        }
    });

    $('.selectall').click(function() {
        if ($(this).is(':checked')) {
            $('.check').attr('checked', true);
            $('.delete').attr('disabled',false);
            $('.delete').addClass('btn-info');
        } else {
            $('.delete').attr('disabled',true);
            $('.check').attr('checked', false);
        }
    });

    //when click on delete button
    $(".delete").click(function(){
        if( $('input[name="mails[]"]:checked').length > 0 ){
            //getting ids of selected items
            var arr = $('input:checkbox').filter(':checked').map(function () {
                $('.row_' + $(this).val()).slideUp(200);
                return this.value;
            }).get();
            //alert(arr);return false;
            $.ajax({
                type: "GET",url: url+"/admin/delete-messages",
                data:{ mail_ids: arr},success: function(result){
                    $(".delete_mail").html(result);
                },
                error: function (request, status, error) {
                    $(".delete_mail").html(request.responseText);
                }
            });
        }
    });
});
</script>
@endsection