@extends('adminlte.app')

@section('content')

    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                    <h1 class="m-0">Ajuste das Comissões</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                    
                    </div><!-- /.col -->
                </div><!-- /.row -->
                
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->


        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-6">
                        <h4>Criar Ajuste das Comissões</h4>
                    </div>
                    <div class="col-md-6 text-right">                        
                        <a href="javascript:history.back(   )"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>
        </div>

                        <div class="row bg-dark text-white mx-3 mt-3">
                            <div class="col-12">  
                                    <div class="col-sm-12">
                                        Criar   
                                    </div> 
                            </div>
                        </div>

                        <div class="card mx-3 mt-3  ">                                
                            <form  action="{{ route('comissao_ajuste_store') }}" method="POST" class="pt-4">
                                @csrf
                                <input type="hidden" id="redirect_url" name="redirect_url" value="{{$redirect_url}}"> 
                                <input type="hidden" id="venda_id" name="venda_id" value="{{$venda_id}}">    
                                
                                <div class="row m-0 p-3 ">
                                    <div class="col-md-2">
                                        <label for="data">Data</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input class="form-control" type="date" name="data" id="data" required value="{{ old('data', \Carbon\Carbon::now()->format('Y-m-d')) }}">
                                    </div>
                                </div>

                                <div class="row m-0 p-3 ">
                                    <div class="col-md-2">
                                        <label for="valor_comissao_atual">Valor da Comissao Atual:</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input  class="form-control" type="text" name="valor_comissao_atual" id="valor_comissao_atual"   value="€ {{$valor_comissao_atual}}" readonly> 
                                    </div>
                                </div>

                                <div class="row m-0 p-3 ">
                                    <div class="col-md-2">
                                        <label for="tipo">Tipo</label>
                                    </div>
                                    <div class="col-md-4">
                                        <select id="tipo" type="text" class="form-control @error('tipo') is-invalid @enderror" name="tipo"  required>                                
                                            <option  selected  value="Bônus" >Bônus</option>
                                            <option value="Penalização">Penalização</option>                                            
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="row m-0 p-3 ">
                                    <div class="col-md-1">
                                        <label for="valor">Valor</label>
                                    </div>
                                    <div class="col-md-1 text-right" >
                                        <label class="d-none" id="informaSubtracao">(-)</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input  class="form-control" type="number" name="valor" id="valor" min="0" step="0.01"  required value="{{old('valor')}}"> 
                                    </div>
                                </div>

                                <div class="row m-0 p-3 ">
                                    <div class="col-md-2">
                                        <label for="descricao">Descrição</label>
                                    </div>
                                    <div class="col-md-4">
                                        <input  class="form-control" type="text" name="descricao" id="descricao"     value="{{old('descricao')}}"> 
                                    </div>
                                </div>

                                <div class="row pt-3 pb-3">
                                    
                                    <div class="col-md-10 text-center">
                                        <button class="btn btn-primary">Salvar</button>
                                    </div>
                                </div>
                
                            </form>
                    
                        </div>
                    </div>
                
        
                  


  


<script >
    
    
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 
     $('.money').mask('#.##9,99', { reverse: true });   
 
 </script>

<script>
    $(document).ready(function() {
        // var valor = $('#valor').val(); 
        $('#tipo').change(function() {
           
            
            if ($(this).val() != "Bônus") {
                $('#informaSubtracao').removeClass("d-none")

                // var valorDiferente = '(-)   ' + valor; 
                // $('#valor').val(valorDiferente); 
            } else {
                $('#informaSubtracao').addClass("d-none")
                // var valorDiferente=valor
                // $('#valor').val(valor); 
            }
        });



    });
    

</script>


@endsection