@extends('ivykey.master')

@section('content')
<div id="breadcrumb" class="breadcrumb_messages">
    <div class="message_block">
            <img id="menuButton" src="{{ URL::to('/images/icons/menu.png') }}"/>
            <div id="breadcrumb_text">
                <span class="msgt">Messages / </span><span></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('')"></div>
        </div>

</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;
    }

    .alert-message {
        position: fixed;
        min-width: 250px;
        min-height: 80px;
        border: 1px solid #861E1E;
        border-radius: 5px;
        background: #1b7800;
        color: #fff;
        text-align: center;
        padding: 32px;
        bottom: 50px;
        right: 50px;
        z-index: 99999;
        display: none;                                    
    }

    #msgInfo {
        min-width: 15px;
        min-height: 15px;
        border: 3px solid #fff;
        border-radius: 10px;
        background: #c3302b;
        padding: 5px;
        position: absolute;
        left: 650px;
        top: 10px;
    }

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

</style>

    <div id="content">
        @if(session('info'))
        <div class="alert-message">
            <span>{{ session('info') }}</span>
        </div>
        @endif
        <div id="messages_left_column">

            <!-- <p>Click "New message" to contact your tutor or an Ivy Key administrator. Click "Inbox" or "Homework" to check if you've received any messages or resources from us.</p> -->

            <p class="messages_p">
                <strong>Note:</strong><br><br>
                Click "New message" to contact your tutor or an Ivy Key administrator. <br></br>
                Click "Inbox" or "Homework" to check if you've received any messages or resources from us.
            </p>

            <ul class="uk-nav uk-nav-side">
                <li ><a href="{{ URL::to('/ivykey/dashboard/messages/inbox') }}">Inbox<span class="messNumberInbox"></span></a></li>
                <li ><a href="{{ URL::to('/ivykey/dashboard/messages/outbox') }}">Outbox</a></li>
                <li  class="dashboard_last_li"><a href="{{ URL::to('/ivykey/dashboard/messages/homework') }}">Homework<span class="messNumberHomework"></span></a></li>
            </ul>

            @if(Auth::check())
            <a data-uk-modal="{target:'#modalNewMsg'}"style="border: none;">
                <div class="button2 message-button">
                <p>New message</p>
                </div>
            </a>
            @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>From</td><td>Subject</td><td class="attachment">Attachment</td><td>Date</td></tr>

                @foreach ($messages as $message)                                
                    <tr>
                        <input type="hidden" name="messageId" value="{{ $message->id }}"/>
                        <input type="hidden" class="content" value="{{ $message->content }}"/>
                        <input type="hidden" class="attach" value="{{ $message->attachmentURL }}"/>
                        <td class="check"><input class="ckd" name="{{ $message->id }}" type="checkbox"/></td>
                        <td class="priority"><div class="uk-icon-star-o star_priority"></div></td>
                        @if($box == 'outbox')
                            <td class="shMessage from" style="font-weight:bold;">{{ $message->receiver->first_name.' '.$message->receiver->last_name }}</td>
                        @else
                            <td class="shMessage from" style="font-weight:bold;">{{ $message->sender->first_name.' '.$message->sender->last_name }}</td>
                        @endif
                        <td class="shMessage subject" style="font-weight:bold;">{{ $message->title }}</td>
                        <td class="shMessage attachment" style="color:black;"><div class="{{ $message->attachmentURL != '' ? 'uk-icon-paperclip' : '' }}"></div></td>
                        <td class="shMessage date" style="font-weight:bold;">