@extends('template')

@section('content')
<div class="page-content">
    <div class="container-fluid">
        <div class="page-content-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="font-blue-madison title"><i class="fa fa-caret-square-o-right"></i> Acompanhamento da Implementação</span>
                                    <a href="{{ route('admin.naoconformidade') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de Não Conformidade"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                        <div class="input-group left-addon">
                                            <span class="input-group-addon has-personalizado">
                                                <i class="fa fa-info"></i>
                                            </span>
                                            {!! Form::textarea('descricao',$naoconformidade->descricao, ['class' => 'form-control', 'size'=>'30x3','disabled']) !!} 
                                            {!! Form::label('descricao','Descrição') !!}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                        <div class="input-group left-addon">
                                            <span class="input-group-addon has-personalizado">
                                                <i class="fa fa-info"></i>
                                            </span>
                                            {!! Form::textarea('abrangencia',$naoconformidade->abrangencia, ['class' => 'form-control', 'size'=>'30x3','disabled']) !!} 
                                            {!! Form::label('abrangencia','Abrangência') !!}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-md-12">
                                    <div class="col-md-12">
                                        <div class="col-md-12 text-center"></div>
                                        <div class="col-md-12">
                                            <div class="portlet-body flip-scroll">
                                                <table class="table table-bordered table-striped table-condensed flip-content">
                                                    <thead class="flip-content">
                                                        <tr>
                                                            <th></th>
                                                            <th>Tipo</th>
                                                            <th>Data Impl.</th>
                                                            <th>Data Solução</th>
                                                            <th>Data Limite</th>
                                                            <th>Responsável</th>
                                                            <th>Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($acompanhamentos as $acompanhamento)
                                                            <tr>
                                                                <td>{{$acompanhamento->acompanhamento}}</td>
                                                                <td>{{$acompanhamento->type}}</td>
                                                                <td>
                                                                    @if(!strtotime($acompanhamento->data_implantacao) == '0')
                                                                        {{dateToBR($acompanhamento->data_implantacao)}}
                                                                    @else
                                                                        -
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if(!strtotime($acompanhamento->data_solucao) == '0')
                                                                        {{dateToBR($acompanhamento->data_solucao)}}
                                                                    @else
                                                                        -
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if(!strtotime($acompanhamento->data_limite) == '0')
                                                                        {{dateToBR($acompanhamento->data_limite)}}
                                                                    @else
                                                                        -
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    {{$acompanhamento->responsavel_name}}
                                                                </td>
                                                                <td id='naoconformidade_{{$acompanhamento->id}}' class="col-md-3">
                                                                @if($acompanhamento->status == 1)
                                                                    Concluido em {{dateToBRTime($acompanhamento->updated_at)}}
                                                                @else
                                                                    <div class="md-checkbox">
                                                                        {!! Form::checkbox('status'.$acompanhamento->id, '1', '',['id'=>'status'.$acompanhamento->id,'class'=>'md-check', 'onclick'=>'check("'.$acompanhamento->id.'");']) !!}
                                                                        <label for="status{{$acompanhamento->id}}">
                                                                            <span></span>
                                                                            <span class="check"></span>
                                                                            <span class="box"></span>OK</label>
                                                                    </div>
                                                                @endif
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                                <div class="row" id="acoes" style="display: none">
                                                {!! Form::open(['route' => 'admin.naoconformidade.salvar', 'method' =>'POST', 'id'=>'frm_nao-conformidade']) !!}
                                                        {!! Form::hidden('id',$naoconformidade->id) !!}

                                                    <div class="form-group col-sm-3">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::text('acompanhamento','', ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'acompanhamento','required']) !!}
                                                            {!! Form::label('descricao', 'Descrição', ['class' => 'control-label']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                            {!! Form::select('type', [''=>'','Risco'=>'Risco/Oportunidade','Correção'=>'Correção'],'', ['class'=>'form-control','onchange'=>'habilitaCampos(this);','required']) !!} 
                                                            {!! Form::label('tipo', 'Tipo', ['class' => 'control-label']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-sm-2 data_implantacao" style="display: none">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::text('data_implantacao',dateToBR(date('Y-m-d')), ['class' => 'form-control data_implantacao','id'=> 'data_implantacao','required'=>'required']) !!}
                                                            {!! Form::label('data_implantacao', 'Data da Implantação') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-sm-2 data_limite" style="display: none">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::text('data_limite',dateToBR(date('Y-m-d')), ['class' => 'form-control data_limite','id'=> 'data_limite','required'=>'required']) !!}
                                                            {!! Form::label('data_limite', 'Data Limite') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-sm-2 data_solucao" style="display: none">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::text('data_solucao',dateToBR(date('Y-m-d')), ['class' => 'form-control data_solucao','id'=> 'data_solucao','required'=>'required']) !!}
                                                            {!! Form::label('data_solucao', 'Data da Solução') !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-sm-2 btn-salvar" style="display: none">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Salvar Informações">
                                                                <i class=" fa fa-save"></i> Salvar
                                                            </button>
                                                        </div>
                                                    </div>
                                                {!! Form::close() !!}
                                                </div>
                                                    @if($naoconformidade->status != 'Não Conformidade Concluída')
                                                        <a href="javascript:;" class="btn-add btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Caso haja a necessidade de adicionar mais ações clique aqui">
                                                            <i class="fa fa-plus-circle"></i> Adicionar 
                                                        </a>
                                                    @endif
                                            </div>
                                        </div>
                                    </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
</div>
@stop()

@section('js-admin-servico')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/bootstrap-summernote/summernote.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/apps/scripts/jquery.maskMoney.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                minDate: '0'
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
            $("#data_implantacao").datepicker();
            $("#data_limite").datepicker();
            $("#data_solucao").datepicker();
        });
        function check(id){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({ 
                type: "GET", 
                url: '{{ route('admin.naoconformidade.check') }}', 
                data: {id:id}, 
                success: function(data) {
                    console.log(data); 
                    var json = JSON.parse(data);
                    if(json.ok){
                        console.log($("#status"+id));
                        $("#naoconformidade_"+id).html("Tarefa Concluída!");
                    }
                    if(json.concluida){
                        swal({"title":"Não Conformidade Concluída!","showConfirmButton":true,"type":"success","html":true});
                    }
                } 
            });
        }

        $(".btn-add").click(function(){            
            $('#acoes').show('slow');
            $('.btn-add').hide('slow');
        });

        function habilitaCampos(campo){
            if(campo.value == 'Risco'){
                $('.data_implantacao').show('slow');
                $('.data_solucao').hide('slow');
                $('.data_limite').hide('slow');
                $('.btn-salvar').show('slow');
            }
            if(campo.value == 'Correção'){
                $('.data_implantacao').hide('slow');
                $('.data_solucao').show('slow');
                $('.data_limite').show('slow');
                $('.btn-salvar').show('slow');
            }
            if(campo.value == ''){
                $('.data_implantacao').hide('slow');
                $('.data_solucao').hide('slow');
                $('.data_limite').hide('slow');
                $('.btn-salvar').hide('slow');
            }
        }
    </script>
@stop()