@model DonationManagement2019.Models.Donation

<div class="k-edit-form-container">
    @Html.HiddenFor(model => model.DonorId)
    @Html.HiddenFor(model => model.DonationId)
    @Html.HiddenFor(model => model.Donor)
    



    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.DonationDate)
        </div>
        <div>
            @Html.Kendo().DatePickerFor(model => model.DonationDate)
            @Html.ValidationMessageFor(model => model.DonationDate)
        </div>
    </div>
    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.Campaign)
        </div>
        <div class="k-combobox">
            @(Html.Kendo().ComboBoxFor(model => model.Campaign)
                                                                   //.Name("donorType")
                                                                   .Placeholder("Select campaign...")
                                                                   .BindTo(new List<string>() {
                                                  "Coalition",
                                                  "DD Hot Meals",
                                                  "DD Pantry",
                                                  "Dr. Seuss",
                                                  "Empty Bowls",
                                                  "Feed A Friend",
                                                  "General Campaign",
                                                  "Golf",
                                                  "Golf Sponsors",
                                                  "Honorary",
                                                  "Jars",
                                                  "Local Harvest Dinner",
                                                  "Local Harvest Sponsor",
                                                  "Matching Gift",
                                                  "Memorial"
                                                                  })
                                                                  .SelectedIndex(0)
                                                                  .Suggest(true)
            )
        </div>
    </div>
    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.DonationAmount)
        </div>
        <div>
            @Html.Kendo().CurrencyTextBoxFor(model => model.DonationAmount).HtmlAttributes(new { style = "width: 440px" })
            @Html.ValidationMessageFor(model => model.DonationAmount)
        </div>
    </div>
    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.DonationMethod)
        </div>
        <div class="k-combobox">
            @(Html.Kendo().ComboBoxFor(model => model.DonationMethod)
                                                                  //.Name("organizationType")
                                                                  .Placeholder("Select donation method...")
                                                                  .BindTo(new List<string>() {
                                                  "Cash",
                                                  "Check",
                                                  "Credit Card",
                                                  "PayPal",
                                                  "Stock"
                                                                  })
                                                                  .SelectedIndex(0)
                                                                  .Suggest(true)

            )
        </div>
    </div>
    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.AuthorizationCode)
        </div>
        <div class="k-textbox">
            @Html.EditorFor(model => model.AuthorizationCode)
            @Html.ValidationMessageFor(model => model.AuthorizationCode)
        </div>
    </div>
    <div class="form-group">
        <div class="k-checkbox">
            @(Html.Kendo().CheckBoxFor(model => model.AnonymousDonation).Label("Anonymous Donation"))
        </div>
    </div>
    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.RecordedBy)
        </div>
        <div class="k-textbox">
            @Html.EditorFor(model => model.RecordedBy)
            @Html.ValidationMessageFor(model => model.RecordedBy)
        </div>
    </div>

    <div class="form-group">
        <div class="k-label">
            @Html.LabelFor(model => model.Notes)
        </div>
        @(Html.TextAreaFor(model => model.Notes, new { @class = "k-textarea" }))
    </div>


</div>
  <style>

    /*
        Increase the width of the edit form.
        The default one is 400px.
    */

    .k-edit-form-container {
      width: 1350px;
    }
    
    .k-edit-form-container {
        width: 485px;
        margin-left: 20px;
        margin-right: 20px;

    }

    .k-checkbox, .k-textbox, .k-combobox, .k-textarea {
      width: 440px;
      height: auto;
    }

   

      .k-datepicker {
          width: 440px;
      }

      

      

     
    /*
        Expand the edit textboxes and any other Kendo UI widgets.
        In case of unexpected side effects, use widget-specific classes, instead of .k-widget.
    */
      /*.k-popup-edit-form .k-edit-field > .k-textbox, k-combobox,
      .k-popup-edit-form .k-edit-field > .k-widget:not(.k-tooltip) {
          width: 98%;*/
      /*}*/
  </style>
