@extends('adminlte.app')

@section('content')

   
   

    <div class="content-wrapper">

        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif

        <!-- 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">Ajustes 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>Editar</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">
                        Dados da Venda
                    </div> 
            </div>
        </div>
               
        <div class="card mx-3 mt-3  ">
        
            <form action="/comissao_ajuste/{{ $comissao_ajuste->id }}" method="POST" class="pt-4">
                <form>
                @csrf
                @method('PATCH')
                <input type="hidden" name="redirect_url" id="redirect_url" value="{{$redirect_url}}">

                <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="{{date('Y-m-d', strtotime($comissao_ajuste->data)) }}" > 
                    </div>
                </div>

                <div class="row m-0 p-3">                           
                    <div class="col-md-2">
                        <label for="valor_comissao_atual">Valor Comissao Atual</label>
                    </div>
                    <div class="col-md-4">
                        <input  class="form-control" type="number" min="0.00"  step="0.01" 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 @if($comissao_ajuste->tipo=="Bônus") selected @endif value="Bônus">Bônus</option>
                            <option @if($comissao_ajuste->tipo=="Penalização") selected @endif 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 for="valor" class="d-none"  id="informaSubtracao">(-)</label> 
                    </div>
                    <div class="col-md-4">
                        <input  class="form-control" type="number" min="0.00"  step="0.01" name="valor" id="valor"  required value="{{$comissao_ajuste->valor}}"> 
                    </div>
                </div>
                
                <div class="row m-0 p-3">
                    <div class="col-md-2">
                        <label for="descricao">Desricão</label>
                    </div>

                    <div class="col-md-4">                          
                        <input  class="form-control" type="text" id="descricao" name="descricao" value="{{$comissao_ajuste->descricao}}">
                    </div>
                </div>
                        
                <div class="row m-0 p-3">
                    <div class="col-md-6 d-flex justify-content-end">
                        <button class="btn btn-primary ml-4">Salvar</button>
                    </div>
                </div>

            </form>

        </div>
    </div>
       
</div>
         
<script>
    $(document).ready(function() {

    function verificarTipo() {
        if ($('#tipo').val() != "Bônus") {
            $('#informaSubtracao').removeClass("d-none");
        } else {
            $('#informaSubtracao').addClass("d-none");
        }
    }

    // Verifica o tipo ao carregar a página
    verificarTipo();

    // Verifica o tipo sempre que houver uma mudança
    $('#tipo').change(function() {
        verificarTipo();
    });

    });
    

</script>


@endsection