@extends('layouts.secundario.create')
@section('voltar')
    <a class="btn btn-secondary" href="{{ route('geral', ['recurso', 'api-servico', \App\Structural\Enums\Estrutura\Acao::CONSULTAR->slug()]) }}">Voltar</a>
@endsection
@section('fields')
    <input type="hidden" name="comunicacao" value="{{\App\Structural\Enums\Recurso\Comunicacao::SOAP->value}}">
    <div class="row mb-3">
        <div class="soel-form-field col-6">
            {{
                \App\Models\Recurso\Api\ApiProvedor::cleanInstance()
                ->setCampoChaveExterno('descricao')
                ->configuraExterno()
                ->setLabel('Provedor')
                ->setName('api_provedor_id')
                ->setValue(old('api_provedor_id', $model->api_provedor_id))
                ->addWhere('comunicacao', '=', \App\Structural\Enums\Recurso\Comunicacao::SOAP->value)
                ->imprimeExterno()
            }}
        </div>
    </div>
    <div class="row mb-3">
        <div class="soel-form-field col">
            <x-form.inputs.text
                label="Descrição"
                name="descricao"
                :value="old('descricao', $model->descricao)">
            </x-form.inputs.text>
        </div>
        <div class="soel-form-field col-3">
            <x-form.inputs.text
                label="Slug"
                name="slug"
                :value="$model->slug">
            </x-form.inputs.text>
        </div>
        <div class="soel-form-field col-2">
            <x-form.inputs.select
                label="Situação"
                name="situacao"
                :options="\App\Structural\Enums\Situacao::valuesAssociative()"
                :value="old('situacao', $model->situacao) ?? $model->getCampos()['situacao']->getInputOptions()->getValorDefault()">
            </x-form.inputs.select>
        </div>
        @if(\Illuminate\Support\Facades\Auth::user()->isManutencao())
            <div class="soel-form-field col-2">
                <x-form.inputs.select
                    label="Padrão Sistema"
                    name="padrao_sistema"
                    :options="\App\Structural\Enums\SimNao::valuesAssociative()"
                    :value="old('padrao_sistema', $model->padrao_sistema) ?? $model->getCampos()['padrao_sistema']->getInputOptions()->getValorDefault()">
                </x-form.inputs.select>
            </div>
        @endif
    </div>

    <div class="soap-form">
        <div class="row mb-3">
            <div class="soel-form-field col-4">
                <x-form.inputs.text
                    label="URL Base"
                    name="url_base"
                    :disabled="true"
                    :value="$model->provedor?->url_base">
                </x-form.inputs.text>
            </div>
            <div class="soel-form-field col">
                <x-form.inputs.text
                    label="Caminho"
                    name="url"
                    :value="old('url', $model->url)">
                </x-form.inputs.text>
            </div>
            <div class="col-auto align-self-end">
                <button type="button" class="btn btn-secondary" id="obterOperacoes">Obter Operações</button>
            </div>
        </div>
        <div class="row mb-3">
            <div class="soel-form-field col-6">
                <x-form.inputs.select
                    label="Operação"
                    name="operacao"
                    :value="old('operacao', $model->operacao)"
                    :options="$model->operacao ? [$model->operacao => $model->operacao] : []">
                </x-form.inputs.select>
            </div>
        </div>
        {{--        <div class="card mb-3">--}}
        {{--            <div class="card-body">--}}
        {{--                <h5 class="text-muted">Parâmetros</h5>--}}
        {{--                <hr>--}}
        {{--                <ul class="nav nav-tabs" id="myTab" role="tablist">--}}
        {{--                    <li class="nav-item" role="presentation">--}}
        {{--                        <button class="nav-link active" id="cabecalho-tab" data-bs-toggle="tab" data-bs-target="#cabecalho"--}}
        {{--                                type="button" role="tab" aria-controls="cabecalho" aria-selected="true">Cabeçalho--}}
        {{--                        </button>--}}
        {{--                    </li>--}}
        {{--                    <li class="nav-item" role="presentation">--}}
        {{--                        <button class="nav-link" id="entrada-tab" data-bs-toggle="tab" data-bs-target="#entrada"--}}
        {{--                                type="button" role="tab" aria-controls="entrada" aria-selected="false">Entrada--}}
        {{--                        </button>--}}
        {{--                    </li>--}}
        {{--                    <li class="nav-item" role="presentation">--}}
        {{--                        <button class="nav-link" id="saida-tab" data-bs-toggle="tab" data-bs-target="#saida"--}}
        {{--                                type="button" role="tab" aria-controls="saida" aria-selected="false">Saída--}}
        {{--                        </button>--}}
        {{--                    </li>--}}
        {{--                </ul>--}}

        {{--                <div class="tab-content" id="tabs">--}}
        {{--                    <div class="tab-pane fade show active" id="cabecalho" role="tabpanel"--}}
        {{--                         aria-labelledby="cabecalho-tab">--}}
        {{--                        <div class="mt-4">--}}
        {{--                            <h5 class="text-muted">Cabeçalhos</h5>--}}
        {{--                            <div class="repeater-cabecalho">--}}

        {{--                                <div data-repeater-list="cabecalho">--}}
        {{--                                    @forelse (collect(old('cabecalho', $model->cabecalho ? (json_decode($model->cabecalho, true)) : [])) as $key => $cabecalho)--}}
        {{--                                        <div data-repeater-item>--}}
        {{--                                            <div class="row mb-2">--}}
        {{--                                                <div class="col">--}}
        {{--                                                    <x-form.inputs.text--}}
        {{--                                                        label="Chave"--}}
        {{--                                                        name="chave"--}}
        {{--                                                        :required="false"--}}
        {{--                                                        :value="$cabecalho['chave']">--}}
        {{--                                                    </x-form.inputs.text>--}}
        {{--                                                </div>--}}
        {{--                                                <div class="col">--}}
        {{--                                                    <x-form.inputs.text--}}
        {{--                                                        label="Valor"--}}
        {{--                                                        name="valor"--}}
        {{--                                                        :required="false"--}}
        {{--                                                        :value="$cabecalho['valor']">--}}
        {{--                                                    </x-form.inputs.text>--}}
        {{--                                                </div>--}}
        {{--                                                <div class="col-auto align-self-end">--}}
        {{--                                                    <input data-repeater-delete type="button" value="Remover" class="btn btn-danger"/>--}}
        {{--                                                </div>--}}
        {{--                                            </div>--}}
        {{--                                        </div>--}}
        {{--                                    @empty--}}
        {{--                                        <div data-repeater-item>--}}
        {{--                                            <div class="row mb-2">--}}
        {{--                                                <div class="col">--}}
        {{--                                                    <x-form.inputs.text--}}
        {{--                                                        label="Chave"--}}
        {{--                                                        name="chave"--}}
        {{--                                                        id="inputChaveCabecalho"--}}
        {{--                                                        :required="false">--}}
        {{--                                                    </x-form.inputs.text>--}}
        {{--                                                </div>--}}
        {{--                                                <div class="col">--}}
        {{--                                                    <x-form.inputs.text--}}
        {{--                                                        label="Valor"--}}
        {{--                                                        name="valor"--}}
        {{--                                                        id="inputValorCabecalho"--}}
        {{--                                                        :required="false">--}}
        {{--                                                    </x-form.inputs.text>--}}
        {{--                                                </div>--}}
        {{--                                                <div class="col-auto align-self-end">--}}
        {{--                                                    <input data-repeater-delete type="button" value="Remover"--}}
        {{--                                                           class="btn btn-danger"/>--}}
        {{--                                                </div>--}}
        {{--                                            </div>--}}
        {{--                                        </div>--}}
        {{--                                    @endforelse--}}
        {{--                                </div>--}}
        {{--                                <div class="row mt-2">--}}
        {{--                                    <div class="col">--}}
        {{--                                        <input data-repeater-create class="btn btn-primary" type="button" value="Adicionar"/>--}}
        {{--                                    </div>--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                        </div>--}}
        {{--                    </div>--}}
        {{--                    <div class="tab-pane fade" id="entrada" role="tabpanel" aria-labelledby="entrada-tab">--}}
        {{--                        <div class="mt-4">--}}
        {{--                            <h5 class="card-title">Entradas</h5>--}}
        {{--                            <div class="card bg-light">--}}
        {{--                                <div class="card-body">--}}
        {{--                                    <div id="jstree"></div>--}}
        {{--                                    <input type="hidden" name="entrada">--}}
        {{--                                </div>--}}
        {{--                            </div>--}}
        {{--                        </div>--}}
        {{--                    </div>--}}
        {{--                    <div class="tab-pane fade" id="saida" role="tabpanel" aria-labelledby="saida-tab">--}}
        {{--                        <div class="mt-4">--}}
        {{--                            <x-form.inputs.text--}}
        {{--                                label="Saída"--}}
        {{--                                name="saida[xpath]"--}}
        {{--                                :required="false"--}}
        {{--                                :value="old('saida.xpath', $model->saida ? json_decode($model->saida)->xpath : null)">--}}
        {{--                            </x-form.inputs.text>--}}
        {{--                        </div>--}}
        {{--                    </div>--}}
        {{--                </div>--}}
        {{--            </div>--}}
        {{--        </div>--}}

        {{--        <div class="row mb-3">--}}
        {{--            <div class="col">--}}
        {{--                <button type="button" class="btn btn-success me-2" id="executaTeste">Obter resposta</button>--}}
        {{--                <button type="button" class="btn btn-primary ultimoResultado d-none" data-bs-toggle="modal"--}}
        {{--                        data-bs-target="#ultimoResultadoModal">--}}
        {{--                    Último resultado--}}
        {{--                </button>--}}
        {{--            </div>--}}
        {{--        </div>--}}
    </div>

    {{--    <div class="modal fade" id="ultimoResultadoModal" tabindex="-1" aria-labelledby="ultimoResultadoModalLabel"--}}
    {{--         aria-hidden="true">--}}
    {{--        <div class="modal-dialog modal-xl">--}}
    {{--            <div class="modal-content">--}}
    {{--                <div class="modal-header">--}}
    {{--                    <h5 class="modal-title" id="ultimoResultadoModalLabel">Último resultado</h5>--}}
    {{--                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>--}}
    {{--                </div>--}}
    {{--                <div class="modal-body">--}}
    {{--                    <pre class="resposta bg-light p-2" style="max-height: 400px; overflow-y: auto"></pre>--}}
    {{--                </div>--}}
    {{--                <div class="modal-footer">--}}
    {{--                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    {{--    </div>--}}
@endsection