@extends('layouts.app')

@section('content')

<style>
    /* Styl pro tabulku - odstraní vnější rámeček a přidá čáry pouze mezi řádky */
    .borderless-table {
        border-collapse: collapse; /* Sjednocení okrajů */
        width: 100%;
        border: none; /* Odstranění vnějšího rámečku tabulky */
    }
    .borderless-table td,
    .borderless-table th {
        border: none; /* Odstranění rámečků kolem buněk */
        padding: 8px;
    }
    .borderless-table tr {
        border-bottom: 1px solid #ddd; /* Čára mezi řádky */
    }
    .borderless-table tr:last-child {
        border-bottom: none; /* Odstranění čáry pod posledním řádkem */
    }
</style>


<!--typMessageUser I - voláno z Informační desky-->

@if($typMessageUser == "I" || $typMessageUser == "V")
    <div class="container box">
@endif        

<div id="typMessage" style="display:none">{{$typMessageUser}}</div>
        
    @if($typMessageUser == "I"  || $typMessageUser == "V")
        <h3 class="text-center font-weight">Zprávy pro uživatele {{Auth::user()->ceo->jmeno }} </h3>    
    @endif
    
    
    @if(Auth::user()->access->A1 && $typMessageUser != "I")
        <a href="{{ action('MessageController@messageForm') }}" class="btn btn-outline-blue-custom btn-sm" role="button">Nová zpráva</a>
    @endif
    
    @if($typMessageUser != "I")
        <input id="myFilter" typy="text" size="20" placeholder="rychlý filtr">  
    @endif
            
    <div class="styleTable" id="myTable">    
        <div class="table-responsive">  
            
            <table id="tablesorting" class="borderless-table">
                <thead>
                    <tr>
                        <th id="s1"><span id="IconSort1"></span></th>
                        <th id="s2">Předmět <span id="IconSort2"></span> </th>
                        <th id="s3">Zpráva <span id="IconSort3"></span></th>
                        <th id="s4">Datum <span id="IconSort4"></span></th>
                        <th id="s5">Zapsal <span id="IconSort5"></span></th>
                        <th>Akce</th>
                        <th id="s6" style="text-align: center">Přečteno <span id="IconSort6"></span></th>
                    </tr>    
                </thead>
                
                <tbody>
                    @foreach ($messageUser as $zprava)
                        <tr>
                            <td> 
                                
                                    @if($zprava['id_user_sender'] != Auth::user()->id)
                                       <img src="{{ asset ('/images/email.png') }}" data-toggle="popover-hover" data-content="Došlá zpráva">
                                    @else
                                        <i class="fas fa-edit fa-fw" data-toggle="popover-hover" data-content="Odeslaná zpráva"></i>
                                    @endif
                                        
                            </td>
                            <td style="width: 50%"> {{ $zprava['titulek'] }} </td>
                                
                            <td style="width: 100%"  >
                                <textarea  rows="2" cols="60" readonly wrap style="border-style: none">{{ $zprava['msg'] }}</textarea>
                                @if(isset($zprava['files']))
                                <br>
                                <br>
                                @if($zprava['files'])
                                @foreach ($zprava['files'] as $file )
                                    <i class="fas fa-file-pdf text-blue"></i> 
                                    <a class="text-blue" href="{{ action('SouborController@openFileZak',$file['id'] ) }}" target="_blank">{{ $file['descrFile'] }}</a>
                                @endforeach
                                @endif
                                @endif
                            </td>
                            <td class="datum">{{ date('d.m.Y',strtotime($zprava['datum']))}}</td>
                            
                            <td>{{ $zprava['sender']}}</td>
                            
                            <td>
                                <a href="{{ action('MessageController@messageDetailAjax',['id'=>$zprava['id_msg']]) }}" class="info" id="{{$zprava['id_msg']}}">
                                    <i class="fa fa-info-circle" aria-hidden="true" data-toggle="popover-hover" data-content="Detail zprávy"></i>
                                </a>
                                @if(Auth::user()->access->U7 && $typMessageUser != "I" && !$zprava['noreply'])
                                    @if($zprava['id_user_sender']&& $zprava['id_user_sender'] != Auth::user()->id && !$zprava['id_odpovedi'])
                                        <!-- Zápis odpovědí-->
                                        <a href="{{ action('MessageController@messageForm',['id_zprava_zdroj'=>$zprava['id_msg']]) }}"><i class="fas fa-edit fa-fw" data-toggle="popover-hover" data-content="Vytvoř odpověď na zprávu"></i></a>
                                    @endif
                                @endif    
                                @if($zprava['id_odpovedi'])
                                    <a href="{{ action('MessageController@messageDetailAjax',['id'=>$zprava['id_odpovedi']]) }}" class="info" id="{{$zprava['id_odpovedi']}}"> 
                                        <i class="fas fa-arrow-alt-circle-right" aria-hidden="true" data-toggle="popover-hover" data-content="Detail odpovědi"></i>
                                    </a>
                                @endif
                                
                                @if ($zprava['id_vazba_msg'])
                                    <a href="{{ action('MessageController@messageDetailAjax',['id'=>$zprava['id_vazba_msg']]) }}" class="info" id="{{$zprava['id_vazba_msg']}}"> 
                                        <i class="fas fa-arrow-alt-circle-left" aria-hidden="true" data-toggle="popover-hover" data-content="Detail zdrojové zprávy"></i>
                                    </a>
                                @endif
                            </td>
                            
                            
                            <td style="text-align: center"> 
                            @if($zprava['id_user_sender'] != Auth::user()->id || $typMessageUser == "I")    
                                @php ($checked = "")
                                @php ($checkedNo = "")
                                @if($zprava['precteno']==1)
                                    @php ($checked = "checked")
                                    @php ($checkedNo = "disabled")
                                @endif
                                @if(old('precteno')==1)
                                    @php ($checked = "checked")
                                @endif
                                <form method="get">
                                    {{ csrf_field() }}
                                    <input type="checkbox" class="checkbox" msg="{{ $zprava['id_msg'] }}" name="precteno" value="1" {{$checked}} {{$checkedNo}}>
                                </form>
                            @endif    
                            </td>    
                        </tr>
                      
                    @endforeach  
                </tbody>
            </table>
            
        </div>
    </div>
