@extends('admin.layouts.app')
@section('title', 'Shipping Methods')
@section('page-title', 'Shipping Methods')
@section('page-actions')
    <x-admin.button :href="route('admin.shipping-methods.create')" icon="bi-plus">New Shipping Method</x-admin.button>
@endsection
@section('content')
<div class="mb-6 rounded-2xl border border-slate-200 bg-white p-4 shadow-soft dark:border-slate-800 dark:bg-slate-950">
    <div class="max-w-md"><x-admin.search-input id="shippingSearch" placeholder="Search shipping methods" /></div>
</div>
<x-datatable id="shippingMethodsTable" :ajax-url="route('admin.shipping-methods.index')" :columns="[
 ['data'=>'name','orderable'=>true], ['data'=>'code','orderable'=>true], ['data'=>'fee','name'=>'fixed_fee','orderable'=>true], ['data'=>'status','name'=>'is_active','orderable'=>true], ['data'=>'order','name'=>'sort_order','orderable'=>true], ['data'=>'actions','orderable'=>false,'searchable'=>false]
]" :order="[[4,'asc']]" :column-defs="[['className'=>'text-left align-middle','targets'=>[0,1,2,3,4]],['className'=>'text-right align-middle','targets'=>[5]]]" search-id="shippingSearch" :padding="false">
 <x-slot name="thead"><th>Method</th><th>Code</th><th>Fixed Fee</th><th>Status</th><th>Order</th><th class="text-right">Actions</th></x-slot>
</x-datatable>
@endsection