FloatBackOfffice/application/views/transport_provider_accounts/list.php

<link href="/assets/css/transport_provider_accounts/list.css" rel="stylesheet" type="text/css" />

<!-- Start Content-->
<div class="container-fluid">

  <!-- start page title -->
  <div class="row align-items-center">
    <div class="col-12">
      <div class="page-title-box">
        <div class="page-title-right text-right action">
          <a href="/transport_provider_accounts/create" class="btn btn-success">New Transport Provider Account</a>
        </div>
        <h4 class="page-title">Transport Provider Account</h4>
      </div>
    </div>
  </div>
  <!-- end page title -->

  <!-- start alert -->
  <?php if ($this->session->flashdata('success')) { ?>
    <div class="col-12">
      <div class="alert alert-success alert-dismissible bg-success text-white border-0" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <?php echo $this->session->flashdata('success') ?>
      </div>
    </div>
  <?php } ?>
  <!-- end alert -->

  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <form class="search-block " id="searchForm" action="/transport_provider_accounts" method="get">
            <div class="row">
              <div class="form-group col-md-3">
                <label for="">Transport provider</label>
                <select
                  class="form-control"
                  id="transport-provider"
                  name="transport_provider_id"
                  placeholder="Enter transport provider"
                >
                  <?php
                    if (!empty($filterData['transport_provider_id']) && !empty($filterData['transport_provider_name'])) {
                      echo '<option selected value="' . $filterData['transport_provider_id'] . '" selected >' . $filterData['transport_provider_name'] . '</option>';
                    } else {
                      echo '<option value=""></option>';
                    }
                  ?>
                </select>
                <input type="hidden" name="transport_provider_name" value="<?php echo $filterData['transport_provider_name'] ?? '' ?>" />
              </div>
              <div class="form-group col-md-3">
                <label for="">Updated</label>
                <input type="text"
                  name="updated"
                  class="form-control"
                  value="<?php echo $filterData['updated'] ?? '' ?>"
                  readonly>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-md-3">
                <label for="">Used</label>
                <input type="text"
                  value="<?php echo $filterData['used'] ?? (date('Y-m-d', strtotime('-30 days')).' - '.date('Y-m-d')) ?>"
                  name="used"
                  class="form-control"
                  readonly>
              </div>
              <div class="form-group col-md-3">
                <label for="">Status</label>
                <?php echo $statusSelection; ?>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-md-2">
                <label for="">Pool</label>
                <input type="number" min="0" max="100"
                       value="<?php echo $filterData['pool'] ?? '' ?>"
                       name="pool"
                       class="form-control"
                >
              </div>
            </div>
            <div>
              <button class="btn btn-primary btn-search" id="btnSearch" type="submit">Search</button>
            </div>
          </form>

          <div class="table-responsive-sm">
            <table id="trips-datatable" class="table table-sm table-centered mb-0" width="100%">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>Transport Provider Name</th>
                  <th>Email</th>
                  <th>Phone</th>
                  <th>Transport Provider Account Name</th>
                  <th>Added</th>
                  <th>Updated</th>
                  <th>Used</th>
                  <th>Pool</th>
                  <th>Paremeters</th>
                </tr>
              </thead>

              <tbody class="table-striped">
                <?php foreach($list as $item): ?>
                  <tr>
                    <td><?php echo $item['id'] ?></td>
                    <td><?php echo $item['transport_provider_name'] ?></td>
                    <td><?php echo $item['email'] ?></td>
                    <td><?php echo $item['phone'] ?></td>
                    <td><?php echo $item['name'] ?></td>
                    <td><?php echo $item['added'] ?></td>
                    <td><?php echo $item['updated'] ?></td>
                    <td><?php echo $item['used'] ?></td>
                    <td><?php echo $item['pool'] ?></td>
                    <td>
                      <pre class="prettyprint view-json">
                        <?php
                          echo json_encode($item['parameters']) === 'null' ? '' :  htmlentities(json_encode($item['parameters'], JSON_PRETTY_PRINT));
                        ?>
        						  </pre>
                    </td>
                    <td class="actions">
                      <a href="/transport_provider_accounts/edit/<?php echo $item['id']; ?>" class="btn btn-primary">View</a>
                      <button
                        type="button"
                        class="btn btn-danger btn-remove"
                        data-id="<?php echo $item['id'] ?>"
                        data-transport-provider-account="<?php echo $item['name'] ?>"
                        data-toggle="modal"
                        data-target="#remove-transport-provider-account-warning-modal"
                      >Remove</button>
                    </td>
                  </tr>
                <?php endforeach ?>
              </tbody>
            </table>
          </div>

          <?php echo $pagination ?>
        </div> <!-- end card body-->
      </div> <!-- end card -->
    </div><!-- end col-->
  </div>
  <!-- end row-->
</div> <!-- container -->

<div id="remove-transport-provider-account-warning-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="warning-header-modalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header modal-colored-header bg-warning">
        <h4 class="modal-title" id="warning-header-modalLabel"></h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
      <div class="modal-body">
        <h5 class="mt-0">Remove warning</h5>
        <p>This can not be undone. Do you want to conitnue?</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-warning" id="removeBtn" data-id="">Continue</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script src="/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="/assets/js/plugins/run_prettify/run_prettify.js"></script>
<script src="/assets/js/app.js" type="text/javascript"></script>
<script src="/assets/js/pages/transport_provider_accounts/list.js" type="text/javascript"></script>