{% 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"> 
		{% if missionCategory|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 %}NAME{% endtrans %}</th>
                    <th>{% trans %}DESCRIPTION{% endtrans %}</th>
                    <th>{% trans %}ACTIONS{% endtrans %}</th>
                </tr>
                </thead>
                <tbody>
                {% for mc in missionCategory %}
                    <tr data-id="{{mc.id}}" data-name="{{mc.name}}" data-type="la mision" >
                        <td>{{mc.id}}</td>
                        <td>{{mc.name}}</td>
                        <td>{{mc.description}}</td>
                        <td>
                            <a class="btn" title="Missions: {{mc.name}}" href="{{ path('mission_list', {id: mc.id}) }}"><img src="{{asset('img/trivial-preguntas.png')}}"></a>
                            <a class="btn" title="Edit {{mc.name}}" href="{{ path('mission_category_edit', {id: mc.id}) }}"><img src="{{asset('img/edit-competition.png')}}"></a>
                            <a class="btn btn-delete" title="Eliminar {{mc.name}}" 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="#categoryMissionModal" href="#">{% trans %}Add mission category{% endtrans %}</a>
		{{ include ('Mission/Form/addMissionCategoryForm.html.twig',{form: addform_ajax,message:'Estás seguro?',id:"form-add",with_submit:false}) }}
	</div>

{% endblock %}