diff --git a/resources/views/checkout_complete_list.blade.php b/resources/views/checkout_complete_list.blade.php
index 3b25e63..a096814 100644
--- a/resources/views/checkout_complete_list.blade.php
+++ b/resources/views/checkout_complete_list.blade.php
@@ -1,103 +1,45 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-  <div class="container">
-    <div class="row">
-      <div class="col-md-12">
-        <div class="panel panel-default">
-          <div class="panel-heading">
-            Checkouts Complete
-          </div>
-          <div class="panel-body">
-            @if($checkout_complete_results)
-              <table align='center' class='table table-striped table-condensed table-hover table-bordered'>
-                <tr>
-                  <th>
-                    #:
-                  </th>
-                  <th>
-                    Last Name:
-                  </th>
-                  <th>
-                    First Name:
-                  </th>
-                  <th>
-                    Address:
-                  </th>
-                  <th>
-                    City:
-                  </th>
-                  <th>
-                    State:
-                  </th>
-                  <th>
-                    Zip:
-                  </th>
-                  <th>
-                    Phone:
-                  </th>
-                  <th>
-                    Email:
-                  </th>
-                  <th>
-                    Total:
-                  </th>
-                  <th>
-                    Payment Method:
-                  </th>
-                </tr>
-                @foreach($checkout_complete_results as $checkout_complete_result)
-                  <tr>
-                    <td>
-                      {{ $checkout_complete_result->bidder_assigned_number }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_lname }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_fname }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_addr }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_city }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_state }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_zip }}
-                    </td>
-                    <td>
-                      {{ \App\Helpers\PhoneHelper::format($checkout_complete_result->bidder_phone) }}
-                    </td>
-                    <td>
-                      {{ $checkout_complete_result->bidder_email }}
-                    </td>
-                    <td>
-                      ${{ $checkout_complete_result->winnertotal }}
-                    </td>
-                    <td>
-                      @if($checkout_complete_result->payment_method==1)
-                        CASH
-                      @elseif($checkout_complete_result->payment_method==2)
-                        CHECK #{{ $checkout_complete_result->check_number }}
-                      @else
-                        CREDIT {{ $checkout_complete_result->cc_transaction }}
-                      @endif
-                    </td>
-                  </tr>
-                @endforeach
-              </table>
-            @else
-              <h3>
-                No Completed Checkouts
-              </h3>
-            @endif
-          </div>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Checkout Complete List</h2>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
+</div>
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="table-responsive">
+                        <table class="table table-vcenter card-table">
+                            <thead>
+                                <tr>
+                                    <th>Bidder #</th>
+                                    <th>Name</th>
+                                    <th>Total</th>
+                                    <th>Payment</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach($checkout_complete_results as $c)
+                                    <tr>
+                                        <td>{{ $c->bidder_assigned_number }}</td>
+                                        <td>{{ $c->bidder_fname }} {{ $c->bidder_lname }}</td>
+                                        <td>${{ number_format($c->winnertotal, 2) }}</td>
+                                        <td>{{ $c->payment_method == 1 ? 'Cash' : ($c->payment_method == 2 ? 'Check' : 'Credit') }}</td>
+                                    </tr>
+                                @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 @endsection
diff --git a/resources/views/checkout_select_form.blade.php b/resources/views/checkout_select_form.blade.php
index 4b57865..62cab95 100644
--- a/resources/views/checkout_select_form.blade.php
+++ b/resources/views/checkout_select_form.blade.php
@@ -1,34 +1,39 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-<div class="container">
-  <div class="row">
-    <div class="col-md-10 col-md-offset-1">
-      <div class="panel panel-default">
-        <div class="panel-heading">Checkout</div>
-
-        <div class="panel-body">
-          <form id="checkout_selet_form" required method="post" action="/checkout" enctype="multipart/form-data" class=form-horizontal>
-            {{ csrf_field() }}
-            <div class=form-group>
-              <label for=checkoutbiddernum class="col-sm-3 col-sm-offset-1 control-label">
-                Select Bidder Number:
-              </label>
-              <div class=col-sm-4>
-                <select name="checkoutbiddernum" id="checkoutbiddernum" required class=form-control>
-                  <?php echo App\Helpers\WinningBidderSelectList::winningBidderShowNumbers(); ?>
-                </select>
-              </div>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Checkout Select</h2>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-body">
+                        <form method="POST" action="/checkout" class="row g-3">
+                            {{ csrf_field() }}
+                            <div class="col-md-6">
+                                <label for="bidder_num" class="form-label">Bidder</label>
+                                <select name="bidder_num" id="bidder_num" class="form-select" required>
+                                    @foreach($bidders as $bidder)
+                                        <option value="{{ $bidder->idbidders }}">{{ $bidder->bidder_assigned_number }} - {{ $bidder->bidder_fname }} {{ $bidder->bidder_lname }}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+                            <div class="col-12">
+                                <button type="submit" class="btn btn-primary">Process Checkout</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
             </div>
-            <div class=form-group>
-              <div class="col-sm-offset-5 col-sm-10">
-                <button type="submit" value="Submit" class="btn btn-primary">Submit</button>
-              </div>
-            </div>
-          </form>
         </div>
-      </div>
     </div>
-  </div>
 </div>
 @endsection