@extends('layouts.customadmin')

@section('content')
<div class="d-flex align-items-center flex-wrap mr-1 pt-lg-3 container">
    <div class="d-flex align-items-baseline flex-wrap mr-5">
        <h5 class="text-dark font-weight-bold my-1 mr-5">@yield('title')</h5>
    </div>
</div>

<div class="d-flex flex-column-fluid pt-lg-5">
    <div class="container">
        <div class="d-flex flex-row">

            <!--begin::Aside-->
            <div class="flex-row-auto offcanvas-mobile w-200px w-xxl-275px" id="kt_inbox_aside">
                <div class="card card-custom card-stretch">
                    <div class="card-body px-3">

                        <div class="mt-4 mb-6">
                            <a href="{{ route('admin.messenger.createTopic') }}" class="btn btn-block btn-primary font-weight-bold text-uppercase text-center">{{ trans('global.new_message') }}</a>
                        </div>

                        <!--begin::Navigations-->
                        <div class="navi navi-hover navi-active navi-link-rounded navi-bold navi-icon-center navi-light-icon">
                            
                            <div class="navi-item my-2">
                                <a href="{{ route('admin.messenger.index') }}" class="navi-link {{ request()->is("admin/messenger/index") ? "active" : "" }}">
                                    <span class="navi-icon mr-4">
                                        <i class="fa fa-genderless text-success"></i>
                                    </span>
                                    <span class="navi-text font-weight-bolder font-size-lg">{{ trans('global.all_messages') }}</span>
                                </a>
                            </div>

                            <div class="navi-item my-2">
                                <a href="{{ route('admin.messenger.showInbox') }}" class="navi-link {{ request()->is("admin/messenger/inbox") ? "active" : "" }}">
                                    <span class="navi-icon mr-4">
                                        <span class="svg-icon svg-icon-lg">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"/>
                                                    <path d="M6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,13 C19,13.5522847 18.5522847,14 18,14 L6,14 C5.44771525,14 5,13.5522847 5,13 L5,3 C5,2.44771525 5.44771525,2 6,2 Z M13.8,4 C13.1562,4 12.4033,4.72985286 12,5.2 C11.5967,4.72985286 10.8438,4 10.2,4 C9.0604,4 8.4,4.88887193 8.4,6.02016349 C8.4,7.27338783 9.6,8.6 12,10 C14.4,8.6 15.6,7.3 15.6,6.1 C15.6,4.96870845 14.9396,4 13.8,4 Z" fill="#000000" opacity="0.3"/>
                                                    <path d="M3.79274528,6.57253826 L12,12.5 L20.2072547,6.57253826 C20.4311176,6.4108595 20.7436609,6.46126971 20.9053396,6.68513259 C20.9668779,6.77033951 21,6.87277228 21,6.97787787 L21,17 C21,18.1045695 20.1045695,19 19,19 L5,19 C3.8954305,19 3,18.1045695 3,17 L3,6.97787787 C3,6.70173549 3.22385763,6.47787787 3.5,6.47787787 C3.60510559,6.47787787 3.70753836,6.51099993 3.79274528,6.57253826 Z" fill="#000000"/>
                                                </g>
                                            </svg>
                                        </span>
                                    </span>
                                    <span class="navi-text font-weight-bolder font-size-lg">{{ trans('global.inbox') }}</span>
                                    @if($unreads['inbox'] > 0)
                                    <span class="navi-label">
                                        <span class="label label-rounded label-light-success font-weight-bolder">({{ $unreads['inbox'] }})</span>
                                    </span>
                                    @endif
                                    
                                </a>
                            </div>

                            <div class="navi-item my-2">
                                <a href="{{ route('admin.messenger.showOutbox') }}" class="navi-link {{ request()->is("admin/messenger/outbox") ? "active" : "" }}">
                                    <span class="navi-icon mr-4">
                                        <span class="svg-icon svg-icon-lg">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"/>
                                                    <path d="M8,13.1668961 L20.4470385,11.9999863 L8,10.8330764 L8,5.77181995 C8,5.70108058 8.01501031,5.63114635 8.04403925,5.56663761 C8.15735832,5.31481744 8.45336217,5.20254012 8.70518234,5.31585919 L22.545552,11.5440255 C22.6569791,11.5941677 22.7461882,11.6833768 22.7963304,11.794804 C22.9096495,12.0466241 22.7973722,12.342628 22.545552,12.455947 L8.70518234,18.6841134 C8.64067359,18.7131423 8.57073936,18.7281526 8.5,18.7281526 C8.22385763,18.7281526 8,18.504295 8,18.2281526 L8,13.1668961 Z" fill="#000000"/>
                                                    <path d="M4,16 L5,16 C5.55228475,16 6,16.4477153 6,17 C6,17.5522847 5.55228475,18 5,18 L4,18 C3.44771525,18 3,17.5522847 3,17 C3,16.4477153 3.44771525,16 4,16 Z M1,11 L5,11 C5.55228475,11 6,11.4477153 6,12 C6,12.5522847 5.55228475,13 5,13 L1,13 C0.44771525,13 6.76353751e-17,12.5522847 0,12 C-6.76353751e-17,11.4477153 0.44771525,11 1,11 Z M4,6 L5,6 C5.55228475,6 6,6.44771525 6,7 C6,7.55228475 5.55228475,8 5,8 L4,8 C3.44771525,8 3,7.55228475 3,7 C3,6.44771525 3.44771525,6 4,6 Z" fill="#000000" opacity="0.3"/>
                                                </g>
                                            </svg>
                                        </span>
                                    </span>
                                    <span class="navi-text font-weight-bolder font-size-lg">{{ trans('global.outbox') }}</span>

                                    @if($unreads['outbox'] > 0)
                                    <span class="navi-label">
                                        <span class="label label-rounded label-light-warning font-weight-bolder">({{ $unreads['outbox'] }})</span>
                                    </span>
                                    @endif
                                    
                                </a>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
            <!--end::Aside-->

            <div class="flex-row-fluid ml-lg-8 d-block"  id="kt_inbox_list">
                @yield('messenger-content')
            </div>

        </div>
    </div>
</div>
@stop