Odtnhj

With this code I am failing to pass PlayerViewModel with model binding to my action method

 @foreach (var player in Model)
{
<tr>
 <td><img class="mini-avatar" src="@player.AvatarURL" /></td>
 <td>@player.Username</td>
 <td>@player.XP</td>
 <td><button class="btn btn-info btn-lg" type="button" data-toggle="modal" data-target="#myModal">Battle!</button></td>

 <div id="myModal" class="modal fade" role="dialog">
 <div class="modal-dialog">

 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal">&times;</button>
 <h4 class="modal-title">Commencing Battle</h4>
 </div>
 <div class="modal-body">
 <p>Are you sure you want to fight ?</p>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
 <a class="btn btn-success" asp-controller="Game" asp-action="Battle" asp-route-data="@player" style="background-color:lightblue">Confirm</a>
 </div>
 </div>

 </div>
 </div>
</tr>

Down bellow you can see this code snippet :

<div class="modal-footer">
 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
 <a class="btn btn-success" asp-controller="Game" asp-action="Battle" asp-route-data="@player" style="background-color:lightblue">Confirm</a>
 </div>

The problem is that if I have, for example, 10 players, the foreach will loop 10 times, take each player and bind it into asp-route-data="@player" with it's 3 properties, and after 10 times it will go to my page where when I choose battle and the modal dialogue opens , I choose Confirm and it should send me here asp-controller="Game" asp-action="Battle"
Well, so it does, but the value passed is null. And workaround anyone? I will be very thankful! I am using HttpGet as an attribute to this Action. Is this the problem?