{% extends '@layout/dashboard.html.twig' %}

{% import "@macros/flash-messenger.html.twig" as flashM %}

{% block title %}Hit Lokal Awards
{% endblock %}

{% block content %}
	<a href="{{ path('dashboard-events-mod', {'id': voteArtiste.id_event }) }}" class="btn btn-danger mt-2">Retourner à l'évenement</a> <br><br>

	<div class="card border-dark">
		<div class="card-header">
			<h1 class="h2">Modifier ce vote artiste</h1>
		</div>

		<div class="card-body">
			{{ flashM.displayFlashMessenger(flashMsg) }}

			<form action="{{ path('dashboard-votes-artiste-mod', {'idva': voteArtiste.id})}}" method="POST" enctype="multipart/form-data">
				<input type="hidden" name="id_event" value="{{voteArtiste.id_event}}">
				<div class="form-group row">
					<label for="name" class="col-sm-2 col-form-label">Nom du vote</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="name" name="name" value="{{ voteArtiste.name }}" placeholder="Nom du vote" required>
					</div>
				</div>
				<div class="form-group row">
					<label for="mail" class="col-sm-2 col-form-label">Mail de l'artiste</label>
					<div class="col-sm-10">
						<input type="mail" class="form-control" id="mail" name="mail" value="{{ voteArtiste.mail }}" placeholder="mail" required>
					</div>
				</div>
				<div class="form-group row">
					<label for="mail" class="col-sm-2 col-form-label">Lien</label>
					<div class="col-sm-10">
						<p>{{ absolute_url(path('vote-artiste', {'code':voteArtiste.code})) }}</p>
					</div>
				</div>

				<button type="submit" class="btn btn-secondary ml-2 mt-2" name="action_submit" value="add">Modifier</button>
			</form>

		</div>
	</div>
	<div class="card-header">
		<h2>Ajouter un titre</h2>
	</div>

	<div class="card-body">
		<form class="form-inline" action="{{ path('dashboard-votes-artiste-mod', {'idva': voteArtiste.id})}}" method="POST">
			<select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref" required name="id_title">
				<option selected>Options...</option>
				{% for title in titles %}
					<option value="{{ title.id }}">{{ title.title }} - {{ title.artists }}</option>
				{% endfor %}
			</select>
			<button type="submit" name="addTitle" class="btn btn-secondary my-1">Ajouter ce titre</button>
		</form>
	</div>

	<hr>
	<div class="card-header">
		<h2>Liste des titres de ce vote</h2>
	</div>
	<div class="table-responsive">
		<table class="table table-striped table-sm">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Options</th>
				</tr>
			</thead>
			<tbody id="valuestable">
				{% for tv in titleVote %}
					<tr>
						<td>{{ tv.title }} - {{ tv.artists }} </td>
						<td>
							<button type="button" data-toggle="modal" data-target="#confirmDel" class="btn btn-danger btn-sm" data-t="{{ tv.id }}">
								<i class="fas fa-trash"></i>
								Supprimer
							</button>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>

	<!-- Modal Del Category -->
	<div class="modal fade" id="confirmDel" tabindex="-1" role="dialog" aria-labelledby="confirmDelTitle" aria-hidden="true" data-t="0">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="confirmDelTitle">Voulez vous supprimer ce titre</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-footer">
					<button type="button" id="btnConfirmDel" class="btn btn-primary">Confirmer</button>
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
				</div>
			</div>
		</div>
	</div>


{% endblock %}

{% block javascript %}
 <script>
    $(document).ready(function(){
        $('#confirmDel').on('shown.bs.modal', function (event) {
            var button = $(event.relatedTarget);
            $('#confirmDel').data('t', button.data('t'));
        })

        $('#btnConfirmDel').on("click", function () {
            var t = $('#confirmDel').data('t');
            var url = '{{ path('dashboard-votes-artiste-del-title',{'idvat' : '??'})}}';
            var position = url.indexOf("??");
            
            url = url.substr(0,position) + t;
            window.location.href = url;
        })
    });
</script> 
{% endblock %}