@model FIT5032_Assignment.Models.ImageUploadForm
@{
  Layout = "~/Views/Shared/_Layout.cshtml";
}

@if (ViewBag.tip != null) {
  <div class="alert alert-success" role="alert">
    @ViewBag.tip
  </div>
}

<h2>Upload image</h2>

<form method="post" enctype="multipart/form-data">
  <input type="hidden" name="appointmentUuid" value="@ViewBag.appointment.uuid" />
  <div style="margin-bottom: 20px;">You are about to upload the image for the appointment booked by <b>@ViewBag.patient.displayName</b> in <b>@ViewBag.appointment.appointmentDate</b></div>
  <div class="form-group">
    <label for="image">Select the image</label>
    <div class='input-group'>
      <input type="file" class="form-control-file" id="image" name="image" accept="image/png, image/jpeg, image/jpg" required />
    </div>
  </div>
  <button type="submit" class="btn btn-primary" style="margin-top: 20px;">Submit</button>
</form>

@section Scripts {
  @Scripts.Render("~/bundles/jqueryval")
}