@extends('layouts.model')

@section('content')
    <h3 class=""><i class="fa fa-address-book"></i> Alteração de Projeto</h3><hr>
    <form action="" id="cadastro-projeto" nome="cadastro-projeto" method="post">
        @csrf
        @method('patch')
        <input type="hidden" name="route" id="route" value="/projeto/edit/{{$projeto->id}}">
        <input type="hidden" name="type" id="type" value="PATCH">
        <input type="hidden" name="origem" id="origem" value="projeto">
        <div class="row">
            <div class="form-group col-md-4">
                Cliente
                <select class="form-control limpar" type="text" name="id_cliente" id="id_cliente" >
                    <option value="%">Todas</option>
                    @foreach ($clientes as $item )
                        <option value="{{ $item->id}}" {{ $item->id==$projeto->id_cliente ? 'selected' : '' }}>{{ $item->cliente }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-md-2">
                OS:
                <input class="form-control limpar" type="text" name="os" id="os" value="{{ $projeto->os }}">
            </div>
            <div class="form-group col-md-2">
                Data Inicio (Previsão):
                <input class="form-control limpar" type="date" name="data_inicio" id="data_inicio" value="{{ $projeto->data_inicio }}">
            </div>
            <div class="form-group col-md-2">
                Total de Colaboradores:
                <input class="form-control limpar" type="text" name="nr_colaborador" id="nr_colaborador" value="{{ $projeto->nr_colaborador }}">
            </div>
            <div class="form-group col-md-2">
                Projeto Ativo:
                <select class="form-control limpar" type="text" name="ativo" id="ativo">
                    <option value="">Selecione</option>
                    <option value="Sim"{{($projeto->ativo=='Sim')? 'selected' :''}}>Sim</option>
                    <option value="Não"{{($projeto->ativo=='Não')? 'selected' :''}}>Não</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-3">
                Produto/Serviço
            </div>
            <div class="form-group col-md-2">
                Horas Projeto
            </div>
            <div class="form-group col-md-2">
                Horas Detalhamento
            </div>
            <div class="form-group col-md-2">
                Concluido
            </div>
        </div>

        @foreach ($projeto_mov as $movimento)
            <div class="row">
                <div class="form-group col-md-12">
                    {{-- inicio do produto --}}
                    <div id="sectionItem">
                        <div class="sectionItem">
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <select class="form-control" id="produto_id" name="produto_id[]">
                                        <option value="">Selecione o Produto</option>
                                        @foreach ($produtos as $item )
                                            <option value="{{$item->id}}" {{($item->id == $movimento->produto_id)? 'selected' : ''}}>{{$item->produto}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <input class="form-control limpar" type="number" step="any" id="h_projeto" name="h_projeto[]" value="{{$movimento->h_projeto}}">
                                </div>
                                <div class="form-group col-md-2">
                                    <input class="form-control limpar" type="number" step="any" id="h_detalhamento" name="h_detalhamento[]" value="{{$movimento->h_detalhamento}}">
                                </div>
                                <div class="form-group col-md-1">
                                    <select class="form-control limpar" type="text" id="concluido" name="concluido[]">
                                        <option value="Não" {{($movimento->concluido == 'Não')? 'selected' : ''}}>Não</option>
                                        <option value="Sim" {{($movimento->concluido == 'Sim')? 'selected' : ''}}>Sim</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <button type="button" name="add-Item[]" id="addItem" value="" class="btn btn-outline-primary addsectionItem fas fonte-10">
                                        <span class="fas fa-plus"></span>
                                    </button>
                                    <button type="button" name="delItem" id="minusItem" value="" class="btn btn-outline-danger removeItem fas fonte-10">
                                        <span class="fas fa-minus"></span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- fim do produto --}}
                </div>
            </div>
        @endforeach
        <div class="row">
            <div class="form-group col-md-3">
                <button type="submit" name="salvar" value="{{$projeto->id}}" id="salvar" class="btn btn-success btn-block">
                    <span class="fas fa-save"></span> Salvar
                </button>
            </div>
            <div class="form-group col-md-3">
                <button type="button" name="sair" id="sair" value="" class="btn btn-danger btn-block">
                    <span class="fa fa-door-open"></span> Sair
                </button>
            </div>
        </div>
    </form>

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

            $('button#sair').click(function(){
                $(location).attr('href',url+'/projeto');
            })
        })

         /******************************** clone Item ******************************/
        var templateItem = $('#sectionItem .sectionItem:first').clone();

        templateItem.find("select").val('');
        templateItem.find("input").val('');

        //define counter
        var sectionsCountItem = $(document).find('.sectionItem').length;
        //add new section
        $('body').on('click', '.addsectionItem', function() {
            //increment
            sectionsCountItem++;
            //loop through each input
            var section = templateItem.clone().find(':input').each(function(){
                //set id to store the updated section number
                var newIdItem = this.id + sectionsCountItem;
                //update for label
                $(this).prev().attr('for', newIdItem);
                //update id
                this.id = newIdItem;

            }).end()

            //inject new section
            .appendTo('#sectionItem');
            colocaChosen();

            var Key = parseInt($(this).attr("id").replace(/\D/g, ''));
            if(isNaN(Key)){
                Key=1
            };
            Key ++;

            return false;
        });

        //remove section
        $('#sectionItem').on('click', '.removeItem', function() {
            var id = $(this).attr("id").replace(/[^\d]+/g,'');
            var  acao = 'del';
            if($(document).find('.sectionItem').length>1){
                $(this).parent().fadeOut(300, function(){
                    //remove parent element (main section)
                    $(this).parent().parent().remove();

                    return false;
                })
            }
            return false;
        });


    </script>

@endsection