{% set badge = ['badge-primary', 'badge-info', 'badge-warning', 'badge-danger', 'badge-success', 'badge-secondary', 'badge-light'] %}
<div class="row pb-7 mt-4">
	<span class="mb-5 border-0 bg-transparent text-primary js-toggle-table-detail" style="cursor: pointer">
		<span class="fa fa-list"></span>
		{{ 'app.shop_owner.pages.opening_hours.title'|trans }}
	</span>
	<div class="col-md-12">
		<div class="card card-flush js-table-detail-opening-hours border border-secondary" style="display: none">
			<div class="card-header pt-7" id="kt_chat_contacts_header">
				<div class="card-title">
					<h2>{{ 'app.shop_owner.pages.opening_hours.head_title'|trans }}</h2>
				</div>
			</div>
			<div class="card-body pt-3">
				<div class="row">
					{% for oh in openingHours %}
						<div class="col-lg-2 col-md-2 col-sm-4 py-1">
							<span class="fs-6 fw-bold text-gray-800 text-hover-primary text-active-primary active">{{ oh.day|dayOfWeek }}</span>
							<div class="badge badge-light-primary fw-bold d-inline">
								{{ oh.startingTime|date('H:i') }}
								=>
								{{ oh.endingTime|date('H:i') }}
                            </div>
						</div>
					{% else %}
						<tr>
							<td colspan="5" style='color:orange'>{{ 'app.global.detail.no_record_found'|trans }}</td>
						</tr>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>