<AppBarTop @title={{ title }} @leftRoute="dms-pdi-request.detail" @leftRouteArgs={{ parentId }} />
<section class="content-body">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                            {{#if this.model.isPending}}
                                <AppLoading @content={{true}} />
                                {{else}}
                        

                            <div class="accordion data-list" id="accordion-account-contact">
                            
                                {{#if model.dmsPdiRequestDetail}}
                                {{#each model.dmsPdiRequestDetail as |item index|}}


                                <div class="data-list-item">
                                    <div class="hino-accordion-button data-list-accordion-button collapsed"
                                        id="data-heading-contact-{{ index  }}" data-toggle="collapse"
                                        data-target="#collapse-contact-{{ index  }}" aria-expanded="false"
                                        aria-controls="collapse-contact-{{ index  }}">
                                        <div class="d-flex align-items-center justify-content-between w-100 clickable">
                                            <h5>
                                                <span class="ordernum">{{ add index 1 }}</span>{{item.vehicleBrand}}
                                            </h5>
                                            <i class="bx bx-chevron-down"></i>
                                        </div>
                                        <div id="collapse-contacts-{{ index  }}"
                                            class="hino-accordion-content data-list-content collapse show"
                                            aria-labelledby="data-heading-contact-{{ index  }}"
                                            data-parent="#accordion-account-contact" style="">
                                            <div class="inner-wrapper">
                                                <div class="row">

                                                    <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>Vehicle Model</span>
                                                            <span class="data">{{item.vehicleModel}}</span>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>Vehicle Variant</span>
                                                            <span class="data">{{item.vehicleVariant}}</span>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>vehicle Colour</span>
                                                            <span class="data">{{item.vehicleColour}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>vehicle Chassis No</span>
                                                            <span class="data">{{item.vehicleChassisNo}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>vehicle Engine No</span>
                                                            <span class="data">{{item.vehicleEngineNo}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>item Code</span>
                                                            <span class="data">{{item.itemCode}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>item Name</span>
                                                            <span class="data">{{item.itemName}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>ETD</span>
                                                            <span class="data">{{item.etd}}</span>
                                                        </div>
                                                    </div>
                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>FRT</span>
                                                            <span class="data">{{item.frt}}</span>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-6">
                                                        <AppInputDate @model={{ item }}  @label="Service Date" @valuePath="serviceDate" @isEditable={{ if formConfig.serviceDate formConfig.serviceDate.isEditable true }} />
                                                    </div>
                                                    <div class="col-12 col-md-6">
                                                        <AppInputTime @model={{ item }}   @label="Service Time" @valuePath="serviceTime" @isEditable={{ if formConfig.serviceTime formConfig.serviceTime.isEditable true }} />
                                                    </div>

                                                     <div class="col-12 col-md-6">
                                                        <div class="detail-row-view">
                                                            <span>Order Status</span>
                                                            <span class="data">{{item.orderStatus}}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {{/each}}
                                {{/if}}


                            </div>
                       
                          {{/if}}

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="content-footer">
    <div class="container">
        <div class="row text-center text-md-left align-items-center">
            {{!-- <div class="col-12 col-sm order-sm-last text-sm-right ">
					<AppPagination class="mt-2" @page={{ page }} @showPage={{true}} @pagination={{model.meta.pagination}} />
				</div> --}}
            <div class="col-12 col-sm mt-2 mt-sm-0 order-sm-first">
            </div>
        </div>
    </div>
</section>