{{#with (changeset model) as |changeset|}}
<AppBarTop @leftRoute="news-management.index" @title="News Management" @rightAction={{ action "saveNewsManagement" changeset }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>HOYU</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
<section class="content-body">
	<div class="container">
		<div class="col-12">
			{{#if errorMessages}}
				<div class="alert on alert-danger alert-dismissible fade show" role="alert">
					<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
						<li>{{ item }}</li>
					{{/each}}
					</ul>
				</div>
			{{/if}}
			<div class="accordion-div" id="accordion-div-news-management">
				<AppCard @id="news-management"  @showHeader={{ true }} @parentId="news-management" @title="News Management">
					<div class="row">
						<div class="col-12 col-md-6">
							<div class="row">
								<div class="col-12">
									<AppInputText  @model={{ model }} @label="Tittle" @valuePath="tittle" @isEditable={{ if formConfig.tittle formConfig.tittle.isEditable true }} @didValidate={{ didValidate }} />
								</div>
								<div class="col-12">
									<AppInputCombobox @name="sendTo" @valuePath="sendTo" @label="Send To" @primaryValue="name" @model={{ model.sendTo }} @modelAll={{ model }} @options={{ this.sendTos }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.sendTo formConfig.sendTo.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputDateTime @model={{ model }} @valuePath="startTime" @step={{ 1 }} @name="start-time"  @didValidate={{ didValidate }}  @label="Start Time" @isEditable={{ if formConfig.startTime formConfig.startTime.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputDateTime @model={{ model }} @valuePath="endTime" @step={{ 1 }} @name="end-time"  @didValidate={{ didValidate }}  @label="End Time" @isEditable={{ if formConfig.endTime formConfig.endTime.isEditable true }} />
								</div>
                                
								<div class="col-12">
									<AppInputCombobox @name="status" @valuePath="status" @label="Status" @primaryValue="name" @model={{ model.status }} @modelAll={{ model }} @options={{ this.statuss }} @placeholder={{ placeholder }} @selected={{ this.statuss }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.status formConfig.status.isEditable true }} @disabled={{ disabled }} />
								</div>
								
							</div>
						</div>
						<div class="col-12 col-md-6">
							<div class="row">
								<div class="col-12">
									<div class="detail-row-view">
										<span>Image</span>
										<span class="data">
											<FileUpload @name="image"
														@accept="image/*"
														@onfileadd={{action "uploadImage" changeset "image"}}>
												<span class="input-group">
													<span class="ember-text-field ember-view form-control">{{if changeset.image (if changeset.image.originalFilename changeset.image.originalFilename changeset.image.name) "No file to upload"}}</span>
													<span class="input-group-append">
														<span class="input-group-text">
															<FaIcon @icon="folder" />
														</span>
													</span>
												</span>
											</FileUpload>
										</span>
									</div>
								</div>
								<div class="col-12">
									<div class="detail-row-view">
										<span>File Attachment</span>
										<span class="data">
											<FileUpload @name="fileAttachment"
														@accept="application/pdf"
														@onfileadd={{action "uploadImage" changeset "fileAttachment"}}>
												<span class="input-group">
													<span class="ember-text-field ember-view form-control">{{if changeset.fileAttachment (if changeset.fileAttachment.originalFilename changeset.fileAttachment.originalFilename changeset.fileAttachment.name) "No file to upload"}}</span>
													<span class="input-group-append">
														<span class="input-group-text">
															<FaIcon @icon="folder" />
														</span>
													</span>
												</span>
											</FileUpload>
										</span>
									</div>
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Video URL" @valuePath="videoURL" @isEditable={{ if formConfig.videoURL formConfig.videoURL.isEditable true }} />
								</div>
								<div class="col-12">
									<div class="data-list">
										{{#each model.newsManagementDealer as |item index|}}
											<div class="data-list-item mb-3">
												<div class="row">
													<div class="col-10">
														<div class="col-12">
															<AppInputComboboxAutocomplete @name="dealer" @searchField="dealerCode" @primaryValue="dealerCode" @valuePath="dealer" @label="Dealer" @model={{ item.dealer }} @modelAll={{ item }} @options={{ this.dealers }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.newsManagementDealer (if formConfig.newsManagementDealer.dealer formConfig.newsManagementDealer.dealer.isEditable true) true}}/>
														</div>
													</div>
													<div class="col-2">
														<div class="row">
															<div class="col-12 mt-0 mb-2">
																<span class="float-left">
																	<i {{action "deleteRowData" "news-management-dealer" item}} class="bx bx-x clickable ml-2"></i>
																</span>
															</div>
														</div>
													</div>
												</div>
											</div>
										{{/each}}
									</div>
									<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "news-management-dealer" }}>Add Row</button>
								</div>
							</div>
						</div>
                        <div class="col-12">
                            <div class="col-12">
								{{ pell-editor value=value onChange=(action (mut this.model.message)) }}
                                    {{!-- <AppInputTextarea @model={{ model }} @valuePath="message" @label="Message" @isEditable={{ if formConfig.message formConfig.message.isEditable true }} /> --}}
								</div>
                        </div>
					</div>
				</AppCard>
				{{!-- <AppCard @id="news-management-dealer" @showHeader={{ true }} @parentId="news-management" @title="News Management Dealer">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.newsManagementDealer as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="dealer" @searchField="dealerCode" @primaryValue="dealerCode" @valuePath="dealer" @label="Dealer" @model={{ item.dealer }} @modelAll={{ item }} @options={{ this.dealers }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.newsManagementDealer (if formConfig.newsManagementDealer.dealer formConfig.newsManagementDealer.dealer.isEditable true) true}}/>
						</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "news-management-dealer" item}} class="bx bx-x clickable ml-2"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					</div>
					{{/each}}
					</div>
					<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "news-management-dealer" }}>Add Row</button>
					</div>
					</div>
				</AppCard> --}}
			</div>
		</div>
	</div>
</section>
{{/with}}