<?php $__env->startSection('content'); ?>
<div id="breadcrumb" class="breadcrumb_messages">
    <div class="message_block">

            <img id="menuButton" src="<?php echo e(URL::to('/images/icons/menu.png')); ?>"/>

            <div id="breadcrumb_text"><?php echo '<span class="msgt">Messages / </span><span>' . ucfirst($box); ?></span></div>

        </div>

        <div class="delAll"><label><input id="checkAll" type="checkbox"> Select all</label><div class="trash uk-icon-trash-o data-uk-tooltip" data-uk-tooltip title="Delete selected" onclick="deleteMessages('<?php //echo(Request::current()->action())?>')"></div></div>

        <img class="trash" src="">
</div>

    <style>

    #modalMsg a:hover{

        color: #005599 !important;

    }

    .message_title {

        font-size: 22px;

        font-weight: bold;

        margin: 20px 0;

        float: right;

    }

    #modalMsg img {

        float: left;

        margin-bottom: 20px;

    }

    #modalMsg hr {

        clear: both;

    }

    

    #modalNewMsg .newMessage p {

        font-size: 26px;

        font-weight: bold;

    }

    #modalNewMsg .newMessage {
        min-height: 400px;
    }

    #messages_center_column .uk-icon-paperclip {
        font-size: 30px;
    }

    #sendButton {
        float: right;
    }


    @media  print {
        body > *, .uk-button { display: none !important;}        
        body > #modalMsg {display: block !important; position: relative;    
    }}

</style>

    <div id="content">
        <div id="messages_left_column">
            <ul class="uk-nav uk-nav-side">
                <li <?php echo ($box == 'inbox')?'class="uk-active"':'';?>><a href="<?php echo e(URL::to('/')); ?>">Inbox<span class="messNumberInbox"><?php echo $numberInbox;?></span></a></li>
                <li <?php echo ($box == 'outbox')?'class="uk-active"':'';?>><a href="<?php echo e(URL::to('/')); ?>">Outbox</a></li>
                <li <?php echo ($box == 'homework')?'class="uk-active"':'';?>><a href="<?php echo e(URL::to('/')); ?>">Homework<span class="messNumberHomework"><?php echo $numberHomework;?></span></a></li>
            </ul>

            <?php if(Auth::check()): ?>
            <a data-uk-modal="{target:'#modalNewMsg'}"style="border: none;"><div class="button2" style="margin-top: 80px; float: left; margin-left: 2vw; cursor: pointer;">
                <p>New message</p>
                </div></a>
            <?php endif; ?>
        </div>

        <div id="messages_center_column">
            <div class="top_line"></div>
            <div class="message_list">
                <table class="uk-table-hover">

                    <tr style="background: #f0f0f0;"><td></td><td></td><td><?php echo ($box == 'outbox')?'To':'From';?></td><td>Subject</td><td class="attachment">Attachment</td><td>Date</td></tr>

                <?php foreach($messages as $message): ?>                

                    $message_sender = $users->where('id','==',$message->receiver_id)->all();
                    $sender = $message_sender[0]->first_name . ' ' . $message_sender[0]->last_name;                    

                    <tr>

                        <input type="hidden" name="id" value="<?php echo $message->id;?>"/>

                        <input type="hidden" class="content" value='<?php echo $message->content;?>'/>

                        <input type="hidden" class="attach" value="<?php echo $message->attachmentURL;?>"/>

                        <td class="check"><input class="ckd" name="<?php echo $message->id?>" type="checkbox"/></td>

                        <td class="priority"><div class="<?php echo $message->priority ? 'uk-icon-star' : 'uk-icon-star-o';?> star_priority"></div></td>

                        <?php if($box == 'outbox'): ?>
                            <td class="shMessage from" <?php echo ($message->seen)?'':'style="font-weight:bold;"'?>><?php echo $sender?></td>
                        <?php else: ?>
                            <td class="shMessage from" <?php echo ($message->seen)?'':'style="font-weight:bold;"'?>><?php echo $message->sender_firstname.' '.$message->sender_lastname?></td>
                        <?php endif; ?>

                        <td class="shMessage subject" <?php echo ($message->seen)?'':'style="font-weight:bold;"'?>><?php echo $message->title;?></td>

                        <td class="shMessage attachment" <?php echo ($message->seen)?'style="color:#a5a5a5;"':'style="color:black;"'?>><div class="<?php echo $message->attachmentURL != '' ? 'uk-icon-paperclip' : '';?>"></div></td>

                        <td class="shMessage date" <?php echo ($message->seen)?'':'style="font-weight:bold;"'?>><?php //echo DateTime::createFromFormat('Y-m-d H:i:s', $message->send_date)->format('d/m/Y - H:i');?></td>
                    </tr>

                    <?php endforeach; ?>
                </table><div class="pagine"><?php echo e($pagination); ?></div>

            </div>
        </div>

