@using Kreta.Web.Helpers
@using Kreta.Web.Models
@using Kreta.Resources

@model IskolaorPopupModel

<style type="text/css">
    .rowPadding {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .faPhonePadding {
        padding-top: 10px !important;
        padding-right: 0px !important;
    }
</style>

@Html.HiddenFor(x => x.IntezmenyAzonosito)
@Html.HiddenFor(x => x.KuldoID)
@Html.HiddenFor(x => x.KuldoNev)
@Html.HiddenFor(x => x.KuldoTelefonszam)
<div class="container-fluid @BootsrapHelper.GetSizeClasses(12)" style="padding: 20px;">
    <div class="row rowPadding">
        @Html.KretaDropdownListFor(x => x.IskolaorId, Model.IskolaorList).Events(events => events.Change("IskolaorHelper.iskolaorChanged")).RenderWithoutName(6, tooltipResource: IskolaorResource.ValasszaKiAzErtesiteniKivantIskolaort)
        <i class="fa fa-phone fa-2x fa-fw faPhonePadding @BootsrapHelper.GetSizeClasses(1)" aria-hidden="true"></i>
        @Html.KretaTextBoxFor(x => x.IskolaorTelefonszam).Enable(false).RenderWithoutName(5)
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(12)">
            @Html.KretaTextAreaFor(x => x.IskolaorUzenet, 5)
        </div>
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon1Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon2Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon3Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon4Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon5Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon6Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon7Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon8Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon9Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon10Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
        <div class="@BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.Sablon11Button).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
    </div>
    <div class="row rowPadding">
        <div class="@BootsrapHelper.GetSizeClasses(8)">

        </div>
        <div class="BtnDelete @BootsrapHelper.GetSizeClasses(4)">
            @Html.KretaButton(Model.UzenetKuldesButton).HtmlAttributes(new { style = "width: -webkit-fill-available;" })
        </div>
    </div>
</div>

<script type="text/javascript">
    var iskolaorAdatok = [];
    @foreach(var iskor in Model.IskolaorAdatModelList)
    {
  @:iskolaorAdatok["@iskor.IskolaorID"] = { Telszam: "@iskor.IskolaorTelefonszam", IdpAzon: "@iskor.IskolaorIdpAzonosito" };
    }
    $(document).ready(function () {
        if ($('#IskolaorId').data('kendoDropDownList').dataSource.data().length != 1) {
            $('#IskolaorTelefonszam').value = '';
        }
        $('#IskolaorId').data('kendoDropDownList').trigger("change");
    });
</script>