@extends('layouts.admin')
@section('css')

@endsection
@section('content')


    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('rider_commission.title')}}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('rider_commission.title')}}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <div class="admin-area-col">
        <div class="row">
            <div class="col-12">
                <div class="round-white-bg box-shadow">
                    <div class="row">
                        <div class="col-12">
                            <div class="d-block mt-1">
                                <ul class="list-inline justified-header">
                                    <li>
                                        <p class="m-0 font-medium">&nbsp;</p>
                                    </li>
                                    <li>
                                        <a href="{{route('rider-commission.create')}}" class="btn btn-primary width80 width60">{{ __('common.add-btn')}}</a>
                                    </li>
                                </ul>
                                @include('layouts.partials.messages')
                            </div>
                        <div class="table-responsive">

                                <table id="dTable" data-url="{{route('rider-commission.paginate')}}" class="striped-table w-100 custom-datatable font13">
                                    <thead>
                                        <tr>
                                            <th class="font-medium font13 no-sort">{{ __('common.sr-no')}}</th>
                                            <th class="font-medium font13">{{ __('rider_commission.from')}}</th>
                                            <th class="font-medium font13">{{ __('rider_commission.to')}}</th>
                                            <th class="font-medium font13">{{ __('rider_commission.rate')}}</th>
                                            <th class="font-medium font13 no-sort">{{ __('common.action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody class="text-muted font-medium">

                                    </tbody>
                                </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('script')
@endsection