@if($typNastenkyUser == "I")
    <div class="container box">
@endif        

<div id="typNastenky" style="display:none">{{$typNastenkyUser}}</div>

    <div class="styleTable">    
        <div class="table-responsive">
            
            @if($typNastenkyUser == "I")
                    <h3 class="text-center font-weight">Zprávy od správce pro uživatele {{Auth::user()->ceo->jmeno }} </h3>    
            @endif
            
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Zpráva </th>
                        <th>Datum</th>
                        <th  style="text-align: center">Přečteno</th>
                    </tr>
                </thead>
                
                <tbody>
                    @foreach ($nastenkaUser as $zprava)
                        @if($zprava->NastenkaDetail->precteno==0 || $typNastenkyUser=="U")
                        <tr id="tr{{$zprava->NastenkaDetail->id}}">
                            <td class="textDetail"><h6>{{ $zprava->NastenkaDetail->msg }}</h6></td>
                            <td><h6>{{ date('d.m.Y',strtotime($zprava->NastenkaDetail->datum))   }}</h6></td>
                            <td style="text-align: center"> 
                            @php ($checked = "")
                            @if($zprava->NastenkaDetail->precteno==1)
                                @php ($checked = "checked")
                            @endif
                            @if(old('precteno')==1)
                                @php ($checked = "checked")
                            @endif
                            <form method="get">
                                {{ csrf_field() }}
                                <input type="checkbox" class="checkbox" id="ok" msg="{{ $zprava->NastenkaDetail->id }}" name="precteno" value="1" {{$checked}}>
                            </form>
                            </td>    
                        </tr>
                        @endif
                    @endforeach  
                </tbody>
            </table>
            
        </div>
    </div>
@if($typNastenkyUser == "I")
    </div>    
@endif

<!-- Modal -->
<div class="container">
  <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle"> Detail textu </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <textarea id="detailText" name="detailText" rows="4" cols="50">

          </textarea>
          
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zpět</button>
      </div>
    </div>
  </div>
 </div>
</div>           
<!-- Modal -->



<script>
$(document).ready(function(){
    var typNastenky = "";
     $(document).ajaxStart(function () {
             $("#LoadingImage").show(); 
       });
        $(document).ajaxStop(function () {
             $("#LoadingImage").hide(); 
       });

    $(".checkbox").click(function(){
        typNastenky = $("#typNastenky").text();
        var id = ($(this).attr('msg'));
        $.get('infodeska/nastenkaUser/'+id,  function(data){
            if(data.status == "success" && typNastenky=="I"){
                $('#tr'+id).hide();
            }
        });
    });
    
    $('.textDetail').click(function(){
       event.preventDefault();
       $("#detailText").val($(this).text())
       $("#detailModal").modal('show');
    }); 
       
   
    
});    
    
</script>