@push("stylesLivewire")
    @livewireStyles
@endpush
<div class="box-form rounded shadow p-3 mt-2">
    <!-- Actual search box -->
    <div class="form-group has-search">
        <span class="fa fa-search form-control-feedback"></span>
        <input wire:model="search" type="text" class="form-control" placeholder="Search">
    </div>
    <div class="form-group box-research mt-3">
        <table class="table table-invoice table-bordered">
            <thead>
            <tr>
                <th>Thời gian</th>
                <th>Tiêu đề Email</th>
                <th>Thao tác</th>
            </tr>
            </thead>
            <tbody>
                @if($emails->count())
                    @foreach($emails->all() as $item)
                        <tr>
                            <td>
                                {{ $item->created_at }}
                            </td>
                            <td>
                                {{ $item->subject }}
                            </td>
                            <td class="text-center">
                                <a href="{{ route('user.email.view',['id' => $item->id]) }}" target="_blank" class="btn bg-color__brand text-white bg-gradient"><i class="fab fa-readme"></i> Xem nội dung</a>
                            </td>
                        </tr>
                    @endforeach
                @endif
            </tbody>
        </table>
    </div>
    <div class="form-group">
        {{ $emails->links() }}
    </div>
</div>