@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">Famílias</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-md-4">
                Famílias
            </div>
            <div class="col-md-8 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>
    <form action="{{route('familias_update',$familia->id)}}" method="POST" class="pt-4">
        @csrf
        @method('PATCH')

            <div class="row  align-items-end">
                <div class="col-sm-3 pl-3 pr-3">
                    <label for="familia" class="col-form-label ">Nome da Familia</label>
                    <input type="text" name="familia" id="familia" class="form-control" value="{{$familia->familia}}" required>
                    @error('familia')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>
        
                <div class="col-sm-2 pl-3 pr-3">
                    <label for="unidade_padrao" class="col-form-label ">Unidade Padrão </label>
                    <select name="unidade_padrao" id="unidade_padrao" class="form-control"  required>
                        <option></option>
                        <option @if($familia->unidade_padrao =="LT") selected @endif value="LT">LT</option>
                        <option  @if($familia->unidade_padrao =="€") selected @endif value="€">€</option>
                    </select>
                    
                    @error('unidade_padrao')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>

                <div class="col-sm-2 pl-3 pr-3">
                    <input type="checkbox" @if($familia->ignorar_soma_final_sem_iva == 1) checked @endif name="ignorar_soma_final_sem_iva" id="ignorar_soma_final_sem_iva" value="1">
                    <label for="ignorar_soma_final_sem_iva" class="col-form-label ">Ignorar na soma final Sem IVA</label>
                    
                    @error('ignorar_soma_final_sem_iva')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>
                

                <div class="col-sm-2 pl-3 pr-3">
                    <input type="checkbox" @if($familia->ignorar_soma_final == 1) checked @endif name="ignorar_soma_final" id="ignorar_soma_final" value="1">
                    <label for="ignorar_soma_final" class="col-form-label ">Ignorar na soma final Com IVA</label>
                    
                    @error('ignorar_soma_final')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>

  

                <div class="col-sm-2 pl-3 pr-3">
                    <label for="taxa_iva" class="col-form-label ">Taxa IVA</label>
                    <select name="taxa_iva" id="taxa_iva" class="form-control"  required>
                  
                        <option @if($familia->taxa_iva =="0") selected @endif value="0">Não definido</option>
                        <option @if($familia->taxa_iva =="6") selected @endif value="6">6%</option>
                        <option @if($familia->taxa_iva =="13") selected @endif value="13">13%</option>
                        <option @if($familia->taxa_iva =="23") selected @endif value="23">23%</option>
                    </select>
                    
                    @error('taxa_iva')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>

               <div class="col-sm-2 pl-3 pr-3">
                    <label for="prestacao_servico" class="col-form-label ">Prestação de Serviço</label>
                    <select name="prestacao_servico" id="prestacao_servico" class="form-control"  required>
                        <option></option>
                        <option @if($familia->prestacao_servico =="Sim") selected @endif value="Sim">Sim</option>
                        <option @if($familia->prestacao_servico =="Não") selected @endif value="Não">Não</option>
           
                    </select>
                    
                    @error('prestacao_servico')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror

                </div>

                @foreach ($bandeiras as $bandeira)
                  <div class="col-sm-3 pl-3 pr-3">
                            <label for="margem_{{ $bandeira->id }}">Margem {{ $bandeira->nome_bandeira }}:</label>
                            <input class="form-control" step="0.0001"  type="number" name="margens[{{ $bandeira->id }}]" step="0.01" value="{{ optional($familia->bandeiras->firstWhere('id', $bandeira->id))->pivot->margem ?? 0 }}" id="margem_{{ $bandeira->id }}" placeholder="Margem {{ $bandeira->nome_bandeira }}">
                    </div>
                @endforeach

  
            </div>
            <hr>

            <div class="row mb-4 align-items-end">

                <div class="col-sm-3 pl-3 pr-3">
                    <label for="sub_familia" class="col-form-label ">Sub-Familia</label>
                    <select name="sub_familia" id="sub_familia" class="form-control">
                        <option></option>
                        @foreach($sub_familias as $item)
                            <option value="{{$item->id}}">{{$item->nome}}</option>
                        @endforeach
                    </select>    


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

                </div>

            
                <div class="col-sm-2 ">
                    
                    <button id="btn_adicionar" class="btn btn-primary" type="button">Adicionar</button>
                </div>
            </div>
            
            <div class="row align-items-end">

                
                <div class="col-md-6 responsive">
                    <table id="tbl_sub_familias" class="table table-sm table-bordered text-center ">
                        <thead>
                            <tr>
                                <th>
                                    ID
                                </th>
                                <th>
                                    Nome
                                </th>
                                <th>
                                    Remover
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($arrSubFamilias as $key=> $item)
                            <tr>
                                <td><input type="hidden" name="sub_familia_id[]" value="{{$key}}">{{$key}}</td>
                                <td>{{$item}}</td>
                                <td><button class="btn btn-danger btn_remover" type="button">Remover</button></td></td>
                            </tr>
                            @endforeach
                        </tbody>

                    </table>
                 </div>


            </div>
     

            <div class="col-sm-12 text-center pt-3 pb-3">
                <button class="btn btn-primary rounded mx-auto">Atualizar</button>
            </div>
    </form>
</div>
</div>
<script>
    $(document).ready(function(){
        $('#btn_adicionar').click(function(){
            var selectedId = $('#sub_familia').val();
            var selectedNome = $('#sub_familia option:selected').text();

            if(selectedId && selectedNome) {
                var newRow = '<tr>' +
                                '<td><input type="hidden" name="sub_familia_id[]" value="' + selectedId + '">' + selectedId + '</td>' +
                                '<td>' + selectedNome + '</td>' +
                                '<td><button class="btn btn-danger btn_remover" type="button">Remover</button></td>' +
                             '</tr>';
                
                $('#tbl_sub_familias tbody').append(newRow);
            }
        });

        // Remover linha ao clicar no botão "Remover"
        $(document).on('click', '.btn_remover', function(){
            $(this).closest('tr').remove();
        });
    });
</script>
@endsection