@model MMS.Models.MailModel


@{
  ViewBag.Title = "Index";
  Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3" style="width:20%; margin-right:5px; float: left;">
      @Html.Partial("~/Views/Partial/_LeftMenuWorker.cshtml")
    </div>
    <div class="span9" style="width:70%; padding-right:5px; float:right; margin-right:5%;">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>Lp.</th>
            <th>Imię</th>
            <th>Nazwisko</th>
            <th>Miasto</th>
            <th>Ulica</th>
            <th>Kod pocztowy</th>
            <th>Numer domu</th>
            <th>Numer lokalu</th>
            <th>Email</th>
            <th>Numer telefonu</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @{ int i = 0;}
          @foreach (var client in ViewBag.Clients)
          {
            <tr>
              <td>@i</td>
              <td>@client.Name</td>
              <td>@client.Surname</td>
              <td>@client.City</td>
              <td>@client.Street</td>
              <td>@client.PostCode</td>
              <td>@client.HouseNumber</td>
              <td>@client.ApartmentNumber</td>
              <td>@client.Login</td>
              <td>@client.PhoneNumber</td>
              <td><input value="Nadawca" type="button" onclick="fillSender('@client.Id','@client.Name', '@client.Surname', '@client.City', '@client.Street', '@client.PostCode', '@client.HouseNumber', '@client.ApartmentNumber', '@client.Login', '@client.PhoneNumber')" /> / <input value="Adresat" type="button" onclick="fillRecipient('@client.Id','@client.Name', '@client.Surname', '@client.City', '@client.Street', '@client.PostCode', '@client.HouseNumber', '@client.ApartmentNumber', '@client.Login', '@client.PhoneNumber')" /></td>
            </tr>
            i++;
          }
        </tbody>
      </table>

      <div>@MMS.Resources.Login.Recipient</div>
      <div style="border: 1px solid black; border-radius:5px; padding:7px;">
        <span style="text-decoration:solid">@MMS.Resources.Login.Name</span> <a id="nameRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.Surname
        </span> <a id="surnameRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.City
        </span> <a id="cityRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.Street
        </span> <a id="streetRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.PostCode
        </span> <a id="postCodeRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.HouseNumber
        </span> <a id="houseNumberRecipient"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.ApartmentNumber
        </span> <a id="apartmentNumberRecipient"></a><br />
        <span style="text-decoration:solid">@MMS.Resources.Login.LoginName</span> <a id="loginRecipient"></a><br />
        <span style="text-decoration:solid">@MMS.Resources.Login.PhoneNumber</span> <a id="phoneNumberRecipient"></a><br />
      </div>

      <div style="margin-top:15px;">@MMS.Resources.Login.Sender</div>
      <div style="border: 1px solid black; border-radius:5px; padding:7px;">
        <span style="text-decoration:solid">@MMS.Resources.Login.Name</span> <a id="nameSender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.Surname
        </span> <a id="surnameSender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.City
        </span> <a id="citySender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.Street
        </span> <a id="streetSender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.PostCode
        </span> <a id="postCodeSender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.HouseNumber
        </span> <a id="houseNumberSender"></a><br />
        <span style="text-decoration:solid">
          @MMS.Resources.Login.ApartmentNumber
        </span> <a id="apartmentNumberSender"></a><br />
        <span style="text-decoration:solid">@MMS.Resources.Login.LoginName</span> <a id="loginSender"></a><br />
        <span style="text-decoration:solid">@MMS.Resources.Login.PhoneNumber</span> <a id="phoneNumberSender"></a><br />
      </div>
      @using (Html.BeginForm())
      {
        @Html.HiddenFor(x => x.Sender.Id, new { id = "idSender" })
        @Html.HiddenFor(x => x.Recipient.Id, new { id = "idRecipient" })
        <input style="margin-top:15px;" type="submit" value="Zapisz" />
      }
    </div>

  </div>


</div>

<script type="text/javascript">
  function fillSender(id, name, surname, city, street, postCode, houseNumber, apartmentNumber, login, phoneNumber) {

    document.getElementById("idSender").Value = id;
    document.getElementById("nameSender").text = name;
    document.getElementById("surnameSender").text = surname;
    document.getElementById("citySender").text = city;
    document.getElementById("streetSender").text = street;
    document.getElementById("postCodeSender").text = postCode;
    document.getElementById("houseNumberSender").text = houseNumber;
    document.getElementById("apartmentNumberSender").text = apartmentNumber;
    document.getElementById("loginSender").text = login;
    document.getElementById("phoneNumberSender").text = phoneNumber;
  }

  function fillRecipient(id, name, surname, city, street, postCode, houseNumber, apartmentNumber, login, phoneNumber) {
    document.getElementById("idRecipient").text = id;
    document.getElementById("nameRecipient").text = name;
    document.getElementById("surnameRecipient").text = surname;
    document.getElementById("cityRecipient").text = city;
    document.getElementById("streetRecipient").text = street;
    document.getElementById("postCodeRecipient").text = postCode;
    document.getElementById("houseNumberRecipient").text = houseNumber;
    document.getElementById("apartmentNumberRecipient").text = apartmentNumber;
    document.getElementById("loginRecipient").text = login;
    document.getElementById("phoneNumberRecipient").text = phoneNumber;
  }

</script>