@extends('layouts.app') 
@section('title', 'Account Management')
@section('breadcrumb')



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/select/1.4.0/css/select.bootstrap.min.css">
    <style type="text/css">
        .textStyle {
            border: 1px solid #EDEADE;
            padding: 10px;
        }
      .dataTables_length{
    visibility:hidden;
                    }
         .dataTables_filter{
          visibility:hidden;
          }
    </style>
    <ol class="breadcrumb border-0 m-0 px-0 px-md-3">
        <li class="breadcrumb-item">Home</li>
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.account') }}">Account Management</a></li>
        <li class="breadcrumb-item active">View Account</li>
    </ol>
@endsection
@section('content')


<div class="clientmonitor"> 

         <h4  style=" border-bottom: outset;border-bottom-width: thin;">
          <center> <b>E-mail Queue</b></center>
        </h4>


        
</div>
<div>
    <button type="button" class="btn btn-danger" style="margin-left:65% !important;">x Delet unsent emails from queue</button>
</div>


<div class="d-flex justify-content-center " style="padding-left:7%;">
    
<center><table id="example" class="table table-striped table-bordered" style="width:99rem;">
        <thead>
            <tr>
                <th></th>
                <th>Date/Time</th>
                <th>Email</th>
                <th>Subject</th>
                <th>Text</th>
                
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                 <td>1</td>
                <td>2022.10.25
                       14:52</td>
                <td>a.a@a.aa</td>
                <td>info@isanet.hu</td>
                <td>2022.10.25.14.49</td>
                <td><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
               <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
                </svg></td>
                
                
               
            </tr>

           
           
      
        </tbody>
        <tfoot>
            
        </tfoot>
    </table>
</center>

</div>

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/select/1.4.0/js/dataTables.select.min.js"></script>

<script>

$(document).ready(function() {
    $('#example').DataTable( {
        select: true
    } );
} );

</script>
@endsection