@using Petwork.Domain.ValueObjects.Profiles
@model BusinessProfileForm
@{
    ViewBag.Title = "Edit your business profile";
    Layout = "~/Views/Shared/_LayoutThreeBars.cshtml";

        // to be hijacked
        // this is a grid view of all pictures within an album
        // hijacked version shows the first picture in picture-view mode.
}

<div id="businessProfile" class="businessProfile businessProfileEditMode wallSection profile profileEditMode">
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
    
        <div class="header">
            <a class="tool" href="#" onclick="$('#businessProfile form').submit(); return false;" id="edit">@Resources.Profile.Save</a>
            <a class="tool" href="@Url.Action("Index", "Wall")" id="cancel">@Resources.Profile.Cancel</a>

            @Html.EditorFor(model => model.CommercialName)
            @Html.ValidationMessageFor(model => model.CommercialName)
        </div>
        <div class="ressume">
            <ul class="ns">
                <li>
                    <strong>@Resources.Profile.ServiceTags:</strong>
                </li>
                <li>
                    <span>@Resources.Profile.ServiceTags</span>
                    @Html.TextBoxFor(model => model.ServiceTagsForm, new { Class = "stags-autocomplete" })
                    @Html.ValidationMessageFor(model => model.ServiceTagsForm)
                </li>

                <li>
                    <strong>@Resources.Profile.Address</strong>
                </li>
                <li>
                    <span>@Resources.Profile.Street</span>
                    @Html.EditorFor(model => model.AddressStreetAndNumber)
                    @Html.ValidationMessageFor(model => model.AddressStreetAndNumber)
                </li>
                <li>
                    <span>@Resources.Profile.City</span>
                    @Html.TextBoxFor(model => model.AddressCityName, new { Class = "city" })
                    @Html.ValidationMessageFor(model => model.AddressCityName)
                </li>
                <li>
                    <span>@Resources.Profile.State</span>
                    @Html.TextBoxFor(model => model.State, new { Class = "state" })
                    @Html.ValidationMessageFor(model => model.State)
                </li>
                <li>
                    <span>@Resources.Profile.Zip</span>
                    @Html.EditorFor(model => model.AddressPostalCode)
                    @Html.ValidationMessageFor(model => model.AddressPostalCode)
                </li>
                <li>
                    <span>@Resources.Profile.Country</span>
                    @Html.TextBoxFor(model => model.Country, new { Class = "country" })
                    @Html.ValidationMessageFor(model => model.Country)
                </li>
                <li>
                    <span>@Resources.Profile.Latitude</span>
                    @Html.EditorFor(model => model.AddressLatitude)
                    @Html.ValidationMessageFor(model => model.AddressLatitude)
                </li>
                <li>
                    <span>@Resources.Profile.Longitude</span>
                    @Html.EditorFor(model => model.AddressLongitude)
                    @Html.ValidationMessageFor(model => model.AddressLongitude)
                </li>
                <li>
                    <strong>@Resources.Profile.Contact</strong></li>
                <li>
                    <span>@Resources.Profile.Phone</span>
                    @Html.EditorFor(model => model.PhoneNumber)
                    @Html.ValidationMessageFor(model => model.PhoneNumber)
                </li>
                <li>
                    <span>@Resources.Profile.Website</span>
                    @Html.EditorFor(model => model.Website)
                    @Html.ValidationMessageFor(model => model.Website)
                </li>
                <li>
                    <strong>@Resources.Profile.Description</strong></li>
                <li>
                    <span>@Resources.Profile.Headline</span>
                    @Html.TextBoxFor(model => model.Headline, new { Class = "w400p" })
                    @Html.ValidationMessageFor(model => model.Headline)
                </li>
                <li>
                    <span>@Resources.Profile.LongDescription</span>
                    <br />
                    @Html.TextAreaFor(model => model.LongDescription, new { Class = "markItUp" })
                    <br />
                    @Html.ValidationMessageFor(model => model.LongDescription)
                </li>
            </ul>
            <ul class="ns uiEditor">
                <li>
                    <span>@Resources.Profile.About</span>
                    @Html.TextAreaFor(model => model.About, new { Class = "markItUp" })
                    <br />
                    @Html.ValidationMessageFor(model => model.About)
                </li>
                <li>
                    <span>@Resources.Profile.History</span>
                    @Html.TextAreaFor(model => model.History, new { Class = "markItUp" })
                    <br />
                    @Html.ValidationMessageFor(model => model.History)
                </li>
                <li><strong>@Resources.Profile.MoreSections</strong></li>
                @if (Model.SectionNames != null)
                {
                    for (var i = 0; i < Model.SectionNames.Length; i++)
                    {
                    <li>
                        <span>@Model.SectionNames[i]:</span>
                        <input type="hidden" name="SectionNames" value="@Model.SectionNames[i]" />
                        <br />
                        <textarea name="SectionTexts" class="markItUp">@Model.SectionTexts[i]</textarea>
                    </li>                    
                    }
                }
            </ul>
            <ul id="moreSections" class="ns uiEditor">
                <li><a id="addMoreSections" href="#">+ @Resources.Profile.AddMoreSection</a></li>
                <li class="toHide"><span>@Resources.Profile.SectionName </span>
                    <input type="text" value="" />
                </li>
                <li class="toHide"><span>@Resources.Profile.SectionText </span>
                    <textarea class="markItUp"> </textarea>
                </li>
                <li class="toHide">
                    <a id="addSection" class="tool" href="#">@Resources.Profile.Add</a>
                    <a id="cancelAddSection" class="tool" href="#">@Resources.Profile.Cancel</a>
                </li>
            </ul>
        </div>
    }
</div>

@section sidebar
{
    @Html.Partial("_Sidebar")
}

@section aside{
    <div class="businessAside">
        <div class="asideWin">
            <h3>@Resources.Profile.MoreForBusiness</h3>
            <ul>
                <li><a href="#">@Resources.Profile.RegisterYourStore</a> </li>
                <li><a href="#">@Resources.Profile.AddPhotos</a> </li>
                <li><a href="#">@Resources.Profile.InviteFriends</a> </li>
                <li><a href="#">@Resources.Profile.MoreContextualActionsHere</a> </li>
            </ul>
        </div>

        <div class="asideWin">
            <h3>@Resources.Profile.Suggestions</h3>
        </div>
    </div>
}

@section foot {
    @* javascript ("~/Scripts/p4p.stags.js")" *@
    @* javascript ("~/Scripts/p4p.cities.js")" *@

    <script type="text/javascript">
        $(function () {
            $.extend(globals, {
                actionAutoCompleteSTags: '@Url.Action("AutoCompleteSTags", "PublicData")'
            });

            $(document).trigger("stags.ready");
            $(document).trigger("cities.ready");

            $(document).trigger("document.changed");

            $(document).trigger("BEP-add-more-sections.ready");

        });
    </script>
}