@extends('adminlte::page')

@section('content_header')
    <label>{{ $cliente->nome_fantasia }} > {{ $convenio->nome_fantasia }}</label>
@endsection

@section('content')
    <div class="card" :json="[form.setData({{ $data }}),
                                form.setCustomData('novo_procedimento', {{ $novo_procedimento }}),
                                form.setCustomData('url_procedimentos', '{{ $url_procedimentos }}'),
                                form.setCustomData('medicos', {{ $cliente->medicos }}),
                                form.setCustomData('planos', {{ $convenio->planos }}),]">
        <div class="card-body">
            <form @submit.prevent="$refs.submit.submit_form">
                <div class="row">
                    <div class="col-md-6">
                        <label>Contrato ATD x Prestador</label>
                        <v-select v-model="form.data.cliente_convenio_id"
                            :reduce="contrato => contrato.id"
                            :options='@json($cliente_convenios)'
                            ref="cliente_convenio_id"
                            label="contrato">
                            <span slot="no-options">Nenhum item encontrado</span>
                            <template v-slot:option="option">
                                @{{ option.contrato }} - @{{ option.inicio_formatado }} - @{{ option.termino_formatado }} -&nbsp;<span class="text-success">@{{ option.ativo ? 'ATIVO' : '' }}</span>
                            </template>

                            <template #selected-option="option">
                                @{{ option.contrato }} - @{{ option.inicio_formatado }} - @{{ option.termino_formatado }} -&nbsp;<span class="text-success">@{{ option.ativo ? 'ATIVO' : '' }}</span>
                            </template>
                            <template #search="{attributes, events}">
                                <input
                                class="vs__search"
                                :required="!form.data.cliente_convenio_id"
                                v-bind="attributes"
                                v-on="events"
                                />
                            </template>
                        </v-select>
                    </div>
                    <div class="col-md-6">
                        <label>Plano no Prestador</label>
                        <v-select v-model="form.data.convenio_plano_id" :reduce="plano => plano.id" :options='form.planos' label="nome">
                            <span slot="no-options">Nenhum item encontrado</span>
                            <template v-slot:option="option">
                                @{{ option.nome }}
                            </template>

                            <template #selected-option="option">
                                @{{ option.nome }}
                            </template>

                            <template #search="{attributes, events}">
                                <input
                                class="vs__search"
                                :required="form.planos.length > 0 && !form.data.convenio_plano_id"
                                v-bind="attributes"
                                v-on="events"
                                />
                            </template>
                        </v-select>
                    </div>
                </div>
                <div class="row border border mt-3">
                    <div class="col-md-8 align-self-center">
                        <h3 class="text-center">Guia de Honorários</h3>
                    </div>
                    <div class="form-group col-md-4">
                        <label>Nº da Guia no Prestador</label>
                        <input type="text" class="form-control" v-model="form.data.cabecalho_numero_guia_prestador" @change="nGuiaPrestadorChange" maxlength="20" required />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Registro ANS</label>
                        <input type="text" class="form-control" value="{{ $convenio->ans }}" required disabled />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Nº Guia de Solicitação de internação</label>
                        <input type="text" class="form-control" v-model="form.data.guia_solic_internacao" maxlength="20" required/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>Senha</label>
                        <input type="text" class="form-control" v-model="form.data.senha" maxlength="20" />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Nº Guia Atribuído Operadora</label>
                        <input type="text" class="form-control" v-model="form.data.cabecalho_numero_guia_operadora" maxlength="20" />
                    </div>
                </div>

                <fieldset class="row border rounded mt-3">
                    <legend>Dados do Beneficiário</legend>
                    <div class="form-group col-md-3">
                        <label>Nº Carteira</label>
                        <input type="text" class="form-control" v-model="form.data.dados_beneficiario_numero_carteira" maxlength="20" required/>
                    </div>
                    <div class="form-group col-md-6">
                        <label>Nome</label>
                        <input type="text" class="form-control" v-model="form.data.dados_beneficiario_nome_beneficiario" maxlength="70" required/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>Atendimento a RN</label>
                        <select class="form-control" v-model="form.data.dados_beneficiario_atendimento_rn" required>
                            <option value="N">Não</option>
                            <option value="S">Sim</option>
                        </select>
                    </div>
                </fieldset>

                <fieldset class="row border rounded mt-3">
                    <legend>Dados do Contratado (onde foi executado o procedimento)</legend>
                    <div class="form-group col-md-2">
                        <label>Cód. na Operadora</label>
                        <input type="text" class="form-control" v-model="form.data.local_contratado_codigo_na_operadora" required/>
                    </div>
                    <div class="form-group col-md-4">
                        <label>Nome do Hospital/Local</label>
                        <input type="text" class="form-control" v-model="form.data.local_contratado_nome" required/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>CNPJ do Contratado</label>
                        <the-mask type="tel" class="form-control" mask="##.###.###/####-##" v-model="form.data.local_contratado_cnpj_local_executante" />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Cód. CNES</label>
                        <input type="text" class="form-control" v-model="form.data.local_contratado_cnes" required/>
                    </div>
                </fieldset>
                <fieldset class="row border rounded mt-3">
                    <legend>Dados do Contratado Executante</legend>
                    <div class="form-group col-md-2">
                        <label>Cód. na Operadora</label>
                        <input type="text" class="form-control" v-model="form.data.contratato_executante_codigo_na_operadora" required/>
                    </div>
                    <div class="form-group col-md-7 ">
                        <label>Nome do Contratado</label>
                        <input type="text" class="form-control" v-model="form.data.contratato_executante_nome" required/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>Cód. CNES</label>
                        <input type="text" class="form-control" v-model="form.data.contratato_executante_cnes" required/>
                    </div>
                </fieldset>

                <fieldset class="row border rounded mt-3">
                    <legend>Dados da Internação</legend>
                    <div class="form-group col-md-3">
                        <label>Data do Início do Faturamento</label>
                        <input type="date" class="form-control" v-model="form.data.dados_internacao_data_inicio_faturamento" required/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>Data do Fim do Faturamento</label>
                        <input type="date" class="form-control" v-model="form.data.dados_internacao_data_fim_faturamento" required/>
                    </div>
                </fieldset>

                <!-- -------------------------------------------------------- -->
                <!-- Procedimentos Realizados -->
                <fieldset class="row border rounded mt-3">
                    <legend>
                        Procedimentos Realizados
                        <button class="btn btn-sm" type="button" title="Adicionar Procedimento" @click="addProcedimento">
                            <i class="far fa-plus-square text-success" style="font-size: 1.4rem;"></i>
                        </button>
                    </legend>

                    <fieldset class="col-12 border-danger" v-for="(procedimento, k) in form.data.procedimentos_realizados.filter((procedimento) => !procedimento.deleted)" :key="k">
                        <legend class="text-danger">
                            Seq. <span v-html="k+1"></span>
                            <button class="btn btn-sm float-right" type="button" title="Remover Procedimento" @click="delProcedimento(k)">
                                <i class="far fa-minus-square text-danger" style="font-size: 1.4rem;"></i>
                            </button>
                        </legend>
                        <div class="row">
                            <div class="form-group col-md-2">
                                <label>Data</label>
                                <input type="date" class="form-control" v-model="procedimento.data_execucao" required/>
                            </div>
                            <div class="form-group col-md-2">
                                <label>Hora Inicial</label>
                                <input type="time" class="form-control" v-model="procedimento.hora_inicial"/>
                            </div>
                            <div class="form-group col-md-2">
                                <label>Hora Final</label>
                                <input type="time" class="form-control" v-model="procedimento.hora_final"/>
                            </div>
                            <div class="form-group col-md-4">
                                <label>
                                    Procedimento
                                    <small class="text-danger" v-if="form.planos.length > 0 && !form.data.convenio_plano_id">Selecione o Plano no Prestador</small>
                                </label>
                                <v-select v-model="procedimento.procedimento_obj"
                                    :disabled="form.planos.length > 0 && !form.data.convenio_plano_id"
                                    @input="(val) => {procedimento.procedimento_id = val.id; atualizaValorProcedimento(procedimento)}"
                                    @search="(search) => fetchOptions(search, null, procedimento)"
                                    :filterable="false"
                                    :options="procedimento.procedimentos_pesquisa"
                                    label="id">
                                    <span slot="no-options">Nenhum item encontrado</span>
                                    <template v-slot:option="option">
                                        @{{ option.tabela }} - @{{ option.codigo }} - @{{ option.termo }}
                                    </template>

                                    <template #selected-option="option">
                                        @{{ option.tabela }} - @{{ option.codigo }} - @{{ option.termo }}
                                    </template>

                                    <template #no-options="{ search, searching, loading }">
                                        Nenhum termo encontrado. Comece a digitar para pesquisar.
                                    </template>

                                    <template #search="{attributes, events}">
                                        <input
                                        class="vs__search"
                                        :required="!procedimento.procedimento_id"
                                        v-bind="attributes"
                                        v-on="events"
                                        />
                                    </template>
                                </v-select>
                            </div>
                            <div class="form-group col-md-2">
                                <label>Valor Procedimento</label>
                                <money class="form-control" :value="procedimento.procedimento_obj?.valor" v-bind="money_config" required disabled></money>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Qtde</label>
                                <input type="number" class="form-control" v-model="procedimento.quantidade_executada" min="1" step="1" @blur="atualizaValorProcedimento(procedimento, false)"/>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Via</label>
                                <v-select v-model="procedimento.via_acesso_obj"
                                    @input="(val) => {procedimento.via_acesso = val.codigo; atualizaValorProcedimento(procedimento);}"
                                    :options='@json(App\Models\Terminologia::listViaAcesso())'
                                    :filter="terminologiasSearch"
                                    label="codigo">
                                    <span slot="no-options">Nenhum item encontrado</span>
                                    <template v-slot:option="option">
                                        @{{ option.codigo }} - @{{ option.termo }}
                                    </template>

                                    <template #selected-option="option">
                                    @{{ option.codigo }} - @{{ option.termo }}
                                    </template>
                                </v-select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Técnica</label>
                                <v-select v-model="procedimento.tecnica_utilizada_obj"
                                    @input="(val) => {procedimento.tecnica_utilizada = val.codigo; atualizaValorProcedimento(procedimento);}"
                                    :options='@json(App\Models\Terminologia::listTecnicaUtilizada())'
                                    :filter="terminologiasSearch"
                                    label="codigo">
                                    <span slot="no-options">Nenhum item encontrado</span>
                                    <template v-slot:option="option">
                                        @{{ option.codigo }} - @{{ option.termo }}
                                    </template>

                                    <template #selected-option="option">
                                    @{{ option.codigo }} - @{{ option.termo }}
                                    </template>
                                </v-select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>Tipo Acomodação</label>
                                <v-select v-model="procedimento.tipo_acomodacao_obj"
                                    @input="(val) => {procedimento.tipo_acomodacao = val.codigo; atualizaValorProcedimento(procedimento);}"
                                    :options='@json(App\Models\Terminologia::listTipoAcomodacao())'
                                    :filter="terminologiasSearch"
                                    label="codigo">
                                    <span slot="no-options">Nenhum item encontrado</span>
                                    <template v-slot:option="option">
                                        @{{ option.codigo }} - @{{ option.termo }}
                                    </template>

                                    <template #selected-option="option">
                                    @{{ option.codigo }} - @{{ option.termo }}
                                    </template>
                                </v-select>
                            </div>
                            <div class="form-group col-md-4">
                                <label>Red. Acrés.</label>
                                <money class="form-control" v-model="procedimento.reducao_acrescimo" required @blur.native="atualizaValorProcedimento(procedimento, false)" ></money>
                            </div>
                            <div class="form-group col-md-4">
                                <label>Valor Unit.</label>
                                <money class="form-control" v-model="procedimento.valor_unitario" v-bind="money_config" required disabled></money>
                            </div>
                            <div class="form-group col-md-4">
                                <label>Valor Total</label>
                                <money class="form-control" v-model="procedimento.valor_total" v-bind="money_config" required disabled></money>
                            </div>
                        </div>


                        <!-- -------------------------------------------------------- -->
                        <!-- Profissionais executantes -->
                        <fieldset class="col-12 border rounded mt-1">
                            <legend>
                                Profissionais executantes
                                <button class="btn btn-sm" type="button" title="Adicionar Profissional" @click="procedimento.profissionais.push({});">
                                    <i class="far fa-plus-square text-success" style="font-size: 1.4rem;"></i>
                                </button>
                            </legend>
                            <div class="row" v-for="(profissional, j) in procedimento.profissionais.filter((profissional) => !profissional.deleted)" :key="j">
                                <div class="form-group col-md-1">
                                    <label>Seq.</label>
                                    <input type="number" class="form-control" :value="j+1" required disabled/>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Grau de Participação</label>
                                    <v-select v-model="profissional.grau_part_obj"
                                        @input="(val) => {profissional.grau_part = val.codigo; atualizaValorProfissional(procedimento, profissional); calculaValores()}"
                                        :options='@json(App\Models\Terminologia::listGrauParticipacao())'
                                        :filter="terminologiasSearch"
                                        label="codigo">
                                        <span slot="no-options">Nenhum item encontrado</span>
                                        <template v-slot:option="option">
                                            @{{ option.codigo }} - @{{ option.termo }}
                                        </template>
                                        <template #selected-option="option">
                                        @{{ option.codigo }} - @{{ option.termo }}
                                        </template>
                                        <template #search="{attributes, events}">
                                            <input
                                            class="vs__search"
                                            :required="!profissional.grau_part"
                                            v-bind="attributes"
                                            v-on="events"
                                            />
                                        </template>
                                    </v-select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Profissional Executante</label>
                                    <v-select v-model="profissional.medico_id"
                                        :reduce="medico => medico.id"
                                        :options='form.medicos'
                                        :filter="medicoSearch"
                                        label="nome">
                                        <span slot="no-options">Nenhum item encontrado</span>
                                        <template v-slot:option="option">
                                            @{{ option.nome }} [ @{{ option.numero_conselho }}/@{{ option.uf_conselho }} - @{{ option.conselho?.termo }} - CBO: @{{ option.cbo }}]
                                        </template>
                                        <template #selected-option="option">
                                            @{{ option.nome }} [ @{{ option.numero_conselho }}/@{{ option.uf_conselho }} - @{{ option.conselho?.termo }} - CBO: @{{ option.cbo }}]
                                        </template>
                                        <template #search="{attributes, events}">
                                            <input
                                            class="vs__search"
                                            :required="!profissional.medico_id"
                                            v-bind="attributes"
                                            v-on="events"
                                            />
                                        </template>
                                    </v-select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Valor</label>
                                    <money class="form-control" v-model="profissional.valor" v-bind="money_config" required @blur.native="calculaValores()"></money>
                                </div>
                                <div class="form-group col-md-1 align-self-end">
                                    <button v-if="j>0" class="btn btn-sm float-right" type="button" title="Remover Profissional" @click="delProfissional(procedimento, j)">
                                        <i class="far fa-minus-square text-danger" style="font-size: 1.4rem;"></i>
                                    </button>
                                </div>
                                <hr class="col-5 my-2 bg-warning">
                            </div>
                        </fieldset>
                    </fieldset>
                </fieldset>

                <fieldset class="row border rounded mt-3">
                    <div class="form-group col-md-3">
                        <label>Data de Emissão da Guia</label>
                        <input type="date" class="form-control" v-model="form.data.data_emissao_guia" required/>
                    </div>
                    <div class="form-group col-md-6">
                        <label>Observação / Justificativa</label>
                        <input type="text" class="form-control" v-model="form.data.observacao" maxlength="500"/>
                    </div>
                    <div class="form-group col-md-3">
                        <label>Total Geral</label>
                        <money class="form-control" v-model="form.data.valor_total_honorarios" v-bind="money_config" required disabled></money>
                    </div>
                </fieldset>

                <div class="row">
                    <div class="col-md-6">
                        <button type="button" class="btn btn-secondary btn-block" onclick="history.back(-1)">Cancelar</button>
                    </div>
                    <div class="col-md-6">
                        <submit-btn ref="submit" url="{{ route('clientes.convenios.guia_honorarios.store', [$cliente->id, $convenio->id]) }}" >Salvar</submit-btn>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection