{#/*********************************************************************************
 * This file is part of Myddleware.

 * @package Myddleware
 * @copyright Copyright (C) 2013 - 2015  Stéphane Faure - CRMconsult EURL
 * @copyright Copyright (C) 2015 - 2016  Stéphane Faure - Myddleware ltd - contact@myddleware.com
 * @link http://www.myddleware.com	
 
 This file is part of Myddleware.
 
 Myddleware is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Myddleware is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Myddleware.  If not, see <http://www.gnu.org/licenses/>.
*********************************************************************************/ #} 

<div class="link-help d-flex justify-content-end">
	<a href="#help-content-relations">
		<i class="fa fa-info-circle" aria-hidden="true"></i>
	{{'rule.help'|trans}}</a>
</div>
<div class="clr"></div>
<div> 
	{% if lst_relation_target %}
	<table id="relate" class="table table-borderless rel">
		<thead>
			<tr>
				<th class="ctr"><img src="{{ asset('build/images/template/source.png') }}" alt="{{'view_rule.relate.solution_source'|trans}}" /></th>
				<th colspan="3"></th>
				<th class="ctr"><img src="{{ asset('build/images/template/target.png') }}" alt="{{'view_rule.relate.solution_target'|trans}}" /></th>
			</tr>	
			<tr>
				<td class="title">{{'create_rule.step3.relation.source'|trans}}</td>
				<td class="title" colspan="3">{{'create_rule.step3.relation.rule'|trans}}</td>
				<td class="title">{{'create_rule.step3.relation.target'|trans}}</td>	
				<td class="title">{{'behavior_filters.error_missing'|trans}}</td>	
				<td class="title">{{'behavior_filters.error_empty'|trans}}</td>
			</tr>
		</thead>
		<tbody>
			{% for rule in lst_relation_target %}
				<tr class="line-relation">
					<td>			    	
						<select class="lst_source_relate form-control" id="lst_source_{{ rule.name }}" name="">
							{{ lst_relation_source | raw }}
						</select>
					</td>
					<td class="arrow"><img width="20px" src="{{ asset('build/images/template/arrow-mapping.png') }}" alt="mapping" /></td>
					<td>
						<select class="lst_rule_relate form-control" id="lst_{{ rule.name }}" name="">
							{{ lst_rule | raw }}
						</select>
					</td>
					<td class="arrow"><img width="20px" src="{{ asset('build/images/template/arrow-mapping.png') }}" alt="mapping" /></td>
					<td class="d-flex align-items-center">
						{% if rule.required %}
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill me-2" viewBox="0 0 16 16">
							<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
							</svg>
						{% endif %}		
						<input readonly="readonly" class="title form-control" data-required="{{ rule.required }}" data-value="{{ rule.name }}" value="{{ rule.label }}" /></span>
					</td>
					<td >
						<select class="parent_error_missing form-control" id="lst_error_missing_{{ rule.name }}" name="">
							{{ lst_errorMissing | raw }}
						</select>
					</td>
					<td>
						<select class="parent_error_empty form-control" id="lst_error_empty_{{ rule.name }}" name="">
							{{ lst_errorEmpty | raw }}
						</select>
					</td>
				</tr>
			{% endfor %}
		</tbody>
	</table>
	{% if parentRelationships %}
		<h1 class="display-6">{{'create_rule.step3.relation.parent'|trans}}</h1>
		<table id="parent_relate" class="table table-borderless rel">
			<tr>
				<th class="ctr"><img src="{{ asset('build/images/template/') }}source.png" alt="{{'view_rule.relate.solution_source'|trans}}" /></th>
				<th colspan="3"></th>
				<th class="ctr"><img src="{{ asset('build/images/template/') }}target.png" alt="{{'view_rule.relate.solution_target'|trans}}" /></th>
			</tr>	
			<tr>
				<td class="title">{{'create_rule.step3.relation.source'|trans}}</td>
				<td class="title" colspan="3">{{'create_rule.step3.relation.rule'|trans}}</td>
				<td class="title">{{'create_rule.step3.relation.target'|trans}}</td>	
			</tr>
			{% for i in range(0, 6) %}
				<tr class="line-parent_relation">
					<td>			    	
						<select class="parent_source_field" id="parent_source_field_{{ i }}" name="">
							{{ lst_relation_source | raw }}
						</select>
					</td>
					<td class="arrow"><img width="20px" src="{{ asset('build/images/template/') }}arrow-mapping.png" alt="mapping" /></td>
					<td>
						<select class="parent_rule" id="parent_rule_{{ i }}" name="">
							{{ lst_rule | raw }}
						</select>
					</td>
					<td class="arrow"><img width="20px" src="{{ asset('build/images/template/') }}arrow-mapping.png" alt="mapping" /></td>
					<td>
						<select class="parent_search_field" id="parent_search_field_{{ i }}" name="">
			 				{{ lst_parent_fields | raw }}
						</select>
					</td>
				</tr>
			{% endfor %}
				
		</table>
	{% endif %}

	{% else %}
		<p>{{'create_rule.step3.relation.empty'|trans}}</p>
	{% endif %}
</div>
<div id="help-content-relations" class="help-content">
	<h2>
		{{'help.title'|trans}} 
		<i class="fa fa-info-circle" aria-hidden="true"></i>
	</h2>
	<p>{{'help.rule.relate'|trans|raw}}</p>
</div>