@extends('layouts.admin')
@section('pageTitle',__('admin.inbox'))
@section('innerTitle')
    @lang('admin.inbox')       @if(Request::get('search'))
        : {{ Request::get('search') }}
    @endif
@endsection

@section('breadcrumb')
    <li><a href="{{ route('admin.dashboard') }}">@lang('admin.dashboard')</a>
    </li>
    <li><span>@lang('admin.inbox')</span>
    </li>
@endsection

@section('content')

    <div class="card">
        <div class="card-header">
            <h4><div class="btn-group" role="group"  >
                    <button  onclick="document.location.replace('{{ selfURL() }}')" type="button" class="btn btn-primary note-btn"><i class="fas fa-sync-alt"></i> @lang('admin.refresh')</button>
                    <button onclick="$('#msg-list').submit()" type="button" class="btn btn-danger note-btn"><i class="fa fa-trash"></i></button>
                    <button type="button" class="check btn btn-info note-btn"><i class="fa fa-check"></i></button>
                </div></h4>
            <div class="card-header-form">
                <form  method="GET" action="{{ route('emails.inbox') }}" >
                    <div class="input-group">
                        <input name="search" value="{{ request('search') }}" type="text" class="form-control" placeholder="@lang('admin.search')">
                        <div class="input-group-btn">
                            <button class="btn btn-primary"><i class="fas fa-search"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <form id="msg-list" action="{{ route('email.delete-multiple-inbox') }}" onsubmit="return confirm('@lang('admin.delete-prompt')')" method="post">
            @csrf
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table">
                    <tbody><tr>
                        <th class="text-center">
                            <div class="custom-checkbox custom-control">
                                <input type="checkbox" data-checkboxes="mygroup" data-checkbox-role="dad" class="custom-control-input" id="checkbox-all">
                                <label for="checkbox-all" class="custom-control-label">&nbsp;</label>
                            </div>
                        </th>
                        <th>@lang('admin.sender')</th>
                        <th>@lang('admin.subject')</th>
                        <th></th>
                        <th>@lang('admin.date')</th>
                        <th></th>
                    </tr>
                    @foreach($emails as $item)
                    <tr @if($item->pivot->read==0) class="unread" @endif >
                        <td class="p-0 text-center">
                            <div class="custom-checkbox custom-control">
                                <input name="{{ $item->id }}" value="{{ $item->id }}"  type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="checkbox-{{ $item->id }}">
                                <label for="checkbox-{{ $item->id }}" class="custom-control-label">&nbsp;</label>
                            </div>
                        </td>

                        <td>
                            <img alt="{{ $item->user->name }}" src="{{ profilePicture($item->user_id) }}" class="rounded-circle" data-toggle="tooltip" title="" data-original-title="{{ $item->user->name }}" width="35">
                            &nbsp;
                            <a href="{{ route('email.view-inbox',['email'=>$item->id]) }}" class="wide-link"  >

                                    {{ $item->user->name }}

                            </a>
                        </td>
                        <td  onclick="document.location.replace('{{ route('email.view-inbox',['email'=>$item->id]) }}')"  class="clickable">
                            <a  class="wide-link" href="{{ route('email.view-inbox',['email'=>$item->id]) }}">{{ $item->subject }}</a>
                        </td>
                        <td  onclick="document.location.replace('{{ route('email.view-inbox',['email'=>$item->id]) }}')"  class="clickable">
                            <a  style="width: 100%; height: 100%" href="{{ route('email.view-inbox',['email'=>$item->id]) }}">
                                @if($item->emailAttachments()->count()>0)
                                    <i class="fas fa-paperclip"></i>
                                @endif
                            </a>
                        </td>
                        <td  onclick="document.location.replace('{{ route('email.view-inbox',['email'=>$item->id]) }}')"  class="clickable">{{ \Illuminate\Support\Carbon::parse($item->crated_at)->format('D, M d, Y') }}</td>
                        <td>
                            <a  href="{{ route('email.delete-inbox',['id'=>$item->id]) }}"  title="@lang('site.delete')" onclick="return confirm('@lang('admin.delete-prompt')')" ><i class="fa fa-trash"></i></a>
                        </td>
                    </tr>
                    @endforeach
                    </tbody></table>
            </div>
        </div>
        </form>
        <div class="card-footer">
            {!! $emails->appends(['search' => Request::get('search')])->render() !!}
        </div>
    </div>

@endsection

@section('footer')
    <script>
        $(function(){

            $('.check:button').click(function(){
                var checked = !$(this).data('checked');
                $('#msg-list input:checkbox').prop('checked', checked);
                $(this).val(checked ? 'uncheck all' : 'check all' )
                $(this).data('checked', checked);
            });

            $("#checkBtn").change(function () {
                console.log('checking');
                $("#member-form input:checkbox").prop('checked', $(this).prop("checked"));
            });
        });
    </script>
    <script src="{{ asset('themes/admin/assets/modules/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('themes/admin/assets/js/page/components-table.js') }}"></script>
@endsection