Autorizacao.cshtml

@using Autorizacoes.Internet
@{
    ViewBag.Title = "Autorizacao " + ViewBag.Guia;
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Justificativa por escrito</h4>
            </div>
            <div class="modal-body">
                <p>De acordo com a ANS 319, caso o beneficiário queira, a prestadora deve fornecer, por escrito, um documento explicando o porque da negação da autorização</p>
                <p>Embora seja opcional ser pedido via internet, a regra pede que fique explicito o telefone e/ou endereço, coisa que não acontece hoje</p>
                <p><strong>Deseja pedir a justificativa da autorização?</strong></p>
                <textarea class="form-control" placeholder="Comentário sobre o pedido: Gostaria de saber porque...." rows="5"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
                <button type="button" id="btn-envio" class="btn btn-primary" data-disable="true">Sim</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <div class="page-header">
                <h2 style="display: inline-table">
                    Autorização: <small>@ViewBag.Guia</small>
                </h2>
                <div style="text-align: right">
                    <button type="button" class="btn btn-default btn-large btn-primary" data-disable="true" data-toggle="modal" data-target="#myModal">Justificativa por escrito</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            @Html.Action("Detalhes", "Consulta", new { ViewBag.HandleAutorizacao })
        </div>
    </div>
</div>

@section ScriptPage{
    <script>

        var desabilitarBotoes = function () {
            var botoes = $("*[data-disable]");
            botoes.attr("disabled", true);
            $("[data-dismiss=modal]").trigger({ type: "click" });
        };
        $(function() {
            $("#btn-envio").on("click", desabilitarBotoes);
        });
    </script>
}

AutorizacoesDetalhesPV.cshtml

@model Autorizacoes.Internet.ViewModels.AutorizacaoDetalhesViewModel

<div class="panel panel-default">
    <div style="margin: 1em;">
        <h4>Prezado Sr. @ViewBag.Usuario</h4>
        <p>A Caixa de Assistência dos Funcionários do Banco do Brasil informa, a seguir, o andamento da sua solicitação de autorização para o(s) procedimento(s) solicitado(s) pelo profissional de saúde:</p>
        <hr />
        <div class="row">
            <div class="col-md-2 col-xs-6">
                <div class="form-group">
                    <label>Status:</label><br />
                    <span><i class="fa fa-exclamation-circle" aria-hidden="true"></i> Não Autorizado</span>
                </div>
            </div>
            <div class="col-md-2 col-xs-6">
                <div class="form-group">
                    <label>Participante:</label><br />
                    <span>KIMICA SANOMIA SABANAI</span>
                </div>
            </div>
            <div class="col-md-2 col-xs-6">
                <div class="form-group">
                    <label>Matricula:</label><br />
                    <span>004.226740.01</span>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="form-group">
                    <label>Nome prestador:</label><br />
                    <span>
                        REAL E BEN ASSOC PORT DE BENEF - HOSP SÃO JOAQUIM
                    </span>
                </div>
            </div>
            <div class="col-md-2 col-xs-6">
                <div class="form-group">
                    <label>Cidade de origem:</label><br />
                    <span>
                        SAO PAULO / SÃO PAULO
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Table -->
    <table class="table">
        <thead>
            <tr>
                <th>Descrição</th>
                <th class="text-center">Qtd.Limite</th>
                <th class="text-center">Saldo a Utilizar</th>
                <th>Tipo Limite</th>
            </tr>
        </thead>
        <tbody>
            <tr class="active">
                <td colspan="8"><strong>Beneficiário: </strong>HIROYOSHI SABANAI</td>
            </tr>
            <tr>
                <td>Fisio Rec. Reumatológicas 25.05.003-6/2.01.03.506</td>
                <td class="text-center">48</td>
                <td class="text-center">38</td>
                <td>Quantidade</td>
            </tr>
            <tr>
                <td>9901001-1/3.16.01.014 Acupuntura</td>
                <td class="text-center">30</td>
                <td class="text-center">25</td>
                <td>Quantidade</td>
            </tr>
            <tr class="active">
                <td colspan="8"><strong>Beneficiário: </strong>KIMICA SANOMIA SABANAI</td>
            </tr>
            <tr>
                <td>Fisio Rec. Reumatológicas 25.05.001-0/2.01.03.484</td>
                <td class="text-center">48</td>
                <td class="text-center">28</td>
                <td>Quantidade</td>
            </tr>
            <tr>
                <td>02506006-6 Fisioterapia Ortop. e Traumatológicas</td>
                <td class="text-center">48</td>
                <td class="text-center">38</td>
                <td>Quantidade</td>
            </tr>
            <tr>
                <td>9901001-1/3.16.01.014 Acupuntura</td>
                <td class="text-center">30</td>
                <td class="text-center">25</td>
                <td>Quantidade</td>
            </tr>
        </tbody>
    </table>
</div>

<div class="panel panel-default">
    <div class="panel-heading">
        <strong>Procedimento solicitado</strong>
        <table class="table table-striped" id="tabelaprocedimentos"></table>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading panel-verde">
        <div class="row">
            <div class="col-md-12">
                <strong>Procedimentos Aprovados</strong>
                <table class="table table-striped"></table>
            </div>
        </div>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading panel-laranja">
        <div class="row">
            <div class="col-md-12">
                <strong>Procedimentos Em Análise</strong>
                <table class="table table-striped"></table>
            </div>
        </div>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading panel-vermelho">
        <div class="row">
            <div class="col-md-12">
                <strong>Procedimentos Negados</strong>
                <table class="table table-striped"></table>
            </div>
        </div>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading panel-amarelo">
        <div class="row">
            <div class="col-md-4">
                <strong>Procedimento Aguardando Justificativa Técnica</strong>
            </div>
            <div class="col-md-8">
                <div style="text-align: right">
                    <button class="btn btn-default btn-danger">Enviar Justificativa</button>
                </div>
            </div>
        </div>
        <div class="row">
            <table class="table table-striped" id="tabelaprocedimentos"></table>
        </div>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading panel-preto">
        <div class="row">
            <div class="col-md-12">
                <strong>Procedimentos Cancelados</strong>
                <table class="table table-striped"></table>
            </div>
        </div>
    </div>
</div>

ConsultaController.cs

using System.Linq;
using Autorizacao.Core.Negocio.Servicos;
using Autorizacoes.Internet.Filters;
using Autorizacoes.Internet.ViewModels;
using System.Web.Mvc;
using SMS.Intranet.Utilities;

namespace Autorizacoes.Internet.Controllers
{
    public class ConsultaController : Controller
    {
        private readonly ServicoAutorizacoes _servicoAutorizacao;
        private readonly RepositorioTempData _repositorioTempData;

        public ConsultaController()
        {
            _servicoAutorizacao = new ServicoAutorizacoes();
            _repositorioTempData = new RepositorioTempData(TempData);
        }

        [HttpGet]
        [ConsultaFilter]
        public ActionResult Autorizacao(string guia)
        {
            // TODO: Alterar estes viewbags para tipos fortemente tipados
            ViewBag.HandleAutorizacao = "3232132";
            ViewBag.Guia = guia;
            return View();
        }

        [HttpGet]
        [ChildActionOnly]
        public ActionResult Detalhes(int handleautorizacao)
        {
            // TODO: Buscar o detalhes da autorizacao
            var r = _servicoAutorizacao.BuscarAutorizacaoDetalhada(handleautorizacao);
            ViewBag.Usuario = "HIROYOSHI SABANAI";
            return PartialView("AutorizacaoDetalhesPV", new AutorizacaoDetalhesViewModel());
        }

        public ActionResult BuscarProcedimentosJSON(string guia)
        {
            var r = _servicoAutorizacao.BuscarProcedimentos(guia);

            return Json(r);
        }
    }
}

Index.cshtml

@using Autorizacoes.Internet
@using Autorizacoes.Internet.Utilities
@{
    ViewBag.Title = "Consulta";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <h3>Autorizações para Procedimentos</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="panel panel-default" style="text-align: center">
                <div class="panel-body">
                    @using (Html.BeginForm("Autorizacao", "Consulta", FormMethod.Get))
                    {
                        <div class="form-group">
                            <h4>Número da Guia - Data</h4>
                            @Html.DropDownForAutorizacoes()
                        </div>

                        <button type="submit" class="btn btn-default btn-primary"><i class="fa fa-search" aria-hidden="true"></i>Consultar</button>
                    }
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div id="legenda">
            <div class="col-md-offset-4 col-md-4">
                <br>
                <div class="col-md-12 col-sm-12"><b>Legenda:</b></div>
                <br>
                <br>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaLaranja">___</span>  Em análise
                </div>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaVerde">___</span>  Autorizado
                </div>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaVermelho">___</span> Negado
                </div>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaAmarelo">___</span>  Aguardando justificativa técnica do solicitante
                </div>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaAzul">___</span>  Autorizado Parcialmente
                </div>
                <div class="col-md-12 col-sm-12">
                    <span class="legendaPreto">___</span> Solicitação cancelada
                </div>
            </div>
        </div>
    </div>
</div>