@extends('admin.layouts.layout')
@section('content')

<!-- BEGIN: Content-->
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
            <div class="content-header-left col-md-12 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-10">
                        <h2 class="float-start mb-0">Vehicle Type</h2>
                    </div>
                    <div class="col-2 text-end">
                        {{-- <a href="{{route('admin.modelCreate')}}" class="btn btn-primary"> + Add</a> --}}
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">

            <!-- Responsive tables start -->
            <div class="row" id="table-responsive">
                <div class="col-12">
                    <div class="card">
                        <!-- <div class="card-header">
                            <h4 class="card-title">Category</h4>
                        </div> -->
                        <div class="card-datatable table-responsive card-body">
                            <table class="table mb-0 data_table">
                                <thead>
                                    <tr>
                                        <th scope="col" class="text-nowrap">Sr.No</th>
                                        <th scope="col" class="text-nowrap">Name</th>
                                        <th scope="col" class="text-nowrap">Price</th>
                                        <th scope="col" class="text-nowrap">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($vehicleTypes)
                                    @foreach($vehicleTypes as $key =>$vehicleType)
                                    <tr>
                                        <td class="text-nowrap">{{$key+1}}</td>
                                        <td class="text-nowrap">{{$vehicleType->name ? $vehicleType->name : ''}}</td>
                                        <td class="text-nowrap">{{$vehicleType->price ? $vehicleType->price : 0 }}</td>
                                        <td class="text-nowrap">
                                            <a href="{{route('admin.vehicleTypeEdit',[$vehicleType->id])}}" class="btn btn-xs btn-info btn-info"><i class="ph-duotone ph-pencil-simple"></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Responsive tables end -->

        </div>
    </div>
</div>
<!-- END: Content-->


@endsection