@model DeBraken.Models.Event

<div class="mb-3">
    @Html.LabelFor(model => model.Title, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })
    </div>
</div>

<div class="mb-3">
    @Html.LabelFor(model => model.ImageFileName, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <input type="file" id="ImageFile" name="upload">
        @Html.HiddenFor(model => model.ImageFileName, htmlAttributes: new { data_imagefilename = "true" })
        <span class="image-upload-info">(Minimaal 640 x 360 pixels, maximaal 5 MB)</span>
        <span class="text-danger" id="ImageFileError" />
    </div>
</div>

<div class="mb-3">
    @Html.LabelFor(model => model.StartOn, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.StartOn, new { htmlAttributes = new { @class = "form-control date-time-picker" } })
        @Html.ValidationMessageFor(model => model.StartOn, "", new { @class = "text-danger" })
    </div>
</div>

<div class="mb-3">
    @Html.LabelFor(model => model.EndOn, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.EndOn, new { htmlAttributes = new { @class = "form-control date-time-picker" } })
        @Html.ValidationMessageFor(model => model.EndOn, "", new { @class = "text-danger" })
    </div>
</div>

<div class="mb-3">
    @Html.LabelFor(model => model.Recurrence, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EnumDropDownListFor(model => model.Recurrence, "Selecteer een periode", new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Recurrence, "", new { @class = "text-danger" })
    </div>
</div>

<div class="mb-3">
    @Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
    </div>
</div>