</div>

        <div id="modalMsg" class="uk-modal">

        <div class="uk-modal-dialog">
            <img src="<?php echo e(URL::asset('images/ivylogo_green.png')); ?>"/>
            <br><div class="message_title">Portal message</div>
            <hr>
            <span><strong>From: </strong></span><span class="shFrom"></span><br/>
            <span><strong>Subject: </strong></span><span class="shSubject"></span><br/>
            <span><strong>Date: </strong></span><span class="shDate"></span>
            <button class="uk-button uk-button-primary" onclick="window.print();" type="button" style="float: right; margin-left: 10px;"><div class="uk-icon-print"></div></button>

            <?php if($box != 'outbox'): ?>

            <!-- <button id="replayButton" class="uk-button uk-button-success" type="button" style="float: right;">Reply</button> -->

            <?php endif; ?>

            <hr>
            <span><strong>Content: </strong></span><br/><br/>
            <div class="uk-overflow-container"><span class="shContent"></span></div>
            <br><hr>
            <div class="uk-icon-file"></div><span>&nbsp&nbspAttachment:&nbsp&nbsp</span><span class="shAttachment"></span>
        </div>

    </div>
    <div id="modalNewMsg" class="uk-modal">

        <div class="uk-modal-dialog newMessage">
            <p>Create new message</p>
            <hr>          
            <form class="uk-form uk-form-horizontal" action="newMessage" method="post" enctype="multipart/form-data">
                <div class="uk-form-row">
                    <label class="uk-form-label" for="to">To:</label>                   
                    <div class="uk-form-controls">
                        <select name="to">
                            <?php //foreach($currentTutors as $tutor) : ?>
                                <!-- <option value="<?php //echo $tutor['ID_user'];?>"><?php //echo $tutor['first_name'].' '.$tutor['last_name'] . ' - tutor'; ?></option> -->
                            <?php //endforeach; ?>
                            <option>School administrator</option>
                            <option>The Ivy Key support</option>
                        </select>
                    </div>
                </div>

                <div class="uk-form-row">

                    <label class="uk-form-label" for="subject">Subject:</label>

                    <div class="uk-form-controls">
                        <input type="text" name="subject" class="uk-form-width-large"/>
                    </div>
                </div>

                <div class="uk-form-row">
                    <label class="uk-form-label" for="content">Content:</label>
                    <div class="uk-form-controls">
                        <textarea name="content" rows="15" class="uk-form-width-large"></textarea>
                    </div>
                </div>
                <br>                
                <div class="uk-form-file">
                    <button class="uk-button">Attachment</button>
                    <input type="file" name="filename">
                </div><button type="submit" onclick="modalSubmit()" id="sendButton" class="uk-button">Send</button>
            </form>
        </div>
    </div>

    <div id="modalLoad" class="uk-modal">
        <div class="uk-modal-dialog modalLoad-dialog">
            <img src="<?php echo e(URL::asset('images/loading.gif')); ?>"/>
        </div>
    </div>

<script>

$(document).ready(function(){

    var selectAll = $('#checkAll');

    selectAll.on('click', function(e) {
        var checked = !(selectAll.data('checked') || false);
        $('.message_list .check input[type="checkbox"]').prop('checked', checked);
        selectAll.data('checked', checked);

        if(checked){
            $('.trash').css({'color':'black'});
        } else {
            $('.trash').css({'color':'#c5c5c5'});
        }

    });

    $('.message_list .shMessage').on('click', function(e){

        var box = "<?php echo $box; ?>";

        $('.shFrom').empty().append($(this).closest('tr').find('.from').html());

        $('.shSubject').empty().append($(this).closest('tr').find('.subject').html());

        $('.shDate').empty().append($(this).closest('tr').find('.date').html());

        $('.shContent').empty().append($(this).closest('tr').find('.content').val());

        $('.shAttachment').empty().append('<a href="<?php echo URL::to('/attachments').'/'?>'+$(this).closest('tr').find('.attach').val()+'">'+$(this).closest('tr').find('.attach').val()+'</a>');

        $.UIkit.modal("#modalMsg").show();            

        var id = $(this).closest('tr').find('.ckd').attr("name");

        if(box == "inbox" || box == "homework"){

        $(this).closest('tr').find('.from').css({'font-weight':'300'});

        $(this).closest('tr').find('.subject').css({'font-weight':'300'});

        $(this).closest('tr').find('.date').css({'font-weight':'300'});

        $(this).closest('tr').find('.uk-icon-paperclip').css({'color':'#a5a5a5'});
    
        $.post( "<?php echo URL::to('/ivykey/dashboard/messages/seenMessage')?>", { data: id})

        .done(function( data ) {
              refreshNotification();
        });

        }

        });

            

        });

</script>

<script language="javascript">

    var gAutoPrint = true;
    function processPrint(){

    if (document.getElementById != null){

    var html = '<HTML>\n<HEAD>\n';

    if (document.getElementsByTagName != null){

    var headTags = document.getElementsByTagName("head");

    if (headTags.length > 0) html += headTags[0].innerHTML;

    }

    html += '\n</HE' + 'AD>\n<BODY>\n';

    var printReadyElem = document.getElementById("modalMsg");

    if (printReadyElem != null) html += printReadyElem.innerHTML;

    else{
    	alert("Error, no contents.");
    	return;
    }
    html += '\n</BO' + 'DY>\n</HT' + 'ML>';

    var printWin = window.open("","processPrint");
    printWin.document.open();
    printWin.document.write(html);
    printWin.document.close();



    if (gAutoPrint) printWin.print();

    } else alert("Browser not supported.");

    }

    function modalSubmit(){
        $.UIkit.modal("#modalLoad").show();
    }

</script>

<script>

   $('#attFile').change(function() {
        var filename = $("#attFile")[0].files[0];
        $("#fn").html(filename);
    });

   $('.ckd').on('click', function(){

       if($("#messages_center_column .ckd:checked").length > 0){
           $('.trash').css({'color':'black'});
       } 
       else {
           $('.trash').css({'color':'#c5c5c5'});
       }
   });

   function deleteMessages(action){
        $('.ckd:checkbox:checked').each(function () {
            $.post( "<?php echo URL::to('/ivykey/dashboard/messages/deleteMessage')?>",{ data: this.name, who: action})
                .done(function( data ) {
                    window.location.replace(action);
            	});
        });
   }

</script>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('ivykey.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>