@extends('adminlte::page')

@section('title','Novo Repasse')

@section('content_header')
    <h1>Novo Repasse</h1>
@endsection
@section('css')
    <style>
        .select2-selection--single {
            height: 38px !important;

        }

        .select2-container {
            width: 100% !important;
        }

    </style>
@stop
@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('repasse.store')}}" method="POST" class="form-horizontal">
                    @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="nome" class="form-control @error('nome') is-invalid @enderror" value="{{old('nome')}}">
                        </div>
                    </div> --}}
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Venda</label>
                        <div class="col-sm-10">
                            <select required class="form-control select2-cg" name="id_vd" id="id_vd">
                                <option   value="">Nenhum selecionado</option>
                                @foreach ($vd_selects as $vd)
                                    <option value="{{ $vd->id_vd }}">
                                        {{ $vd->id_vd }} -
                                        {{ $vd->cg_pac->cg_nome ?? 'Sem nome' }} -
                                        {{ $vd->cg_pre->cg_apelido ?? 'Sem apelido' }} -
                                        @switch($vd->vd_tipo)
                                            @case(1)
                                                {{ "PARTICULAR" }}
                                                @break
                                            @case(2)
                                                {{ "CONVENIO" }}
                                            @break
                                            @case(3)
                                                {{ "PARTICULAR CONVÊNIO" }}
                                            @break
                                            @default

                                        @endswitch
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Data do Pagamento</label>
                        <div class="col-sm-10">
                            <input type="date" name="data_pagamento"
                                class="form-control @error('data_pagamento') is-invalid @enderror"
                                value="{{ old('data_pagamento') }}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Tipo Pagamento</label>
                        <div class="col-sm-10">
                            <select class="col-sm-12 form-control" name="tipo_pagamento" id="tipo_pagamento">
                                <option value="1">Pix</option>
                                <option value="2">Transferência Bancária</option>
                                <option value="3">Cartão de Débito</option>
                                <option value="4">Cartão de Crédito</option>
                                <option value="5">Dinheiro</option>
                                <option value="6">Cheque</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Valor Honorário Médico</label>
                        <div class="col-sm-10">
                            <input disabled type="text" id="valor_honorario_medico" name="valor_honorario_medico" id="valor_honorario_medico"
                                class="form-control @error('valor_honorario_medico') is-invalid @enderror"
                                value="{{ old('valor_honorario_medico') }}" placeholder="Informe o valor do honorírio médico">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Valor nota fiscal</label>
                        <div class="col-sm-10">
                            <input disabled  type="text" id="valor_nota_fiscal" name="valor_nota_fiscal" id="valor_nota_fiscal"
                                class="form-control @error('valor_nota_fiscal') is-invalid @enderror"
                                value="{{ old('valor_nota_fiscal') }}" placeholder="Informe o valor da nota fiscal">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">Valor Repasse</label>
                        <div class="col-sm-10">
                            <input disabled type="text" id="valor_repasse" name="valor_repasse" id="valor_repasse"
                                class="form-control @error('valor_repasse') is-invalid @enderror"
                                value="{{ old('valor_repasse') }}" placeholder="Informe o valor quer será repassado">
                        </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-10 form-control"  name="emp_status">
                                    <option value="1" selected>Ativado</option>
                                    <option value="0">Desativado</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="Cadastrar">
                        </div>
                    </div>

                </form>


            </div>
        </div>



@endsection
@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
<script>
$(document).ready(function(){

    var vd_selects = @json($vd_selects);

    $('.select2-cg').select2();
    $('#valor_nota_fiscal, #valor_repasse, #valor_honorario_medico')
    .maskMoney({
        thousands: '',
        decimal: ',',
        allowZero: true,
        precision: 2
    });

    $("#valor_honorario_medico").on("change", function(element) {


        var valor_honorario_medico = parseFloat(element.target.value.replace('.', '').replace(',', '.'));

        var valor_nota_fiscal = valor_honorario_medico * 0.15;
        var repasse = (valor_honorario_medico - valor_nota_fiscal) * 0.05;

        // Formatando os valores para o padrão brasileiro
        $("#valor_nota_fiscal").val(valor_nota_fiscal.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
        $("#valor_repasse").val(repasse.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
    });

    $("#id_vd").on("change", function () {
        var id_venda = $(this).val();

        // Chama a função para determinar o tipo de venda
        var tipo_venda = validaTipoVenda(id_venda);

        if (tipo_venda === "particular" || tipo_venda === "particularConvenio" ) {
            // Bloqueia os campos
            $("#valor_nota_fiscal, #valor_repasse").prop("disabled", true);
            // Libera os campos
            $("#valor_honorario_medico").prop("disabled", false);
        } else if (tipo_venda === "convenio") {
            // Bloqueia os campos
            $("#valor_nota_fiscal, #valor_honorario_medico").prop("disabled", true);
            // Libera os campos
            $("#valor_repasse").prop("disabled", false);
        }

        $("#valor_nota_fiscal, #valor_honorario_medico, #valor_repasse").val("");
    });

    function validaTipoVenda(id_venda) {
        var vd_tipo = null;

        // Encontra o elemento correspondente ao id_venda
        var elemento = vd_selects.find(element => element.id_vd == id_venda);

        // Verifica o tipo de venda, se o elemento foi encontrado
        if (elemento) {
            if (elemento.vd_tipo == 1) {
                vd_tipo = "particular";
            } else if (elemento.vd_tipo == 2) {
                vd_tipo = "convenio";
            }else if(elemento.vd_tipo == 3){
                vd_tipo = "particularConvenio";
            }
        }

        return vd_tipo;
    }


    console.log(vd_selects);






    // var id_vd = null;
    // var id_cg_pac = null;
    // var cg_tipo = null;



    // if (id) {
    //     var id_proc_select = $('#id_proc');
    //     id_proc_select.val(id_proc);
    //     id_proc_select.trigger('change');
    // }



    // if (id_cg_pac) {
    //     var id_cg_pac_select = $('#id_cg_pac');
    //     id_cg_pac_select.val(id_cg_pac);
    //     id_cg_pac_select.trigger('change');
    // }

    // if(cg_tipo){
    //     $("#cg_tipo").val(cg_tipo);
    // }


});

</script>
@stop