@model Site.Models.ServicosModel
@using Valorizza.PortalIntegrar.ConteudosSite

@if (Model.ConteudoPagina.NotIsNull())
{
    Imagem titulo = Model.ConteudoPagina.ObterImagemPorTipoImagem(Site.Properties.Settings.Default.TipoImagemTituloServico);

    <div class="content-container">
        <div class="conteudo-site">
            @if (titulo.NotIsNull())
            {
                <h1 id="titulo-interna" class="titulo-servico" style="background: url('@titulo.Url') no-repeat center center;"><span class="sr-only">@Model.ConteudoPagina.Assunto</span></h1>
            }
            else
            {
                <h1 id="titulo-interna" class="titulo-servicos"><span class="sr-only">@Model.ConteudoPagina.Assunto</span></h1>
            }

            <p class="p-descr-serv">
                @Html.Raw(Model.ConteudoPagina.Descricao.StripHtmlTagsRegexCompiled())
            </p>

            <p class="comp-redes">
                <strong>Compartilhar:</strong> @Html.Partial("PartialRedesSociais", Model.RedeSocial, new ViewDataDictionary { { "tipoConteudo", "serviço" }, { "nomeConteudo", @Model.ConteudoPagina.Assunto } })
            </p>

            <div class="button-container">
                <a id="id-modal" href="#modal-servicos" data-href-enviar="@Href("~/Contato/EnviarMaisInformacoes")" data-href="@Href("~/Contato/ReceberMaisInformacoes/"+Model.ConteudoPagina.Assunto)" role="button" class="btn-bg" data-toggle="modal">Obter mais informações</a>
            </div>

            @if (Model.ConteudoPagina.ObterImagemPorTipoImagem(Site.Properties.Settings.Default.TipoImagemDetalheServico).NotIsNull())
            {
                <div class="img-serv" style="background: url('@Model.ConteudoPagina.ObterImagemPorTipoImagem(Site.Properties.Settings.Default.TipoImagemDetalheServico).Url') no-repeat center center; background-size:cover"></div>
            }

            @if (Model.ConteudoPaginaFilhos.NotIsNull())
            {
                <div class="outros-container">
                    <h2>Outros <strong>Serviços</strong></h2>
                    <ul>
                        @foreach (var servico in Model.ConteudoPaginaFilhos)
                        {
                            <li class="outros-item" style="background: url('@servico.ImagemUrl') no-repeat center center; background-size:cover">
                                <a href="~/Servicos/Detalhe/@servico.AssuntoUrlAmigavel"><span>@servico.Assunto</span></a>
                            </li>
                        }
                    </ul>
                </div>
            }
        </div>
    </div>
    <div class="modal fade" id="modal-servicos" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span class="sr-only">Fechar formulário de recebimento de mais informações</span>
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">

                </div>
            </div>
        </div>
    </div>
}

@Html.Partial("PartialFooter")
