@extends('layouts.admin')
@section('pageTitle',__('admin.view').' '.__('admin.message'))

@section('innerTitle')
    @lang('admin.view') @lang('admin.message')
@endsection

@section('breadcrumb')
    <li><a href="{{ route('admin.dashboard') }}">@lang('admin.dashboard')</a>
    </li>
    <li><a href="{{ url('/admin/emails') }}">@lang('admin.sent-messages')</a>
    </li>
    <li><span>@lang('admin.view') @lang('admin.message')</span>
    </li>
@endsection

@section('content')

    <div class="card">
        <div class="card-header">
            <h4>{{ $email->subject }}</h4>
        </div>
        <div class="card-body">
            <ul class="nav nav-pills" id="myTab3" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="home-tab3" data-toggle="tab" href="#home3" role="tab" aria-controls="home" aria-selected="true">@lang('admin.message')</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="profile-tab3" data-toggle="tab" href="#profile3" role="tab" aria-controls="profile" aria-selected="false">@lang('admin.recipients'): @lang('admin.members') ({{ $email->users()->count() }})</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="contact-tab3" data-toggle="tab" href="#contact3" role="tab" aria-controls="contact" aria-selected="false">@lang('admin.recipients'): @lang('admin.departments') ({{ $email->departments()->count() }})</a>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent2">
                <div class="tab-pane fade show active" id="home3" role="tabpanel" aria-labelledby="home-tab3">
                    <br>
                    <div class="tickets">
                        <div class="ticket-content">
                            <div class="ticket-header">
                                <div class="ticket-sender-picture img-shadow">
                                    <a href="{{ url('/admin/members/' . $email->user_id) }}"><img src="{{ profilePicture($email->user_id) }}" alt="{{ $email->user->name }}"></a>
                                </div>
                                <div class="ticket-detail">
                                    <div class="ticket-title">
                                        <h4>{{ $email->user->name }}</h4>
                                    </div>
                                    <div class="ticket-info">
                                        <div class="font-weight-600">{{ $email->user->email }}</div>
                                        <div class="bullet"></div>
                                        <div class="text-primary font-weight-600">{{ \Illuminate\Support\Carbon::parse($email->created_at)->diffForHumans() }} ({{ \Illuminate\Support\Carbon::parse($email->created_at)->format('d.M.Y') }})</div>
                                    </div>
                                </div>
                            </div>
                            <div class="ticket-description">
                                <p>{!! clean($email->message) !!}</p>
                                @if(!empty($email->notes))
                                    <div class="ticket-divider"></div>
                                    <div>
                                        <strong>@lang('admin.comment'):</strong>  {{ $email->notes }}
                                    </div>

                                @endif
                                @if($email->emailAttachments()->count()>0)
                                    <div class="ticket-divider"></div>
                                    <p class="m-b-md">
                                        <span><i class="fa fa-paperclip"></i> {{ $email->emailAttachments()->count() }} @if($email->emailAttachments()->count()>1) @lang('admin.attachments') @else @lang('admin.attachment') @endif - </span>
                                        <a href="{{ route('email.download-attachments',['email'=>$email->id]) }}" class="btn btn-default btn-xs">@lang('admin.download-all') <i class="fas fa-file-archive"></i> </a>
                                    </p>
                                    <div class="gallery">
                                        @foreach($email->emailAttachments as $attachment)
                                            <div onclick="document.location.replace('{{ route('email.download-attachment',['emailAttachment'=>$attachment->id]) }}')" class="gallery-item"  data-toggle="tooltip" title="{{ $attachment->file_name }}" data-original-title="{{ $attachment->file_name }}"
                                                 @if(isImage($attachment->file_path))
                                                 data-image="{{ route('email.view-image',['emailAttachment'=>$attachment->id]) }}"
                                                 style="background-image: url('{{ route('email.view-image',['emailAttachment'=>$attachment->id]) }}');"
                                                 @else
                                                 data-image="{{ asset('themes/admin/assets/img/file.png') }}"
                                                 style="background-image: url('{{ asset('themes/admin/assets/img/file.png') }}');"
                                                @endif
                                            ></div>
                                        @endforeach
                                    </div>
                                @endif

                                <div class="ticket-divider"></div>

                                <div class="ticket-form">

                                    <div class="form-group text-right">

                                        <div class="btn-group" role="group" aria-label="Basic example">

                                            <button onclick="printPageArea('mailContent')" class="btn btn-success"><i class="fa fa-print"></i> @lang('admin.print')</button>

                                            <a onclick="return confirm('@lang('admin.delete-prompt')')"  class="btn btn-danger" href="{{ route('email.delete',['id'=>$email->id]) }}"><i class="fa fa-trash"></i> @lang('admin.delete')</a>




                                        </div>



                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile-tab3">
                    <table style="width: 100%;" class="table" id="recipients">
                        <thead>
                        <tr>
                            <td>@lang('admin.name')</td>
                            <td>@lang('admin.email')</td>
                            <td>@lang('admin.departments')</td>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($email->users()->orderBy('name')->limit(1000)->get() as $user)
                            <tr>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>
                                    <ul class="comma-tags">
                                        @foreach($user->departments as $department)
                                            <li>{{ $department->name }}</li>
                                        @endforeach
                                    </ul>
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>


                </div>
                <div class="tab-pane fade" id="contact3" role="tabpanel" aria-labelledby="contact-tab3">
                    <ul>
                        @foreach($email->departments as $department)
                            <li>{{ $department->name }}</li>
                        @endforeach
                    </ul>

                </div>
            </div>
        </div>
    </div>


@endsection

@section('header')
    <link rel="stylesheet" href="{{ asset('vendor/datatables/media/css/jquery.dataTables.min.css') }}">
    <style>
        .tickets .ticket-content {
            width: 1000%;
            padding-left: 30px;
            padding-right: 30px;
        }
    </style>
@endsection

@section('footer')
    <script type="text/javascript" src="{{ asset('vendor/datatables/media/js/jquery.dataTables.min.js') }}"></script>
    <script>
        $(function(){
            $('#recipients').DataTable({
                language: {
                    search: "@lang('admin.search'):",
                    info: "@lang('admin.table-info')",
                    emptyTable: "@lang('admin.empty-table')",
                    lengthMenu:    "@lang('admin.table-length')",
                    paginate: {
                        first:      "@lang('admin.first')",
                        previous:   "@lang('admin.previous')",
                        next:       "@lang('admin.next')",
                        last:       "@lang('admin.last')"
                    }
                }
            });
        });
    </script>
@endsection