${_self.Head('vwpericias_demandas.cabecalho',o)}

<div id="m_reg_${o.ref}" o-id="${o.id}" class="card mx-2 my-3">
    <div class="card-header text-black">
        <div class="row">
            <div class="col"><b>${o._id_demandas_tipo.tipo_demanda != 'Extrajudicial' ? o._id_municipio.nome+'/'+o._id_municipio.uf : ''}</b></div>
            <div class="col text-right">${o._id_demandas_tipo.tipo_demanda}, complexidade ${o._id_demandas_complexidade.complexidade}</div>
        </div>
    </div>
    <div class="card-body">
        <div class="text-right text-secondary" style="font-size:11px">CÓDIGO: ${o.codigo}</div>
        <h5 class="card-title text-violeta">${o.assunto}</h5>
        <b>${o._id_demandas_area.area}</b>
        <p class="card-text">${o.descr}</p>
        <a href="#" class="btn ${o.inscrito!='' ? 'btn-primary' : 'btn-violeta'} ${(o.fechada=='1' || o.prazo_encerrado=='1') ? 'd-none' : ''}"
           o-form="form"
           o-form-object="demandas"
           o-form-title="Detalhes da Demanda"
           o-form-cb="DemandaInscricao"
           o-form-validate="DemandaInscricao"
           o-form-bt-name="${o.inscrito!='' ? 'Cancelar inscrição' : parseInt(o.creditos)>0 ? 'Inscrever-se (1 crédito)' : 'Você não tem mais créditos'}"
           o-form-bt-class="${o.inscrito!='' ? 'cancelar' : parseInt(o.creditos)>1 ? 'aceitar' : 'semcredito'}"
           o-ref="${o.ref}"
           o-form-class="modal-xl">
            <i class="fa fa-${o.inscrito!='' ? 'check' : 'eye'}"></i> ${o.inscrito!='' ? 'Inscrito!' : 'Ver detalhes'}
        </a>
        <a href="#" class="btn btn-secondary ${o.fechada!='1' ? 'd-none' : ''}">limite de inscrições atingido</a> <a href="#" class="btn btn-secondary ${o.prazo_encerrado!='1' ? 'd-none' : ''}">prazo encerrado</a>
    </div>
    <div class="card-footer text-muted">
        <div class="row">
            <div class="col">
                Data Limite
            </div>
            <div class="col  text-center">
                ${o._id_demandas_tipo.tipo_demanda != 'Extrajudicial' ? 'Data Perícia' : ''}
            </div>
            <div class="col text-right">
                Data Cadastrada
            </div>
        </div>
        <div class="row">
            <div class="col text-black">
                ${o.data_limite_v}
            </div>
            <div class="col text-center text-black">
                ${o.data_pericia_v}
            </div>
            <div class="col text-right text-black">
                ${o.DataRegistro_v}h
            </div>
        </div>
    </div>
</div>