@extends('layout.main') @section('content') <div class="main-content"> <section class="section"> <div class="col-md-12"> <div class="card"> <div class="card-header"> <h2>History Refund</h2> </div> <div class="d-flex justify-content-between align-items-center p-4"> <div class="d-flex align-items-center"> <span class="mb-0 ml-2">Show:</span> <select class="form-select ml-2"> <option>10</option> <option>25</option> <option>50</option> <option>100</option> </select> <span class="ml-2">entries</span> </div> <div class="float-right"> <form> <div class="input-group"> <input type="text" class="form-control" placeholder="Search"> <div class="input-group-append"> <button class="btn btn-primary"><i class="fas fa-search"></i></button> </div> </div> </form> </div> </div> <div class="card-body"> <div class="table-responsive"> <table class="table table-bordered table-md"> <tr> <th>Order ID</th> <th>Customer</th> <th>Seller</th> <th>Total</th> <th>Due Date</th> <th>Status</th> <th>Action</th> </tr> @foreach ($history_refund as $HistoryRefund) <tr> <td class="font-weight-600">{{ $HistoryRefund['orderId'] }}</a></td> <td class="font-weight-600">{{ $HistoryRefund['customer'] }}</td> <td class="font-weight-600">{{ $HistoryRefund['seller'] }}</td> <td class="font-weight-600">{{ $HistoryRefund['total'] }}</td> <td>{{ $HistoryRefund['date'] }}</td> <td> <div class="badge badge-danger">{{ $HistoryRefund['status'] }}</div> </td> <td> <a href="/detail_refund" class="btn btn-primary">Detail</a> </td> </tr> @endforeach </table> <div class="card"> <div class="card-body"> <div class="d-flex justify-content-end"> <nav aria-label="paginate"> <ul class="pagination"> <li class="page-item disabled"> <a class="page-link" href="#" tabindex="-1">Previous</a> </li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item "> <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a> </li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> <a class="page-link" href="#">Next</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> @endsection