@model HealthchoiceMVC.ViewModels.Practitioner_vm

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

<script type="text/javascript">
    $(document).ready(function () {
        $("body").tooltip({ selector: '[data-toggle=tooltip]' });
        $("body").popover({ selector: '[data-toggle=popover]' });
    });


    $(function () {
        $("#prov_discipline_code").change(function () {

            var selectedItem = $(this).val();
            var ddlSubDisciplines = $("#prov_sub_discipline_key");
            var SubDisciplineProgress = $("#subdiscipline-loading-progress");
            SubDisciplineProgress.show();
            $.ajax({
                cache: false,
                url: '@Url.Action("GetSubDisciplinesByDisciplineCode", "Common")',
                type: 'POST',
                data: { "disciplineCode": selectedItem },
                success: function (data) {
                    ddlSubDisciplines.html('');
                    $.each(data, function (id, option) {
                        ddlSubDisciplines.append($('<option></option>').val(option.Value).html(option.Text));
                    });
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert('Failed to retrieve sub-disciplines.');
                }
            });
        SubDisciplineProgress.hide();
        });
    });

</script>

<h2>Manage Practitioner</h2>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

<div class="form-horizontal">
    <h4>Create / Edit Practitioner</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @Html.HiddenFor(model => model.Practitioner.PersonId)
    @Html.HiddenFor(model => model.practiceId)

    <div class="form-group">
        @Html.LabelFor(model => model.Practitioner.TitleId, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(m => m.Practitioner.TitleId, new SelectList(ViewBag.TitleList, "Value", "Text"), new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Practitioner.TitleId, "", new { @class = "text-danger" })
        </div>
    </div>

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

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

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

    <div class="form-group">
        @Html.LabelFor(model => model.Practitioner.DateofBirth, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Practitioner.DateofBirth, new { htmlAttributes = new { @class = "form-control datepicker" } })
            @Html.ValidationMessageFor(model => model.Practitioner.DateofBirth, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.ContactNumber, new { @class = "col-md-2 control-label required" })
        <div class="col-md-10">
            @Html.TextBoxFor(m => m.ContactNumber, new { @class = "form-control" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label required" })
        <div class="col-md-10">
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.Practitioner.IDTypeId, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(m => m.Practitioner.IDTypeId, new SelectList(ViewBag.IdType, "Value", "Text"), new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Practitioner.IDTypeId, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.Practitioner.IdentityNumber, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Practitioner.IdentityNumber, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Practitioner.IdentityNumber, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.Practitioner.Gender, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(m => m.Practitioner.Gender, new SelectList(ViewBag.GenderList, "Value", "Text"), new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Practitioner.Gender, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.prov_discipline_code, htmlAttributes: new { @class = "control-label col-md-2 required" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.prov_discipline_code, new SelectList(ViewBag.Disciplines, "Value", "Text"), new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.prov_discipline_code, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.prov_sub_discipline_key, htmlAttributes: new { @class = "control-label col-md-2 required" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.prov_sub_discipline_key, new SelectList(ViewBag.SubDisciplines, "Value", "Text"), new { @class = "form-control" })
            <span id="subdiscipline-loading-progress" style="display: none;">Please wait...</span>
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.prov_hpcsa_no, htmlAttributes: new { @class = "control-label col-md-2 required" })
        <div class="col-md-10">
            @Html.TextBoxFor(model => model.prov_hpcsa_no, new
           {
               @class = "form-control",
               rel = "tooltip",
               data_toggle = "tooltip",
               title = "Please provide your full HPCSA number without any spaces.",
               data_placement = "right"
           })
            @Html.ValidationMessageFor(model => model.prov_hpcsa_no, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Save" class="btn btn-default" />
        </div>
    </div>
    <div style="display:none;">
        @Html.HiddenFor(m => m.Practitioner.LinkedLogin)
        @Html.HiddenFor(m => m.Practitioner.CreatedDate)
    </div>
</div>
}

<div>
    @Html.ActionLink("Back to List", "IndexPractitioner", "People", new { listType = "practitioner" }, htmlAttributes: new { title = "Manage Practitioners" })
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
<script>
    $(function () {
        $(".datepicker").datepicker();
    });
</script>