@extends('modules.head') @section('contenido')
<div class="col-md-12">
    <div class="box" id="container">
        <div class="box-header with-border">
            <h3 class="box-title">{{ Lang::get('messages.screen_chats_tag1')}}</h3>

            <div class="box-tools pull-right">
            {{-- <div class="has-feedback">
                <input type="text" class="form-control input-sm" id="searchInput" placeholder="Buscar">
                <span class="glyphicon glyphicon-search form-control-feedback"></span>
            </div> --}}
        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body no-padding ">
        <div class="mailbox-controls">
        <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i>
        </button>
        <div class="btn-group">
            <button type="button" class="btn btn-default btn-sm" onClick="clickDeleteChat()"><i class="fa fa-trash-o"></i></button>
        </div>
        <button type="button" class="btn btn-default btn-sm" onClick="update()"><i class="fa fa-refresh"></i></button>
        
        </div>
        <div class="table-responsive mailbox-messages">
        <table class="table table-hover table-striped">
            <tbody>
            @if(count($chats) > 0)
                @foreach ($chats as $chat)
                <?php $count = count($chat->chatMessages); $message = $chat->chatMessages[$count-1]; ?>
                <?php $msg=  $message->getMessage($message->messages_id) ?>
                    @if($msg->read_admin == 0)
                    <tr  class="bckChat trchat" id="chat" >
                    @else
                    <tr id="chat" class="trchat">
                    @endif
                        <td>
                            <div class="icheckbox_flat-blue" aria-checked="false" aria-disabled="false" style="position: relative;">
                                <input type="checkbox" style="position: absolute; opacity: 0;" data-chatId="{{$chat->id}}">
                                <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;">
                                </ins>
                            </div>
                        </td>
                      
                            
                        <?php  $user = $chat->getUser($chat->user_id); ?>
                        <td class="mailbox-name" onclick="clickChat({{$chat->user_id}},{{$chat->id}})" >{{$user->first_name. ' '.$user->last_name }}</td>
                        
                        <td class="mailbox-subject" onclick="clickChat({{$chat->user_id}},{{$chat->id}})"><b>Soporte App</b> - {{ substr( $msg->message, 0, 50)}}...</td>
                        
                        @if ($msg->image != "" )
                        <td class="mailbox-attachment" onclick="clickChat({{$chat->user_id}},{{$chat->id}})"><i class="fa fa-paperclip"></i></td>
                        @else 
                        <td class="mailbox-attachment"onclick="clickChat({{$chat->user_id}},{{$chat->id}})"></td>
                        @endif
                        <td class="mailbox-date" onclick="clickChat({{$chat->user_id}},{{$chat->id}})"> {{$msg->time_elapsed_string($msg->created_at)}}</td>
                      
                    </tr>
                @endforeach    
            @else
                <tr><td><p class="txtTD">{{ Lang::get('messages.screen_check_chat_tag4')}}</p></td></tr>
                
            @endif
            </tbody>
        </table>
        <!-- /.table -->
        </div>
        <!-- /.mail-box-messages -->
    </div>
    <!-- /.box-body -->
    <div class="box-footer no-padding">
        <div class="mailbox-controls">
        <button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i>
        </button>
        <div class="btn-group">
            <button type="button" class="btn btn-default btn-sm" onClick="clickDeleteChat()"><i class="fa fa-trash-o"></i></button>
        </div>
        <button type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
        </div>
    </div>
    </div>
    <!-- /. box -->
</div>



<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/chats.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

<script src= "{{ asset('js/iCheck/icheck.min.js') }}" ></script>
<script type="text/javascript">
    $(document).ready(function () {

    
    
    //Enable iCheck plugin for checkboxes
    //iCheck for checkbox and radio inputs
    $('.mailbox-messages input[type="checkbox"]').iCheck({
      checkboxClass: 'icheckbox_flat-blue',
      radioClass: 'iradio_flat-blue'
    });

   // Enable check and uncheck all functionality
    $(".checkbox-toggle").click(function () {
      var clicks = $(this).data('clicks');
      if (clicks) {
        //Uncheck all checkboxes
        $(".mailbox-messages input[type='checkbox']").iCheck("uncheck");
        $(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
      } else {
        //Check all checkboxes
        $(".mailbox-messages input[type='checkbox']").iCheck("check");
        $(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');


      }
      $(this).data("clicks", !clicks);
    });

$('.icheckbox_flat-blue').click(function(){
    console.log($(this).iCheck('update')[0].checked);


if($(this).iCheck('update')[0].checked){
    console.log(1);
    $(this).iCheck("uncheck");
}else{
    console.log(0);
    $(this).iCheck("check");
}



});

    });


  </script>

@endsection