@extends('templates.app')
@section('container')
    <div class="card-secton transfer-section">
        <div class="tf-container">
            <div class="tf-balance-box">
                <div class="tf-spacing-16"></div>

                <div class="bill-content">
                    <form action="{{ url('/notifications') }}">
                        <div class="row">
                            <div class="col-10">
                                @php
                                    $filter = [
                                        [
                                            'filter' => 'read',
                                        ],
                                        [
                                            'filter' => 'unread',
                                        ],
                                    ];
                                @endphp
                                <select name="filter" id="filter" data-live-search="true">
                                    @foreach ($filter as $fil)
                                        @if (request('filter') == $fil['filter'])
                                            <option value="{{ $fil['filter'] }}"selected>{{ $fil['filter'] }}</option>
                                        @else
                                            <option value="{{ $fil['filter'] }}">{{ $fil['filter'] }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-2">
                                <button type="submit" class="btn"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tf-spacing-16"></div>
            </div>
        </div>
    </div>
    <div id="app-wrap">
        <div class="bill-content">
            <div class="tf-container">
                <ul class="mt-3 mb-5">

                    @foreach ($inboxs as $inbox)
                        @php
                            $user = App\Models\User::find($inbox->data['user_id']);
                        @endphp
                        <li class="list-card-invoice tf-topbar d-flex justify-content-between align-iteinbox-center p-2"
                            style="{{ !$inbox->read_at ? 'background-color: rgb(231, 231, 231)' : 'background-color: rgb(251, 251, 251)' }}">
                            <div class="user-info">
                                @if ($user->foto_karyawan == null)
                                    <img src="{{ url('/assets/img/foto_default.jpg') }}" alt="image">
                                @else
                                    <img src="{{ url('/storage/' . $user->foto_karyawan) }}" alt="image">
                                @endif
                            </div>
                            <div class="content-right">
                                <h4>
                                    <a
                                        href="{{ $inbox->read_at ? url($inbox->data['action']) : url('/notifications/read-message/' . $inbox->id) }}">
                                        {{ $user->name }} <span>{{ $inbox->status_pengajuan }}</span>
                                    </a>
                                </h4>
                                <p>
                                    <a style="color: rgb(141, 141, 141)"
                                        href="{{ $inbox->read_at ? url($inbox->data['action']) : url('/notifications/read-message/' . $inbox->id) }}">
                                        {{ $inbox->data['message'] }}
                                        <span>{{ date('d M Y H:i:s', strtotime($inbox->created_at)) }}</span>
                                    </a>
                                </p>
                                <p>
                                    <a style="color: rgb(141, 141, 141)"
                                        href="{{ $inbox->read_at ? url($inbox->data['action']) : url('/notifications/read-message/' . $inbox->id) }}">
                                        {{ $inbox->deskripsi }}
                                    </a>
                                </p>
                            </div>
                        </li>
                    @endforeach
                    <div class="d-flex justify-content-end me-4 mt-4">
                        {{ $inboxs->links() }}
                    </div>
                </ul>

            </div>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
@endsection