@using CD67.FicheCollege.MVC.Models
@model CollegeViewModel

@{
    ViewBag.Title = Model.Acces.ToString();
    Layout = "~/Views/Shared/_Layout.cshtml";
    College contenu = Model.Contenu as College;
}

<h1>@Model.College_Libelle</h1>

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

    <fieldset>
        <legend>
            Informations générales - @Model.Acces.ToString()
        </legend>
        <div class="form-horizontal">
            <h4>Collège</h4>
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })

            @if (Model.Acces == ModeAcces.Modification)
            {
                @Html.HiddenFor(model => contenu.Id)
            }
            <div class="form-group">
                @Html.LabelFor(model => contenu.Id, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @if (Model.Acces == ModeAcces.Modification)
                    {
                        @Html.EditorFor(model => contenu.Id, new { htmlAttributes = new { @class = "form-control", @disabled = true } })
                    }
                    else
                    {
                        @Html.EditorFor(model => contenu.Id, new { htmlAttributes = new { @class = "form-control" } })
                    }
                    @Html.ValidationMessageFor(model => contenu.Id, "", new { @class = "text-danger" })
                </div>
            </div>

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

            <div class="form-group">
                @Html.LabelFor(model => contenu.TypeCollege_Id, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.DropDownListFor(model => contenu.TypeCollege_Id, Model.Listes["TypeCollege_Id"], htmlAttributes: new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => contenu.TypeCollege_Id, "", new { @class = "text-danger" })
                </div>
            </div>

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

            @Html.HiddenFor(model => contenu.Commune_Insee, new { data_picker = "commune.insee" })
            @Html.HiddenFor(model => contenu.Commune, new { data_picker = "commune.nom" })
            @Html.HiddenFor(model => contenu.Canton, new { data_picker = "commune.canton" })
            @Html.HiddenFor(model => contenu.Territoire_Id, new { data_picker = "commune.code_tad" })
            @Html.HiddenFor(model => contenu.TAD, new { data_picker = "commune.tad" })
            @Html.HiddenFor(model => contenu.CDC, new { data_picker = "commune.cdc" })
            <div class="form-group">
                @Html.LabelFor(model => contenu.Commune, htmlAttributes: new { @class = "control-label col-md-2 required" })
                <div class="col-md-4">
                    <a class='modal-window-events' href="http://referentiel.bas-rhin.fr/picker/cd67/com67/" title="Selection commune (nouvelle fenetre)">Sélectionner une commune</a>
                    <br />
                    <div class="panel panel-default" id="Commune_Panel" name="Commune_Panel" style="@if (contenu.Commune_Insee == null) { <text>display: none;</text> }">
                        <div class="panel-heading clearfix">
                            <h4 class="panel-title pull-left" style="padding-top: 7.5px;">
                                <i class="fa fa-map-marker color1" aria-hidden="true"></i>
                                Localisation (commune)
                            </h4>
                            <div class="pull-right">
                                <span class="glyphicon glyphicon-trash removeItem btn btn-danger btn-sm" aria-hidden="true" data-type="commune"></span>
                            </div>
                        </div>
                        <div class="panel-body" style="text-align: center;">
                            <span>
                                <b><span data-picker="commune.nom">@contenu.Commune</span ></b >
                                <br />Canton : <span data-picker="commune.canton">@contenu.Canton</span >
                                <br />TAD : <span data-picker="commune.tad">@contenu.TAD</span >
                                <br />CDC : <span data-picker="commune.cdc">@contenu.CDC</span >
                            </span>
                        </div>
                    </div>
                    @Html.ValidationMessageFor(model => contenu.Commune, "", new { @class = "text-danger" })
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => contenu.Code_Postal, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    Code(s) postal(aux) associé(s) à la commune <span id="CP-warning" class="text-danger" style="@if (Model.Listes["Code_Postal"].Count() == 1) { <text>display: none;</text> }">(attention, plusieurs choix possibles)</span> : <input id="code_postaux" data-picker="commune.code_postal" value="@String.Join(",", Model.Listes["Code_Postal"].Select(i => i.Text))" class="disabled-input-as-label" />
                    <br />
                    @Html.DropDownListFor(model => contenu.Code_Postal, Model.Listes["Code_Postal"], htmlAttributes: new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => contenu.Code_Postal, "", new { @class = "text-danger" })
                </div>
            </div>

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

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

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

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="@Model.Acces.EnumDisplayNameFor(MvcHtmlHelpers.DisplayValue.Prompt)" class="btn btn-default" /> |
                    @if (Model.Acces == ModeAcces.Creation)
                    { @Html.ActionLink("Annuler", "Index") }
                    else
                    { @Html.ActionLink("Annuler", "Details", new { Id = Model.College_Id }) }
                </div>
            </div>
        </div>
    </fieldset>
}

@section Scripts {
    <script type="text/javascript">
        $(".removeItem").click(function () {
            switch ($(this).data("type")) {
                case 'commune':
                    $('#contenu_Code_Postal').val(null);
                    $('#contenu_Commune_Insee').val(null);
                    $('#contenu_Commune').val(null);
                    $('#contenu_Canton').val(null);
                    $('#contenu_Territoire_Id').val(null);
                    $('#contenu_TAD').val(null);
                    $('#contenu_CDC').val(null);
                    $('#Commune_Panel').hide();

                    //suppression du champ en dessous
                    $('#code_postaux').val(null);
                    $('#contenu_Code_Postal').empty();
                    $('#CP-warning').hide();
                    break;
                default:
                    return false;
            }
        });

        // Function à implémenter pour éviter une erreur
        function onModalOpen()
        {
            $('#CP-warning').hide();
        }

        function onModalClose()
        {
            var code_postaux = $('#code_postaux').val();
            if (code_postaux != '') {
                //On vide la liste actuelle
                $('#contenu_Code_Postal').empty();

                var liste = code_postaux.split(',');
                liste.forEach(function (element) {
                    //On ajoute les choix
                    $('#contenu_Code_Postal').append($('<option>', {
                        value: element,
                        text: element
                    }));
                });

                if (liste.length > 1) $('#CP-warning').show();
            }
        }
    </script>

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