@extends('backend.master')

@section('title')
    {{ ___('common.table') }}
@endsection

@section('content')

<div class="page-content">

    {{-- bradecrumb Area S t a r t --}}
    <div class="page-header">
        <div class="row">
            <div class="col-sm-6">
                <h4 class="bradecrumb-title mb-1">{{ ___('common.table') }}</h1>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ ___('common.home') }}</a></li>
                    <li class="breadcrumb-item">{{ ___('common.table') }}</li>
                </ol>
            </div>
            <div class="col-sm-6">
                <!-- Bookmark Start-->
                <div class="bookmark">
                    <ul>
                        <li><a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-inbox"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg></a></li>
                        <li><a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></a></li>
                        <li><a href="javascript:void(0)" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-command"><path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path></svg></a></li>
                        <li><a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg></a></li>
                        <li><a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star bookmark-search"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></a></li>
                    </ul>
                </div>
                <!-- Bookmark Ends-->
            </div>
        </div>
    </div>
    {{-- bradecrumb Area E n d --}}


    <!-- table content start  -->
    <div class="basic-table  mt-16 pv-36 ph-30">
      <div class="component-page-heading mb-36">
        <!-- table head  -->
        <h1>{{ ___('common.unpaid_invoices') }}</h1>
      </div>
      <!-- table container start  -->
      <div class="table-responsive">
        <!-- table start  -->
        <table class="ot-basic-table ot-table-bg">
          <thead>
            <tr>
              <th>{{ ___('common.order_id') }}</th>
              <th>{{ ___('common.customer_name') }}</th>
              <th>{{ ___('common.total') }}</th>
              <th>{{ ___('common.date_created') }}</th>
              <th>{{ ___('common.status') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Macbook Air M1</td>
              <td>Arlene McCoy</td>
              <td>$1,630.00</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td>Macbook Air M1</td>
              <td>Arlene McCoy</td>
              <td>$1,630.00</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td>Macbook Air M1</td>
              <td>Arlene McCoy</td>
              <td>$1,630.00</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td>Macbook Air M1</td>
              <td>Arlene McCoy</td>
              <td>$1,630.00</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td>Macbook Air M1</td>
              <td>Arlene McCoy</td>
              <td>$1,630.00</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- table end  -->
      </div>
      <!-- table container end  -->
    </div>
    <!-- table content end -->

    <!-- table Last Company content start  -->
    <div class="basic-table  mt-16 pv-36 ph-30">
      <div class="component-page-heading mb-36">
        <!-- table head  -->
        <h1>{{ ___('common.last_company') }}</h1>
      </div>
      <!-- table container start  -->
      <div class="table-responsive">
        <!-- table start  -->
        <table class="ot-table-bg">
          <thead>
            <tr>
              <th>{{ ___('common.name') }}</th>
              <th>{{ ___('common.company_id') }}</th>
              <th>{{ ___('common.date_created') }}</th>
              <th>{{ ___('common.status') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Sookh Ltd.</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td>Abstergo Ltd.</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td>Biffco Enterprises</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-warning-text">{{ ___('common.in_progress') }}</span>
              </td>
            </tr>
            <tr>
              <td>Barone LLC.</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td>Biffco Enterprises</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-warning-text">{{ ___('common.in_progress') }}</span>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- table end  -->
      </div>
      <!-- table container end  -->
    </div>
    <!-- table Last Company content end -->

    <!-- table Check In/Check Out List content start  -->
    <div class="basic-table  mt-16 pv-36 ph-30">
      <div class="component-page-heading mb-36">
        <!-- table head  -->
        <h1>{{ ___('common.check_in_out_list') }}</h1>
      </div>
      <!-- table container start  -->
      <div class="table-responsive">
        <!-- table start  -->
        <table class="table-color-col">
          <thead>
            <tr>
              <th>{{ ___('common.name') }}</th>
              <th>{{ ___('common.check_in') }}</th>
              <th>{{ ___('common.check_out') }}</th>
              <th>{{ ___('common.job_id') }}</th>
              <th>{{ ___('common.company_id') }}</th>
              <th>{{ ___('common.date_created') }}</th>
              <th>{{ ___('common.status') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.confirmed')}}</span>
              </td>
            </tr>
            <tr>
              <td class="d-flex align-items-center">
                <div class="profile-photo">
                  <img src="{{ asset('backend/assets/images/avater.png') }}" alt="profile" />
                </div>
                <span class="ml-10">Brad Simmons</span>
              </td>
              <td>09.30am</td>
              <td>5.00pm</td>
              <td>02 Apr, 2022</td>
              <td>#XDG-2347</td>
              <td>02 Apr, 2022</td>
              <td>
                <span class="badge-basic-danger-text">{{ ___('common.rejected') }}</span>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- table end  -->
      </div>
      <!-- table container end  -->
    </div>
    <!-- table Check In/Check Out List content end -->

    <!-- table Last Company content start  -->
    <div class="basic-table  mt-16 pv-36 ph-30">
      <div class="component-page-heading mb-36">
        <!-- table head  -->
        <h1>{{ ___('common.on_progress_project') }}</h1>
      </div>
      <!-- table container start  -->
      <div class="table-responsive">
        <!-- table start  -->
        <table class="ot-table-bg">
          <thead>
            <tr>
              <th>{{ ___('common.name') }}</th>
              <th>{{ ___('common.date_created') }}</th>
              <th>{{ ___('common.progress') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Sookh Ltd.</td>
              <td>02 Apr, 2022</td>
              <td>
                <label>60%</label>
                <div class="progress progress-darkblue">
                  <div class="progress-bar progress-bar-darkblue" role="progressbar" style="width: 25%"
                    aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </td>
            </tr>
            <tr>
              <td>Abstergo Ltd.</td>
              <td>02 Apr, 2022</td>
              <td>
                <label>60%</label>
                <div class="progress progress-green">
                  <div class="progress-bar progress-bar-green" role="progressbar" style="width: 25%"
                    aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </td>
            </tr>
            <tr>
              <td>Biffco Enterprises</td>
              <td>02 Apr, 2022</td>
              <td>
                <label>60%</label>
                <div class="progress progress-violet">
                  <div class="progress-bar progress-bar-violet" role="progressbar" style="width: 25%"
                    aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </td>
            </tr>
            <tr>
              <td>Barone LLC.</td>
              <td>02 Apr, 2022</td>
              <td>
                <label>60%</label>
                <div class="progress progress-skyblue">
                  <div class="progress-bar progress-bar-skyblue" role="progressbar" style="width: 25%"
                    aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </td>
            </tr>
            <tr>
              <td>Biffco Enterprises</td>
              <td>02 Apr, 2022</td>
              <td>
                <label>60%</label>
                <div class="progress progress-darkviolet">
                  <div class="progress-bar progress-bar-darkviolet" role="progressbar" style="width: 25%"
                    aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- table end  -->
      </div>
      <!-- table container end  -->
    </div>
    <!-- table Last Company content end -->

    <!-- leave table container start -->
    <div class="basic-table mt-16 pv-36 ph-30">
      <div class="component-page-heading mt-26">
        <!-- table head -->
        <h1>{{ ___('common.leave') }}</h1>
      </div>
      <!-- table head component start  -->
      <!-- table head component start  -->
      <div class="mt-40 row table-top-componet">
        <div class="col-12 col-md-6 col lg-6 col-xl-6  left-component">
          <select class="form-select form-control-lg ot-input" aria-label="Default select example">
            <option disabled>{{ ___('common.leave_type') }}</option>
            <option value="1">{{ ___('common.leave_1') }}</option>
            <option value="2">{{ ___('common.leave_2') }}</option>
            <option value="3">{{ ___('common.leave_3') }}</option>
          </select>

          <input type="date" class="form-control ot-input" />
        </div>
        <div class="col-12 col-md-6 col lg-6 col-xl-6 right-component">
          <a href="#" class="btn ot-btn-primary btn-lg">{{ ___('common.add_leave_request') }}</a>
        </div>
      </div>
      <!-- table head component end  -->
      <!-- table head component end  -->
      <hr />
      <!-- search input field and search button group content start -->
      <div class="w-100 ot-search-with-btns mv-10">
        <!-- input for search content start -->
        <div class="input-search-with-icon">
          <input type="text" placeholder="{{ ___('common.search_attendance') }}" />
          <i class="fa fa-search"></i>
        </div>
        <!-- input for search content end  -->
        <!-- search button group start -->
        <div class="btn-toolbar mb-3" role="toolbar" aria-label="Toolbar with button groups">
          <div class="btn-group me-2" role="group" aria-label="First group">
            <button type="button" class="btn btn-outline-secondary button-group">
              <img src="{{ asset('backend/assets/images/icons/document-copy.png') }}" alt="image" />
            </button>
            <button type="button" class="btn btn-outline-secondary button-group">
              <img src="{{ asset('backend/assets/images/icons/document-text.png') }}" alt="image" />
            </button>
            <button type="button" class="btn btn-outline-secondary button-group">
              <img src="{{ asset('backend/assets/images/icons/document-like.png') }}" alt="image" />
            </button>
            <button type="button" class="btn btn-outline-secondary button-group">
              <img src="{{ asset('backend/assets/images/icons/archive-book.png') }}" alt="image" />
            </button>
            <button type="button" class="btn btn-outline-secondary button-group">
              <img src="{{ asset('backend/assets/images/icons/note-favorite.png') }}" alt="image" />
            </button>
          </div>
        </div>
        <!-- search button group end -->
      </div>
      <!-- search input field and search button group content end -->
      <!-- table container start  -->
      <div class="table-responsive">
        <!-- table start  -->
        <table class="ot-table-bg">
          <thead>
            <tr>
              <th>{{ ___('common.date') }}</th>
              <th>{{ ___('common.leave_type') }}</th>
              <th>{{ ___('common.days') }}</th>
              <th>{{ ___('common.substitute') }}</th>
              <th>{{ ___('common.file') }}</th>
              <th>{{ ___('common.status') }}</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
            <tr>
              <td>July 04</td>
              <td>Sick Leave</td>
              <td>02 Days</td>
              <td>N/A</td>
              <td>
                <img src="{{ asset('backend/assets/images/icons/attach-circle.png') }}" alt="image" />
                <span>Document.pdf</span>
              </td>
              <td>
                <span class="badge-basic-success-text">{{ ___('common.approved') }}</span>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- table end  -->
      </div>
      <!-- table container end  -->
      <!-- pagination content start -->
      <div class="basic-table pagination-content w-100 d-flex justify-content-end mt-30">
        <!-- pagination button list start  -->
        <ul class="pagination justify-content-between">
          <li>
            <a href="#"><i class="fa fa-angle-left"></i></a>
          </li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li class="selected"><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li>
            <a href="#"><i class="fa fa-angle-right"></i></a>
          </li>
        </ul>
        <!-- pagination button list end  -->
      </div>
      <!-- pagination content end  -->
    </div>
    <!-- table leave container end -->

    <!-- componets content end  -->

    <!--  table content start -->
    <div class="table-content table-basic mt-20">
      <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center mt-20 flex-wrap gap_15">
          <h4 class="m-0">{{ ___('common.basic_datatable') }}</h4>
          <a class="btn btn-lg ot-btn-primary" href="#">{{ ___('common.+add') }}</a>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table table-bordered">
              <thead class="thead">
                <tr>
                  <th class="select sorting_asc">
                    <div class="check-box">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" />
                      </div>
                    </div>
                  </th>
                  <th class="serial">{{ ___('common.sr_no') }}</th>
                  <th class="purchase">{{ ___('common.purchase_id') }}</th>
                  <th class="title">{{ ___('common.title') }}</th>
                  <th class="user">{{ ___('common.user') }}</th>
                  <th class="assigned">{{ ___('common.assigned_to') }}</th>
                  <th class="created-by">{{ ___('common.created_by') }}</th>
                  <th class="create-date">{{ ___('common.create_date') }}</th>
                  <th class="status">{{ ___('common.status') }}</th>
                  <th class="priority">{{ ___('common.priority') }}</th>
                  <th class="action">{{ ___('common.action') }}</th>
                </tr>
              </thead>
              <tbody class="tbody">
                <tr>
                  <td class="select">
                    <div class="check-box">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" />
                      </div>
                    </div>
                  </td>
                  <td class="serial">01</td>
                  <td class="purchase">IDL-963</td>
                  <td class="title">Add Dynamic Contact List</td>
                  <td class="user">Robert Downey</td>
                  <td class="assigned">Peter Parker</td>
                  <td class="created-by">Robert Downey</td>
                  <td class="create-date">Jan 14, 2022</td>
                  <td class="status">
                    <span class="badge-light-success">{{ ___('common.re_open') }}</span>
                  </td>
                  <td class="priority">
                    <span class="badge-success">{{ ___('common.high') }}</span>
                  </td>
                  <td class="action">
                    <div class="dropdown dropdown-action">
                      <button type="button" class="btn-dropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fa-solid fa-ellipsis"></i>
                      </button>
                      <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html"><span class="icon mr-12"><i
                                class="fa-solid fa-pen-to-square"></i></span>
                                {{ ___('common.edit') }}</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html">
                            <span class="icon mr-16"><i class="fa-solid fa-trash-can"></i></span>{{ ___('common.delete') }}
                          </a>
                        </li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="select">
                    <div class="check-box">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" />
                      </div>
                    </div>
                  </td>
                  <td class="serial">01</td>
                  <td class="purchase">IDL-963</td>
                  <td class="title">Add Dynamic Contact List</td>
                  <td class="user">Robert Downey</td>
                  <td class="assigned">Peter Parker</td>
                  <td class="created-by">Robert Downey</td>
                  <td class="create-date">Jan 14, 2022</td>
                  <td class="status">
                    <span class="badge-light-danger">{{ ___('common.re_open') }}</span>
                  </td>
                  <td class="priority">
                    <span class="badge-danger">{{ ___('common.high') }}</span>
                  </td>
                  <td class="action">
                    <div class="dropdown dropdown-action">
                      <button type="button" class="btn-dropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fa-solid fa-ellipsis"></i>
                      </button>
                      <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html"><span class="icon mr-12"><i
                                class="fa-solid fa-pen-to-square"></i></span>
                            Edit</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html">
                            <span class="icon mr-16"><i class="fa-solid fa-trash-can"></i></span>Delete
                          </a>
                        </li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="select">
                    <div class="check-box">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" />
                      </div>
                    </div>
                  </td>
                  <td class="serial">01</td>
                  <td class="purchase">IDL-963</td>
                  <td class="title">Add Dynamic Contact List</td>
                  <td class="user">Robert Downey</td>
                  <td class="assigned">Peter Parker</td>
                  <td class="created-by">Robert Downey</td>
                  <td class="create-date">Jan 14, 2022</td>
                  <td class="status">
                    <span class="badge-light-warning">{{ ___('common.re_open') }}</span>
                  </td>
                  <td class="priority">
                    <span class="badge-warning">{{ ___('common.high') }}</span>
                  </td>
                  <td class="action">
                    <div class="dropdown dropdown-action">
                      <button type="button" class="btn-dropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fa-solid fa-ellipsis"></i>
                      </button>
                      <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html"><span class="icon mr-12"><i
                                class="fa-solid fa-pen-to-square"></i></span>
                                {{ ___('common.edit') }}</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html">
                            <span class="icon mr-16"><i class="fa-solid fa-trash-can"></i></span>{{ ___('common.delete') }}
                          </a>
                        </li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="select">
                    <div class="check-box">
                      <div class="form-check">
                        <input class="form-check-input" type="checkbox" />
                      </div>
                    </div>
                  </td>
                  <td class="serial">01</td>
                  <td class="purchase">IDL-963</td>
                  <td class="title">Add Dynamic Contact List</td>
                  <td class="user">Robert Downey</td>
                  <td class="assigned">Peter Parker</td>
                  <td class="created-by">Robert Downey</td>
                  <td class="create-date">Jan 14, 2022</td>
                  <td class="status">
                    <span class="badge-light-primary">{{ ___('common.re_open') }}</span>
                  </td>
                  <td class="priority">
                    <span class="badge-primary">{{ ___('common.high') }}</span>
                  </td>
                  <td class="action">
                    <div class="dropdown dropdown-action">
                      <button type="button" class="btn-dropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fa-solid fa-ellipsis"></i>
                      </button>
                      <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html"><span class="icon mr-12"><i
                                class="fa-solid fa-pen-to-square"></i></span>
                            Edit</a>
                        </li>
                        <li>
                          <a class="dropdown-item" href="/basic-datatable.html">
                            <span class="icon mr-16"><i class="fa-solid fa-trash-can"></i></span>Delete
                          </a>
                        </li>
                      </ul>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <!--  table end -->
          <!--  pagination start -->
          <div class="ot-pagination pagination-content d-flex justify-content-end align-content-center py-3">
            <nav aria-label="Page navigation example">
              <ul class="pagination">
                <li class="page-item">
                  <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true"><i class="fa fa-angle-left"></i></span>
                  </a>
                </li>
                <li class="page-item">
                  <a class="page-link active" href="#">1</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">2</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#">3</a>
                </li>
                <li class="page-item">
                  <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true"><i class="fa fa-angle-right"></i></span>
                  </a>
                </li>
              </ul>
            </nav>
          </div>

          <!--  pagination end -->
        </div>
      </div>
    </div>
    <!--  table content end -->
  </div>

@endsection