@extends('adminlte::page')

@section('title','Editar Funil')

@section('content_header')
    <h1>Editar Funil de Processos</h1>
@endsection

@section('content')

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    <h5> <i class="icon fas fa-ban"></i>Ocorreu um erro</h5>
                    @foreach ($errors->all() as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif


        <div class="card">
            <div class="card-body">
                <form action="{{route('cadastroFunil.update', ['id_funil'=>$funil->id_funil])}}" method="POST" class="form-horizontal">
                    @method('PUT')
                    @csrf

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Nome</label>
                        <div class="col-sm-10">
                            <input type="text" name="funil_nome" class="form-control @error('funil_nome') is-invalid @enderror" value="{{$funil->funil_nome}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label">Tipo</label>
                        <div class="col-sm-10">
                            <select class="col-sm-10 form-control" name="vd_tipo" id="vd_tipo">
                                <option value="1" {{ old('vd_tipo', $funil->vd_tipo) == 1 ? 'selected' : '' }}>Particular</option>
                                <option value="2" {{ old('vd_tipo', $funil->vd_tipo) == 2 ? 'selected' : '' }}>Convênio</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Status</label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control" name="vd_status" id="vd_status">
                                <option value="">Carregando opções…</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">TAG Funil</label>
                        <div class="col-sm-10">
                            <select class="col-sm-10 form-control" name="funil_tag" id="funil_tag">
                                <option value="PARTICULAR-LEADS-RECEBIDOS" @if($funil->funil_tag == 'PARTICULAR-LEADS-RECEBIDOS') selected="selected" @endif>Particular - Recebimento de lead</option>
                                <option value="PARTICULAR-EM-NEGOCIACAO" @if($funil->funil_tag == 'PARTICULAR-EM-NEGOCIACAO') selected="selected" @endif>Particular - Em negociação</option>
                                <option value="PARTICULAR-VENDIDO" @if($funil->funil_tag == 'PARTICULAR-VENDIDO') selected="selected" @endif>Particular - Vendido</option>
                                <option value="PARTICULAR-PERDIDO" @if($funil->funil_tag == 'PARTICULAR-PERDIDO') selected="selected" @endif>Particular - Perdido</option>
                                <option value="PARTICULAR-PRE-CIRURGIA" @if($funil->funil_tag == 'PARTICULAR-PRE-CIRURGIA') selected="selected" @endif>Particular - Pré Cirurgia</option>
                                <option value="PARTICULAR-CIRURGIA" @if($funil->funil_tag == 'PARTICULAR-CIRURGIA') selected="selected" @endif>Particular - Cirurgia</option>
                                <option value="PARTICULAR-POS-CIRURGIA" @if($funil->funil_tag == 'PARTICULAR-POS-CIRURGIA') selected="selected" @endif>Particular - Pós Cirurgia</option>
                                <option value="PARTICULAR-FINALIZADO" @if($funil->funil_tag == 'PARTICULAR-FINALIZADO') selected="selected" @endif>Particular - Finalizado</option>
                                <option value="CONVENIO-RECEBIMENTO-LEAD" @if($funil->funil_tag == 'CONVENIO-RECEBIMENTO-LEAD') selected="selected" @endif>Convênio - Recebimento de Lead</option>
                                <option value="CONVENIO-EM-ANALISE" @if($funil->funil_tag == 'CONVENIO-EM-ANALISE') selected="selected" @endif>Convênio - Em análise </option>
                                <option value="CONVENIO-NAO-AUTORIZADO" @if($funil->funil_tag == 'CONVENIO-NAO-AUTORIZADO') selected="selected" @endif>Convênio - Não Autorizado</option>
                                <option value="CONVENIO-TRANSFORMADO-PARTICULAR" @if($funil->funil_tag == 'CONVENIO-TRANSFORMADO-PARTICULAR') selected="selected" @endif>Convênio - Transformado em Particular</option>
                                <option value="CONVENIO-AUTORIZADO" @if($funil->funil_tag == 'CONVENIO-AUTORIZADO') selected="selected" @endif>Convênio - Autorizado</option>
                                <option value="CONVENIO-VENDIDO" @if($funil->funil_tag == 'CONVENIO-VENDIDO') selected="selected" @endif>Convênio - Vendido</option>
                                <option value="CONVENIO-PERDIDO" @if($funil->funil_tag == 'CONVENIO-PERDIDO') selected="selected" @endif>Convênio - Perdido</option>
                                <option value="CONVENIO-PRE-CIRURGIA" @if($funil->funil_tag == 'CONVENIO-PRE-CIRURGIA') selected="selected" @endif>Convênio - Pré Cirurgia</option>
                                <option value="CONVENIO-CIRURGIA" @if($funil->funil_tag == 'CONVENIO-CIRURGIA') selected="selected" @endif>Convênio - Cirurgia</option>
                                <option value="CONVENIO-POS-CIRURGIA" @if($funil->funil_tag == 'CONVENIO-POS-CIRURGIA') selected="selected" @endif>Convênio - Pós Cirurgia</option>
                                <option value="CONVENIO-FINALIZADO" @if($funil->funil_tag == 'CONVENIO-FINALIZADO') selected="selected" @endif>Convênio - Finalizado</option>
                                <option value="CONVENIO|PARTICULAR-EM-ANALISE" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-EM-ANALISE') selected="selected" @endif>Particular/Convênio - Em análise</option>
                                <option value="CONVENIO|PARTICULAR-NAO-AUTORIZADO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-NAO-AUTORIZADO') selected="selected" @endif>Particular/Convênio - Não Autorizado</option>
                                <option value="CONVENIO|PARTICULAR-TRANSFORMADO-EM-PARTICULAR" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-TRANSFORMADO-EM-PARTICULAR') selected="selected" @endif>Particular/Convênio - Transformado em Particular</option>
                                <option value="CONVENIO|PARTICULAR-AUTORIZADO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-AUTORIZADO') selected="selected" @endif>Particular/Convênio - Autorizado</option>
                                <option value="CONVENIO|PARTICULAR-EM-NEGOCIACAO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-EM-NEGOCIACAO') selected="selected" @endif>Particular/Convênio - Em negociação</option>
                                <option value="CONVENIO|PARTICULAR-VENDIDO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-VENDIDO') selected="selected" @endif>Particular/Convênio - Vendido</option>
                                <option value="CONVENIO|PARTICULAR-PERDIDO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-PERDIDO') selected="selected" @endif>Particular/Convênio - Perdido</option>
                                <option value="CONVENIO|PARTICULAR-PRE-CIRURGIA" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-PRE-CIRURGIA') selected="selected" @endif>Particular/Convênio - Pré Cirurgia</option>
                                <option value="CONVENIO|PARTICULAR-CIRURGIA" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-CIRURGIA') selected="selected" @endif>Particular/Convênio - Cirurgia</option>
                                <option value="CONVENIO|PARTICULAR-POS-CIRURGIA" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-POS-CIRURGIA') selected="selected" @endif>Particular/Convênio - Pós Cirurgia</option>
                                <option value="CONVENIO|PARTICULAR-FINALIZADO" @if($funil->funil_tag == 'CONVENIO|PARTICULAR-FINALIZADO') selected="selected" @endif>Particular/Convênio - Finalizado</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label  class="col-sm-2 col-form-label"></label>
                        <div class="col-sm-10">
                            <input type="submit" class="btn btn-success" value="Salvar">
                        </div>
                    </div>
                </form>


            </div>
        </div>



@endsection
@push('js')
<script>
    (function() {
    const vdTipo    = document.getElementById('vd_tipo');
    const vdStatus  = document.getElementById('vd_status');

    const selectedTipo   = String(@json(old('vd_tipo', $funil->vd_tipo)));
    const selectedStatus = String(@json(old('vd_status', $funil->vd_status)));

    const particular = [
        {v: 10, t: 'Leads Recebidos'},
        {v: 1,  t: 'Em negociação'},
        {v: 2,  t: 'Vendido'},
        {v: 3,  t: 'Perdido'},
        {v: 4,  t: 'Pré Cirurgia'},
        {v: 5,  t: 'Cirurgia'},
        {v: 6,  t: 'Pós Cirurgia'},
        {v: 7,  t: 'Finalizado'},
        {v: 8,  t: 'Inativado'},
    ];

    const convenio = [
        {v: 9,  t: 'Recebimento de Lead'},
        {v: 10, t: 'Em análise'},
        {v: 11, t: 'Não Autorizado'},
        {v: 12, t: 'Transformado em Particular'},
        {v: 13, t: 'Autorizado'},
        {v: 14, t: 'Vendido'},
        {v: 15, t: 'Perdido'},
        {v: 16, t: 'Pré Cirurgia'},
        {v: 17, t: 'Cirurgia'},
        {v: 18, t: 'Pós Cirurgia'},
        {v: 19, t: 'Finalizado'},
        {v: 20, t: 'Inativado'},
    ];

    function clear(el) { while (el.firstChild) el.removeChild(el.firstChild); }

    function addOpt(val, text, selVal) {
        const o = new Option(text, val, false, String(val) === String(selVal));
        vdStatus.appendChild(o);
    }

    function fillOptions(tipo, selVal) {
        clear(vdStatus);

        if (tipo === '1') {
        addOpt('', 'Selecione...');
        particular.forEach(o => addOpt(o.v, o.t, selVal));
        } else if (tipo === '2') {
        addOpt('', 'Selecione...');
        convenio.forEach(o => addOpt(o.v, o.t, selVal));
        } else if (tipo === '3') {
        addOpt('', 'Selecione...');
        const g1 = document.createElement('optgroup'); g1.label = 'Particular';
        const g2 = document.createElement('optgroup'); g2.label = 'Convênio';
        particular.forEach(o => g1.appendChild(new Option(o.t, o.v, false, String(o.v) === String(selVal))));
        convenio.forEach(o   => g2.appendChild(new Option(o.t, o.v, false, String(o.v) === String(selVal))));
        vdStatus.appendChild(g1); vdStatus.appendChild(g2);
        } else {
        addOpt('', 'Selecione o Tipo primeiro');
        }
    }

    // Inicializa com o valor atual do Funil (ou old())
    fillOptions(selectedTipo, selectedStatus);

    vdTipo.addEventListener('change', function() {
        // ao trocar tipo, limpamos a seleção de status
        fillOptions(this.value, '');
    });
    })();
</script>
@endpush