@if($typMessageUser == "I")
    </div>    
@endif

<!-- Modal -->
<!-- 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-xl" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div id="DetailMessage"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-red-custom" data-dismiss="modal">Zpět</button>
      </div>
    </div>
  </div>
 </div>
</div>           

<script type="text/javascript" src="{{ asset('js/TableSorting.js') }}"> </script>
<script type="text/javascript" src="{{ asset('js/TableFilter.js') }}"> </script>    

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

    $(".checkbox").click(function(){
        //alert("xxx");
        var typMessage = $("#typMessage").text();
        var id = ($(this).attr('msg'));
        $.get('message/messageUser/'+id,  function(data){
            if(data.status == "success" && typMessage=="I"){
                $('#tr'+id).hide();
            }
        });
    });
    
     $('.info').click(function(){
       event.preventDefault();
        var id = $(this).attr("id");
        _getMessage(id);
        $("#detailModal").modal('show');
       }); 
       function _getMessage(id) {
           $.get(" {{ route( 'message.messageDetailAjax' ) }}", {id: id} , function(data){
               html = data;
               $('#DetailMessage').empty();
               $('#DetailMessage').append(html);
           });
    }
    
    $('[data-toggle="popover-hover"]').popover({
        html: true,
        trigger: 'hover',
        placement: 'right',
        content: function () { return '<span>' + $(this).data('content') + '</span>'; }
    });
  
});    
    
</script>

@endsection