@extends('layouts.master')
@section('title')
@lang('translation.Inbox')
@endsection

@section('content')
@component('common-components.breadcrumb')
@slot('pagetitle') Inbox @endslot
@slot('title') Messages @isset($user){{ $user->name }} @endisset @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <!-- Left sidebar -->
        <div class="email-leftbar card">
            <button type="button" class="btn btn-danger waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#composemodal">
                    Push Notificatoin @isset($user) for user {{ $user->name }} @endisset
            </button>
            <div class="mail-list mt-4">
                <a href="#" class="active"><i class="mdi mdi-email-outline font-size-16 align-middle me-2"></i> Inbox <span class="ms-1 float-end">(0)</span></a>
            </div>
        </div>
        <!-- End Left sidebar -->


        <!-- Right Sidebar -->
        <div class="email-rightbar mb-3">

            <div class="card">
                <div class="btn-toolbar p-3" role="toolbar">
                    <div class="btn-group me-2 mb-2 mb-sm-0">
                        <button type="button" class="btn btn-primary waves-light waves-effect"><i class="far fa-trash-alt"></i></button>
                    </div>

                </div>
                <ul class="message-list">
                    @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                </ul>

            </div> <!-- card -->

        </div> <!-- end Col-9 -->

    </div>

</div><!-- End row -->

<!-- Modal -->
<div class="modal fade" id="composemodal" tabindex="-1" role="dialog" aria-labelledby="composemodalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="composemodalTitle">New Message
                    @isset($user) for {{ $user->name }} @endisset
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <form action="{{ route('notification.user.all') }}" method="POST">
                    @csrf <!-- Include the CSRF token field -->
                    <div class="mb-3">
                        <input type="txt"  name="title"  id="title" class="form-control" placeholder="To">
                    </div>

                    <div class="mb-3">
                        @isset($user)
                        <input type="text" value="{{ $user->id }}" name="userId" id="userId" class="form-control" placeholder="Subject">
                        @endisset
                        <input type="text" name="body" id="body" class="form-control" placeholder="Subject">
                    </div>
                    {{-- <div class="mb-3">
                        <form method="post">
                            <textarea id="email-editor" name="area"></textarea>
                        </form>
                    </div> --}}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Send <i class="fab fa-telegram-plane ms-1"></i></button>
            </div>
        </form>

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

@endsection
@section('script')
<script src="{{ URL::asset('/assets/libs/tinymce/tinymce.min.js') }}"></script>
<script src="{{ URL::asset('/assets/js/pages/email-editor.init.js') }}"></script>
@endsection