@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
    View Mail
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css starts here-->
    <link href="{{ asset('css/pages/mail_box.css') }}" rel="stylesheet" type="text/css" />

@stop

{{-- Page content --}}
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Show</h1>
    </section>
    <!-- Main content -->
    <section class="content px-3">
        <div class="row web-mail">
            <div class="col-lg-3 col-xl-2 col-md-3 col-sm-4">
                <div class="whitebg1">
                    <ul>
                        <li class="compose">
                            <a href="{{ URL::to('admin/emails/compose') }}">
                                <i class="fa fa-fw fa-envelope"></i>
                                &nbsp; &nbsp;Compose
                            </a>
                        </li>
                        <li class="active">
                            <a href="{{ URL::to('admin/emails/inbox') }}">
                                <i class="fa fa-inbox" aria-hidden="true"></i>
                                &nbsp; &nbsp;Inbox
@if ($unread_mails_count > 0)
<span class="badge  rounded-pill bg-success float-end mt-1">{{ $unread_mails_count }}</span>
                                @endif
                            </a>
                        </li>
                        <li>
                            <a href="{{ URL::to('admin/emails/sent') }}">
                                <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                &nbsp; &nbsp; Sent
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-9 col-xl-10 col-md-9 col-sm-8">
                <div class="whitebg1">
                    <table class="table table-striped table-advance">
                        <thead>
                            <tr>
                                <td colspan="4" class="bg-primary">
                                    <div class="col-md-8">
                                        <h4 class="mb-0">
                                            <strong>Single Mail</strong>
                                        </h4>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th colspan="4">
                                    <div class="row">
                                        <div class="col-md-7 col-lg-9 col-xs-12">
                                            <div class="btn-group">
                                                <a href="#" class="btn btn-secondary btn-toolbar"
                                                    data-bs-toggle="tooltip" data-bs-placement="top" title="Delete Message">
<i class="fa fa-trash text-danger"></i>
                                                </a>
                                                <button type="button" class="btn btn-secondary btn-toolbar"
                                                    data-bs-toggle="tooltip" data-bs-placement="top" title="Refresh">
                                                    <i class="fa fa-redo"></i>
                                                </button>

                                            </div>
                                        </div>
                                        <div class="col-md-5 col-lg-3 col-xs-12">
                                            <div class="float-end">
                                            </div>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td colspan="4">
                                    <div class="row">
                                        <div class="col-md-2 col-xl-1 m-auto col-lg-2 col-sm-2 col-3">
                                            <a href="#" class="text-center">
                                                @if ($email->senderName->pic)
                                                    <img src="{!! $email->senderName->pic !!}" alt="img"
class="rounded-circle img-fluid img_height1" />
                                                @elseif(Sentinel::getUser()->gender === 'male')
                                                    <img src="{{ asset('images/authors/avatar3.png') }}" alt="img"
                                                        height="35px" width="35px"
                                                        class="rounded-circle img-fluid float-start" />
                                                @elseif(Sentinel::getUser()->gender === 'female')
                                                    <img src="{{ asset('images/authors/avatar5.png') }}" alt="img"
                                                        height="35px" width="35px"
                                                        class="rounded-circle img-fluid float-start" />
                                                @else
                                                    <img src="{{ asset('images/authors/no_avatar.jpg') }}" alt="img"
                                                        height="35px" width="35px"
                                                        class="rounded-circle img-fluid float-start" />
                                                @endif
                                            </a>
                                        </div>
                                        <div class="col-9 col-xl-11 col-md-10 col-lg-10">
                                            <a href="#" class="graytext">
                                                <strong>{{ $email->senderName->first_name }}
                                                    {{ $email->senderName->last_name }}</strong>
                                                <br>&lt;{{ $email->senderName->email }}&gt;</a>
                                            <div>{{ $email->created_at->diffForHumans() }}</div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4">
                                    <div class="row">
                                        <div class="col-md-12 email_message">
                                            {!! $email->email_message !!}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="row">
                                        {{-- <div class="nopadmar"> --}}
                                        <div class="col-6 col-sm-4 col-md-3 mt-3 col-lg-3 col-xl-2">
                                            <a href="{{ URL::to('admin/emails/' . $email->id . '/reply') }}"
                                                class="btn btn-sm btn-primary">
                                                <span class="fa fa-reply"></span>
                                                &nbsp;&nbsp;Reply
                                            </a>
                                        </div>
                                        <div class="col-6 col-sm-4 col-md-3 mt-3 col-lg-3 col-xl-2">
                                            <a href="{{ URL::to('admin/emails/' . $email->id . '/forward') }}"
                                                class="btn btn-sm btn-success">
                                                <span class="fa fa-share"></span>
                                                &nbsp;&nbsp;Forward
                                            </a>
                                        </div>
                                    </div>
                                    {{-- </div> --}}
                                </td>
                                <td width="3%"></td>
                                <td width="13%" class="view-message text-end">&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    <!-- content -->

@stop

{{-- page level scripts --}}
@section('footer_scripts')
@stop