@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- 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">Configuração Comissões - {{$tipo}} </h1>
             </div><!-- /.col -->
             <div class="col-sm-6">
         
             </div><!-- /.col -->
         </div><!-- /.row -->
     </div><!-- /.container-fluid -->
 </div>
<!-- /.content-header -->

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

<div class="card mx-3 mt-3">
    <div class="card-header">
        <div class="row">  
            <div class="col-9">
                Configuração Comissões - <strong> {{$tipo}} - @if($tipo=="Fixa") Comissões por M3 @else Comissões por LITRO @endif</strong>
            </div>
            <div class="col-sm-3">
           
            </div>
        </div>
    </div>

        <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
           <div class="col-sm-11">
               Adicionar
            </div> 
            <div class="col-ms-1">
                <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample" title="Adicionar"><i class="fas fa-plus" title="Adicionar" aria-hidden="true"></i></button>
            </div>
        </div>

        <form action="/comissoes/store" method="POST" class="pt-4">
            @csrf
        <div class="row border pt-3 pb-3 ml-3 mr-3 mb-3 bg-light collapse" id="collapseExample">

            <div class="col-sm-3 pl-3 pr-3">
                <label for="canal_id" class="col-form-label ">Canal</label>

                <select id="canal_id" class="form-control @error('canal_id') is-invalid @enderror" name="canal_id"  required>
                    
                    @foreach($canais as $canal)
                    
                        <option value="{{$canal->id}}">{{$canal->nome_canal}}</option>

                    @endforeach

                </select>

                @error('canal_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror

            </div>

            @if($tipo =="Fixa")

                    <div class="col-sm-3 pl-3 pr-3">

                        <label for="valor_pp" class="col-form-label ">PP</label>

                        <input id="valor_pp" type="number" step="0.01" class="form-control @error('valor_pp') is-invalid @enderror" name="valor_pp" value="{{ old('valor_pp') }}"  autofocus>

                        @error('valor_pp')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    
                    </div>

                    <div class="col-sm-3 pl-3 pr-3">

                        <label for="valor_prazo" class="col-form-label ">Prazo</label>

                        <input id="valor_prazo" type="number" step="0.01" class="form-control @error('valor_prazo') is-invalid @enderror" name="valor_prazo" value="{{ old('valor_prazo') }}"  autofocus>

                        @error('valor_prazo')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    
                    </div>

            @else
                    <div class="col-sm-3 pl-3 pr-3">

                        <label for="pp" class="col-form-label ">PP</label>

                        <select id="pp"  class="form-control @error('pp') is-invalid @enderror" name="pp">

                                <option value="Tabela PP">Tabela PP</option>
                                <option value="Tabela Prazo">Tabela Prazo</option>

                        </select>

                        @error('pp')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    
                    </div>

                    <div class="col-sm-3 pl-3 pr-3">

                        <label for="prazo" class="col-form-label ">Prazo</label>
                        <select id="prazo"  class="form-control @error('prazo') is-invalid @enderror" name="prazo">

                            <option value="Tabela Prazo">Tabela Prazo</option>
                            <option value="Tabela PP">Tabela PP</option>

                          </select>

                        @error('prazo')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                    
                    </div>
            @endif

            <div class="col-sm-3 pl-3 pr-3">

                <label for="posto" class="col-form-label ">Postos</label>

                <input id="posto" type="number" step="0.01" class="form-control @error('posto') is-invalid @enderror" name="posto" value="{{ old('posto') }}" required autofocus>

                @error('posto')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            
            </div>

            <div class="col-sm-3 pl-3 pr-3">
                <label for="lubrificantes" class="col-form-label ">Lubrificantes (%)</label>

                <input id="lubrificantes" type="number" step="0.01" class="form-control @error('lubrificantes') is-invalid @enderror" name="lubrificantes" value="{{ old('lubrificantes') }}" required autofocus>

                @error('lubrificantes')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            
            </div>
            
            <div class="col-sm-3 pl-3 pr-3">
                <label for="forma_de_calculo" class="col-form-label ">Forma de Calculo</label>

                <select id="forma_de_calculo" class="form-control @error('forma_de_calculo') is-invalid @enderror" name="forma_de_calculo"  required>
                    
                    
                    
                        <option value="Comissionar na Venda">Comissionar na Venda</option>
                        <option value="Comissionar na Liquidação da Fatura">Comissionar na Liquidação da Fatura</option>

                  

                </select>

                @error('forma_de_calculo')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror

            </div>


            <div class="col-sm-3 mt-4">
                <input id="tipo" type="text" class="d-none form-control @error('tipo') is-invalid @enderror" name="tipo" value="{{ $tipo }}" required autofocus>
                <button class="btn btn-primary mt-3" type="submit">Adicionar</button>
            </div>
            
        </div>

        </form>


        <div class="row mt-4">
            <div class="col-sm-12 pl-3 pr-3">
                <table id="tabela1" class="table table-bordered text-center">
                    <tbody>
                        <tr>
                            <th>Canal</th>
                            <th>PP @if($tipo=="Fixa") (M3) @else <span>(L)</span> @endif</th>
                            <th>Prazo @if($tipo=="Fixa") (M3) @else <span>(L)</span> @endif</th>
                            <th>Postos @if($tipo=="Fixa") (M3) @else <span>(L)</span> @endif</th>
                            <th>Lubrificantes (%)</th>
                            <th>Forma de Calculo</th>
                            <th>Ações</th>


                        </tr>
                        @foreach($configuracao_comissoes as $configuracao_comissao)
                        <tr>
                            <td>{{ $configuracao_comissao->canal->nome_canal }}</td>
                            @if($tipo=="Fixa")
                                <td>{{ $configuracao_comissao->valor_pp }}</td>
                                <td>{{ $configuracao_comissao->valor_prazo }}</td>
                                
                            @else
                                <td>{{ $configuracao_comissao->pp }}</td>
                                <td>{{ $configuracao_comissao->prazo }}</td>
                             @endif
                            <td>{{ $configuracao_comissao->posto }}</td>
                            <td>{{ number_format($configuracao_comissao->lubrificantes,2,',','.' )}}</td>
                            <td>{{ $configuracao_comissao->forma_de_calculo }}</td>
                            <td class="d-flex justify-content-around">
                                <form method="GET" action="/comissoes/{{ $configuracao_comissao->id }}/edit">
                                    <button class="btn btn-success btn-sm" type="submit" title="Editar"><i class="fas fa-pencil-alt" title="Editar" aria-hidden="true"></i></button>
                                </form>
                                <form method="POST" onclick="return confirm('Deseja realmente excluir a configuração comissão?')" action="/comissoes/{{ $configuracao_comissao->id }}">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger btn-sm" type="submit" title="Excluir"><i class="fa fa-trash" title="Excluir" aria-hidden="true"></i></button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
</div>
</div>
<script type="text/javascript">
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 </script>
@endsection