@extends('template.app')

@section('meta')
@endsection

@section('title')
    CNG Kit View
@endsection

@section('styles')
@endsection

@section('content')
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-7 align-self-center">
                <h4 class="page-title text-truncate text-dark font-weight-medium mb-1">CNG Kit Master</h4>
                <div class="d-flex align-items-center">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb m-0 p-0">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}" class="text-muted">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('cng_kit') }}" class="text-muted">CNG Kit Master</a></li>
                            <li class="breadcrumb-item text-muted active" aria-current="page">View</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('cng_kit.view') }}" name="form" id="form" method="post" enctype="multipart/form-data">
                            @csrf
                            @method('GET')

                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label for="name">Name</label>
                                    <input type="text" name="name" id="name" class="form-control" placeholder="Enter Name" value="{{ $data->name ??'' }}">
                                    <span class="kt-form__help error name"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label for="amount">Amount</label>
                                    <input type="text" name="amount" id="amount" class="form-control" placeholder="Enter Amount" value="{{ $data->amount ??'' }}">
                                    <span class="kt-form__help error amount"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label for="company">Company Name</label>
                                    <input type="text" name="company" id="company" class="form-control" placeholder="Enter Company Name" value="{{ $data->company ??'' }}">
                                    <span class="kt-form__help error company"></span>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label for="kg">KG</label>
                                    <input type="text" name="kg" id="kg" class="form-control" placeholder="Enter KG" value="{{ $data->kg ??'' }}">
                                    <span class="kt-form__help error kg"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <a href="{{ route('cng_kit') }}" class="btn waves-effect waves-light btn-rounded btn-outline-secondary">Back</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@endsection