@extends('layouts.vertical')
@section('content')
<div class="container-fluid">
    <h2 class="fw-bold text-primary mb-3">{{ __('product_catalogs.feature_detail') }}</h2>
    <div class="card shadow-0"><div class="card-body">
        <table class="table table-sm table-borderless">
            <tr><th width="30%">{{ __('product_catalogs.id') }}:</th><td>{{ $feature->id }}</td></tr>
            <tr><th>{{ __('product_catalogs.unit') }}:</th><td>{{ $feature->unity_id ?? '-' }}</td></tr>
            <tr><th>{{ __('product_catalogs.presentation') }}:</th><td>{{ $feature->presentation->es_name ?? '-' }}</td></tr>
            <tr><th>{{ __('product_catalogs.warranty') }}:</th><td>{{ $feature->warranty->es_name ?? '-' }}</td></tr>
        </table>
        <a href="{{ route('products.features.edit', $feature) }}" class="btn btn-primary btn-sm mt-3"><i class="fad fa-edit me-1"></i>{{ __('product_catalogs.edit') }}</a>
        <a href="{{ route('products.features.index') }}" class="btn btn-outline-secondary btn-sm mt-3">{{ __('product_catalogs.back') }}</a>
    </div></div>
</div>
@endsection