@extends('dashboard.layout.layout')

@section('content')
<!-- Vertical Pills Start -->
<div class="col-12">
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">{!! trans('dashboard.contact.contacts') !!}</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3 col-sm-12 border-right-info">
                    <ul class="nav nav-pills flex-column nav-left">
                        <li class="nav-item">
                            <a class="nav-link active" id="stacked-pill-1" data-toggle="pill" href="#unread_contacts" aria-expanded="true">
                                <i data-feather="lock" class="font-medium-3 mr-1"></i>
                                <span class="font-weight-bold">
                                    {!! trans('dashboard.contact.unread_contacts') !!}
                                </span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="stacked-pill-2" data-toggle="pill" href="#read_contacts" aria-expanded="false">
                                <i data-feather="unlock" class="font-medium-3 mr-1"></i>
                                <span class="font-weight-bold">
                                    {!! trans('dashboard.contact.read_contacts') !!}
                                </span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="col-md-9 col-sm-12">
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="unread_contacts" aria-labelledby="stacked-pill-1" aria-expanded="true">
                            <div class="d-flex justify-content-center">
                                {!! $unMessages->links() !!}
                            </div>
                            <div class="card-datatable table-responsive">
                                <table class="datatables-custom-without-title table table-hover-animation" data-title="" data-create_title="" data-create_link="">
                                    <thead>
                                        <tr class="text-center">
                                            <th>#</th>
                                            <th>
                                                {{ trans('dashboard.general.name') }}
                                            </th>
                                            <th>
                                                {{ trans('dashboard.general.phone') }}</th>
                                            <th>
                                                {{ trans('dashboard.general.read') }}</th>
                                            <th>
                                                {{ trans('dashboard.general.added_date') }}</th>
                                            <th class="text-center">
                                                {{ trans('dashboard.general.control') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($unMessages as $message)
                                        <tr class="{{ $message->id }} text-center">
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <a href="{{ $message->user_id ? route('dashboard.'.$message->user->user_type.'.show',$message->user_id) : '#' }}">
                                                    {{ $message->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ $message->phone }}</td>
                                            <td>
                                                <a href="{{ route('dashboard.contact.show',$message->id) }}" class="btn btn-success btn-md">
                                                    {{ trans('dashboard.general.read') }}
                                                </a>
                                            </td>
                                            <td>
                                                <div class="badge badge-primary badge-md mr-1 mb-1">
                                                    {{ $message->created_at->format("(Y-m-d) h:i A") }}
                                                </div>
                                            </td>
                                            <td class="justify-content-center">
                                                <a onclick="deleteItem({{ $message->id }} , '{{ route('dashboard.contact.destroy',$message->id) }}')" class="text-danger">
                                                    <i class='icofont-trash-2' title="{!! trans('dashboard.general.delete') !!}" class="font-medium-3"></i>
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="read_contacts" role="tabpanel" aria-labelledby="stacked-pill-2" aria-expanded="false">
                            <div class="d-flex justify-content-center">
                                {!! $rMessages->links() !!}
                            </div>
                            <div class="card-datatable table-responsive">
                                <table class="datatables-custom-without-title table table-hover-animation" data-title="" data-create_title="" data-create_link="">
                                    <thead>
                                        <tr class="text-center">
                                            <th>#</th>
                                            <th>
                                                {{ trans('dashboard.general.name') }}
                                            </th>

                                            <th>
                                                {{ trans('dashboard.general.phone') }}</th>
                                            <th>
                                                {{ trans('dashboard.general.read_at') }}</th>
                                            <th>
                                                {{ trans('dashboard.general.added_date') }}</th>
                                            <th class="text-center">
                                                {{ trans('dashboard.general.control') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($rMessages as $message)
                                        <tr class="{{ $message->id }} text-center">
                                            <td>{{ $loop->iteration }}</td>
                                            <td>
                                                <a href="{{ $message->user_id ? route('dashboard.'.$message->user->user_type.'.show',$message->user_id) : '#' }}">
                                                    {{ $message->fullname }}
                                                </a>
                                            </td>
                                            <td>{{ $message->phone }}</td>
                                            <td>
                                                <div class="badge badge-violet badge-md mr-1 mb-1">
                                                    {{ $message->read_at->format("Y-m-d") }}
                                                </div>
                                            </td>
                                            <td>
                                                <div class="badge badge-primary badge-md mr-1 mb-1">
                                                    {{ $message->created_at->format("(Y-m-d) h:i A") }}
                                                </div>
                                            </td>
                                            <td class="justify-content-center">
                                                <a onclick="deleteItem({{ $message->id }} , '{{ route('dashboard.contact.destroy',$message->id) }}')" class="text-danger">
                                                    <i class="icofont-ui-delete font-medium-3" title="{!! trans('dashboard.general.delete') !!}"></i>
                                                </a>
                                                <a href="{!! route('dashboard.contact.show',$message->id) !!}" class="text-primary mr-2">
                                                    <i class="icofont-monitor avatar-icon font-medium-1"  title="{!! trans('dashboard.general.show') !!}" class="font-medium-3"></i>
                                                </a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('dashboard.layout.delete_modal')
@endsection
@include('dashboard.contact.scripts')