@extends('template.layouts.template-base')
@section('title', 'View Vehicle Type')

@section('content')
<section class="product-page master-add-vehicle">
    <div class="page-header">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title">
                        <a href="{{ route('backend.master.index-vehicle-type') }}">Master / <span class="breadcrumb-link">View Vehicle Type</span></a>
                    </div>
                </div>
                <div class="col-auto cate-top-btns">
                    <button type="button" class="btn-delete-category delete-record"
                        data-url="{{ route('backend.master.destroy-vehicle-type', $vehicleType->id) }}"
                        data-redirect-url="{{ route('backend.master.index-vehicle-type') }}"
                        data-title="Delete Vehicle Type?"
                        data-text="Are you sure you want to delete this vehicle type? This action cannot be undone."
                        data-success-message="Vehicle type deleted successfully.">
                        Delete <i class='bx bxs-trash fs-5'></i>
                    </button>
                    <a class="btn-add-category" href="{{ route('backend.master.edit-vehicle-type', $vehicleType->id) }}">
                        Edit <i class="ri-edit-fill fs-5"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid p-0">
        <div class="add-product-section">
            <h2 class="section-title">Vehicle Type Information</h2>
            <div class="row">
                <div class="col-lg-4">
                    <label>Vehicle Type</label>
                    <input type="text" value="{{ $vehicleType->name }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>Default Capacity</label>
                    <input type="text" value="{{ $vehicleType->default_capacity_kg !== null ? rtrim(rtrim((string) $vehicleType->default_capacity_kg, '0'), '.') . ' Kg' : '-' }}" readonly>
                </div>
               <div class="col-lg-4">
                <label>Status</label>
                <div>
                    <span class="badge {{ $vehicleType->status ? 'bg-success' : 'bg-danger' }}">
                        {{ $vehicleType->status ? 'Active' : 'Inactive' }}
                    </span>
                </div>
            </div>
                <div class="col-lg-12 mt-3">
                    <label>Description</label>
                    <textarea class="w-100" rows="5" readonly>{{ $vehicleType->description ?: '-' }}</textarea>
                </div>
            </div>
        </div>
    </div>

    <div class="action-buttons py-4">
        <a href="{{ route('backend.master.index-vehicle-type') }}" class="btn btn-secondary">Back</a> 
    </div>
</section>
@include('template.layouts.error-modal')
@endsection