@extends('backend.admin.layouts.master')
@section('content')
    <div class="card rounded-0 mx-3">
        <div class="card-header py-3 rounded-0 d-flex justify-content-between align-items-center border-bottom">
            <h5 class="mb-0">Support Desk</h5>
            <input type="text" placeholder="Type Ticket Code & Enter">
        </div>
        <div class="card-body rounded-0">
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">Ticket ID</th>
                        <th scope="col">Sending Date</th>
                        <th scope="col">Subject</th>
                        <th scope="col">User</th>
                        <th scope="col">Status</th>
                        <th scope="col">Last reply</th>
                        <th scope="col">Options</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">#1000002513</th>
                        <td>2022-04-28 03:07:13</td>
                        <td>A doloribus aut quae</td>
                        <td>Paul K. Jensen</td>
                        <td class="text-center"><span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-secondary">open</span></td>
                        <td>2022-04-27 21:07:13</td>
                        <td class="text-center">
                            <div class="">
                                <a href=""><i class="bi bi-eye text-warning"></i></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">#1000002513</th>
                        <td>2022-04-28 03:07:13</td>
                        <td>A doloribus aut quae</td>
                        <td>Paul K. Jensen</td>
                        <td class="text-center"><span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-success">Solved</span></td>
                        <td>2022-04-27 21:07:13</td>
                        <td class="text-center">
                            <div class="">
                                <a href=""><i class="bi bi-eye text-warning"></i></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">#1000002513</th>
                        <td>2022-04-28 03:07:13 <span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-info">new</span></td>
                        <td>A doloribus aut quae</td>
                        <td>Paul K. Jensen</td>
                        <td class="text-center"><span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-danger ">pending</span></td>
                        <td>2022-04-27 21:07:13</td>
                        <td class="text-center">
                            <div class="">
                                <a href=""><i class="bi bi-eye text-warning"></i></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">#1000002513</th>
                        <td>2022-04-28 03:07:13
                            <span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-info">new</span>
                        </td>
                        <td>A doloribus aut quae</td>
                        <td>Paul K. Jensen</td>
                        <td class="text-center"><span style="padding: 0.2rem;margin-top: 10%;border-radius: 3px;" class="badge bg-danger">pending</span></td>
                        <td>2022-04-27 21:07:13</td>
                        <td class="text-center">
                            <div class="">
                                <a href=""><i class="bi bi-eye text-warning"></i></a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection
@section('before_css')
@endsection
@section('scripts')
@endsection