@extends('backend.layouts.app')
@section('content')
    <br /><br />
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col-5">
                                <h3 class="mb-0">Order Tracking Status</h3>
                            </div>
                            <div class="col-2 text-right">
                                <label class="form-control-label col-form-label">Per Page</label>
                            </div>
                            <div class="col-2">
                                <select class="form-control form-control-sm" id="per_page">
                                    <option selected="" disabled="">-- Select One --</option>
                                    <option value="5">5</option>
                                    <option value="10">10</option>
                                    <option value="15">15</option>
                                    <option value="20">20</option>
                                    <option value="25">25</option>
                                    <option value="30">30</option>
                                    <option value="40">40</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="200">200</option>
                                </select>
                            </div>
                            <div class="col-3 text-right">
                                <button class="btn btn-sm btn-primary add-order-tracking-status">Add Order Tracking Status</button>
                            </div>
                        </div>
                    </div>
                    <div class="order-tracking-status-result">
                        @include('backend.order.order_tracking_status.paging')
                    </div>
                </div>
            </div>
        </div>
        @include('backend.order.order_tracking_status.modal')
    </div>
@endsection
@section('after-scripts')
    <script src="{{ asset('js/order/order_tracking_status.js') }}"></script>
@endsection