{% extends 'layout.html.twig' %}
{% block stylesheets %}
    {{parent()}}
    <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
    <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
    <link href="{{ asset('css/badge.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
	{{ parent() }}
	<div class="container">
    <div class="competition-return">
        <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
        <a class="competition-return-text" href="{{ path('mission_category_list') }}">{% trans %}Go to mission category{% endtrans %}</a>
            </div>   
		{% if missionCategory.missions|length > 0 %}
			<div class="table-responsive trivial-edit-form col-xs-12" style="border-bottom:none">
            <table class="table gametool-table">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>{% trans %}DESCRIPTION{% endtrans %}</th>
                    <th>{% trans %}LEVEL{% endtrans %}</th>
					<th>{% trans %}PARAMETER{% endtrans %}</th>
                    <th>{% trans %}ACTIONS{% endtrans %}</th>
                </tr>
                </thead>
                <tbody>
                {% for m in missionCategory.missions|filter(m => m.level == 'EASY') %}
                    <tr data-id="{{m.id}}" data-name="{{m.id}}" data-type="la mision" >
                        <td>{{m.id}}</td>
                        <td>{{m.description}}</td>
                        <td>{{m.level}}</td>
                        <td>{{m.parameter}}</td>
                        <td>
                            <a class="btn" title="Edit mission {{m.id}}" href="{{ path('mission_edit', {id: m.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>
                            <a class="btn btn-delete" title="Delete mission {{m.id}}" href="#"><img src="{{asset('img/delete-competition.png')}}"></a>
                        </td>
                    </tr>
                {% endfor %}
                {% for m in missionCategory.missions|filter(m => m.level == 'MEDIUM') %}
                    <tr data-id="{{m.id}}" data-name="{{m.id}}" data-type="la mision" >
                        <td>{{m.id}}</td>
                        <td>{{m.description}}</td>
                        <td>{{m.level}}</td>
                        <td>{{m.parameter}}</td>
                        <td>
                            <a class="btn" title="Edit mission {{m.id}}" href="{{ path('mission_edit', {id: m.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>
                            <a class="btn btn-delete" title="Delete mission {{m.id}}" href="#"><img src="{{asset('img/delete-competition.png')}}"></a>
                        </td>
                    </tr>
                {% endfor %}
                {% for m in missionCategory.missions|filter(m => m.level == 'HARD') %}
                    <tr data-id="{{m.id}}" data-name="{{m.id}}" data-type="la mision" >
                        <td>{{m.id}}</td>
                        <td>{{m.description}}</td>
                        <td>{{m.level}}</td>
                        <td>{{m.parameter}}</td>
                        <td>
                            <a class="btn" title="Edit mission {{m.id}}" href="{{ path('mission_edit', {id: m.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>
                            <a class="btn btn-delete" title="Delete mission {{m.id}}" href="#"><img src="{{asset('img/delete-competition.png')}}"></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

        </div>
			{{ include ('Clientes/forms/form.html.twig',{form: deleteform_ajax,message:'Estás seguro?',id:"form-delete",with_submit:false}) }}
		{% else %}

			<h2 style="text-align: center;margin: 40px 0;">{% trans %}There are not missions created{% endtrans %}</h2>
		{% endif %}
		<a class="btn trivial-cateogorias-add btn-add col-md-4 col-md-offset-4" data-toggle="modal" data-target="#missionModal" href="#">{% trans %}Add mission{% endtrans %}</a>
		{{ include ('Mission/Form/addMissionForm.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}
	</div>

{% endblock %}