<!--packageE/appointment/client/make_appointment/make_appointment.wxml-->
<view class="top_main">
	<view class="goods">
		<view class="img">
			<image src="{{project.project_thumb}}" alt=""></image>
		</view>
		<view class="info">
			{{project.project_title}}
		</view>
	</view>
	<view class="cell">
		<van-cell title="预约门店"  is-link bind:click="getStore"  value="{{AStore.store_name || '选择门店'}}"/>
		<van-cell title="预约时间" is-link bind:click="toTime"  value="{{start_time}}"/>
		<van-cell wx:if="{{chooseTechnician.name}}" title="{{'预约'+appointmentLang.worker}}" value="{{chooseTechnician.name}}"/>
	</view>
</view>

<view class="bottom_main">
	<view class="title">您的姓名</view>
	<input type="text" value="{{applyModel.customer_name}}" bindinput="inputCustomerName" placeholder="填写预约人的姓名"/>
	<view class="title">您的电话</view>
	<input type="number" value="{{applyModel.customer_tel}}" bindinput="inputCustomerTel" placeholder="填写预约人的电话"/>
	<view class="title">备注</view>
	<input type="text" value="{{applyModel.remark}}" bindinput="inputRemark" placeholder="填写备注"/>
</view>
<view id="submitBtn">
    <text class="btn" bindtap="makeAppointment">预 约</text>
</view>

<van-popup
      show="{{show1}}"
      position="right"
	  custom-style="width:100%;height:100%"
    >
    <view class="header">
		<text class="title">选择门店</text> 
		<icon bindtap="closeStore" class="close iconfont icon-adsystem_icon_cancle"></icon>
	</view>
    <view style="margin: 0.5rem 1rem;height: 90%;overflow-y: scroll">
        <view class="project_list" wx:for="{{store}}" wx:key="id" bindtap="chooseStore" data-item="{{item}}">
			<view style="width: 5rem;height: 5rem">
				<image src="{{item.thumb}}" alt=""></image>
			</view>

          	<view class="list_title">
            	<view class="list_title_top">
              		<text class="title">{{item.store_name}}</text>
              		<text class="distance-num">{{item.distance}}{{item.unit}}</text>
            	</view>
				<view class="list_title_bottom">
					<text class="time">营业时间:{{item.business_hours_start}}-{{item.business_hours_end}}</text>
					<view>
						<icon style="color:#cccccc;" class="iconfont icon-order_locate"></icon>
						<text class="distance">{{item.address}}</text>
					</view>
				</view>
			</view>
		</view>
    </view>
	
</van-popup>



<van-popup
      show="{{showProjects}}"
      position="right"
	  bind:click="bindProjects"
	  custom-style="width:100%;height:100%"
    >
	
	<van-cell>
		<van-icon slot="icon" name="arrow-left" bindtap="closeProjects" />
		<view slot="title" style="text-align: center">
			<view class="van-cell-text">预约时间</view>
		</view>
		<view slot="right-icon" bindtap="closeProjects" class="van-cell-text" style="color: #f4a82e;">确定</view>
	</van-cell>


	<view id="appointment_time" style="">

		<calender wx:if="{{showProjects}}" bind:select="handSelect" calendarEvents="{{calendarEvents}}"></calender>	

		<view class="main" wx:if="{{isRest || times.length <= 0}}">
			<view class="tips">暂无可预约时间</view>
		</view>

		<van-collapse value="{{activeNames}}" wx:if="{{!isRest && work_date && times.length > 0}}" bind:change="changeCollapse">
			<van-collapse-item title="请选择时间" name="1" value="{{start_time}}">
			<view class="box-warp">
				<view class="time-item {{start_time === time ? 'active' : ''}}" wx:for="{{times}}" wx:for-item="time"
					bindtap="selectedTime" data-time="{{time}}" wx:key="{{index}}">{{time}}</view>
			</view>
			</van-collapse-item>
		</van-collapse>

		<view class="main" wx:if="{{!isRest && start_time}}">
          	<view class="tips" wx:if="{{technician.length <= 0}}">暂无{{appointmentLang.worker}}可预约</view>
          	<view class="tips" wx:else>选择{{appointmentLang.worker}}</view>
          	<view class="technician-list">
            	<radio-group bindchange="radioChange">
              		<block wx:for="{{technician}}" wx:key="id">

						<label wx:if="{{item.status != 1}}">
							

                  			<view class="technician-item" bindtap="clickTechnician" data-item="{{item}}">
							  	<view style="display:flex;align-items:center;"><radio value="{{item.id}}" color="#f4a82e"/></view>
							  
                   				<view class="pic">
                      				<image src="{{item.thumb}}" ></image>
                    			</view>
                    			<view class="technician-right">
                      				<view class="top">
										<view>{{item.name}}</view>
										<view class="star">
											<van-rate size="14" value="{{item.score}}" readonly />
										</view>
									</view>
									<view class="describe1 text-over" style="-webkit-box-orient: vertical;">
										<text class="blue">简介</text>
										<text class="gray">{{item.description || '暂无'}}</text>
									</view>
								</view>
							</view>
						</label>
                		<!-- </van-radio> -->
                		<view class="technician-item" wx:if="{{item.status == 1}}">
                 			<view class="number">已约</view>
                  			<view class="pic">
                    			<image src="{{item.thumb}}" ></image>
                  			</view>
							<view class="technician-right">
								<view class="top">
									<view>{{item.name}}</view>
									<view class="star">
										<van-rate size="14" value="{{item.score}}" readonly />
									</view>
								</view>
								<view class="describe1 text-over" style="-webkit-box-orient: vertical;">
									<text class="blue">简介</text>
									<text class="gray">{{item.description || '暂无'}}</text>
								</view>
							</view>
						</view>
              		</block>
            	</radio-group>
			</view>
        </view>

	</view>

</van-popup>