<div>
    <form id="form" role="form" wire:submit.prevent="store">
        <div class="card-body table-responsive">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>از</th>
                    <th>تا</th>
                    <th>پیک درون استانی</th>
                    <th>پیشتاز درون استانی</th>
                    <th>پیک استان همجوار</th>
                    <th>پیشتاز استان همجوار</th>
                    <th>پیک استان غیرهمجوار</th>
                    <th>پیشتاز استان غیرهمجوار</th>
                    <th>عملیات</th>
                </tr>
                </thead>
                <tbody>
                @if(count($shippingPrices))
                    @foreach($shippingPrices as $index => $shippingPrice)
                        <tr>
                            <td>
                                <input placeholder="وزن(گرم)" required type="number" class="form-control @error("shippingPrices.$index.from") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.from">
                                @error("shippingPrices.$index.from")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="وزن(گرم)" type="number" class="form-control @error("shippingPrices.$index.up_to") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.up_to">
                                @error("shippingPrices.$index.up_to")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.my_province_courier") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.my_province_courier">
                                @error("shippingPrices.$index.my_province_courier")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.my_province_express") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.my_province_express">
                                @error("shippingPrices.$index.my_province_express")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.neighbor_province_courier") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.neighbor_province_courier">
                                @error("shippingPrices.$index.neighbor_province_courier")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.neighbor_province_express") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.neighbor_province_express">
                                @error("shippingPrices.$index.neighbor_province_express")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.not_neighbor_province_courier") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.not_neighbor_province_courier">
                                @error("shippingPrices.$index.not_neighbor_province_courier")
                                    <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <input placeholder="قیمت(تومان)" type="number" class="form-control @error("shippingPrices.$index.not_neighbor_province_express") is-invalid @enderror" min="0" wire:model.defer="shippingPrices.{{$index}}.not_neighbor_province_express">
                                @error("shippingPrices.$index.not_neighbor_province_express")
                                <span class="text-danger" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td>
                                <button type="button" class="btn btn-danger btn-sm" wire:click="removeItem({{ $index }})">
                                    <span class="fa fa-trash"></span> حذف
                                </button>
                            </td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="8"></td>
                    <td>
                        <button type="button" id="add-item" class="btn btn-success btn-sm" wire:click="addItem"><span class="fa fa-plus"></span> افزودن</button>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="{{ route('admin.shipping-prices.index') }}" class="btn btn-danger float-left">لغو</a>
        </div>
    </form>
</div>