@extends('contents.form-default')
@include('plugins.tagsinput')
@include('plugins.jquery-mask')
@include('plugins.datatables.default')

@section('inputs')

    <div class="row">
        <div class="col-12">
            @component("contents.components.form-engine", [ 'data' => $dataForm ]) @endcomponent
        </div>

        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4><i class=" fa fa-calendar-times-o"></i> Exames</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group row" >
                                <label class="col-4 col-form-label"> Código Solitação:</label>
                                <input class="form-control col-8" name="exam_code" id="exam_code">
                            </div>
                        </div>
                        <!--<div class="col-2">
                            <button type="button" class="btn btn-dark add-inactive-date" > Adicionar </button>
                        </div>-->
                    </div>
                    <ul class="list-group" id='exam_order_list'>
                    
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection

@push("plugin-css")
    
@endpush

@push("include-js")
    <script>

        let _list = {!!json_encode($dataList)!!}
    
        function checkExistingCode(code){
            ajaxApply(
                '/exam_order_shipping/find',
                'GET',
                'afterCheckExistingCode'
                , {code : code},
                $('#exam_order_shipping'))
        }

        function afterCheckExistingCode(response){
            $("#exam_code").val('')
            
            if ( response.success ) {
                addExam(response.data)
            } else {
                $.Notification.autoHideNotify( 'error' , 'top rigth', 'Algo errado', response.message);
            }
        }


        function addExam(data) {
            
            let id = data.id
            let exam_order_list = $('#exam_order_shipping__exam_order_list').val()
            let list = []
            
            if (exam_order_list) {
                list = exam_order_list.split(',')
                if (list.indexOf(String(id)) != -1) {
                    $.Notification.autoHideNotify( 'error' , 'top rigth', 'Algo errado', 'Já adicionado');
                    return false;
                } else {
                    _list.push(data)
                } 
            } else {
                _list.push(data)
            }
            console.log(_list)
            
            list.push(id)
            
            $('#exam_order_shipping__exam_order_list').val(list.join(','))

            drawList()
        }

        function drawList(){
            let elemList = $('#exam_order_list')
            elemList.html('')
            _list.forEach(function (item){
                let li = $(`<li class="list-group-item d-flex justify-content-between align-items-center">
                                ${item.exam} / ${item.lab} / ${item.pet}
                                <span class="badge badge-danger badge-pill delete confirm" id='${item.id}'><i class='fa fa-close'/></span>
                            </li>`)
                elemList.append(li)
 
            }) 

            elemList.find('.delete')
                .off()
                .click(function(){
                    let id = $(this).attr('id')
                    _list = _list.filter(function(item){
                        return Number(item.id) != Number(id)
                    })

                    let rest = []
                    _list.forEach(function (item){
                        rest.push(item.id)
                    })

                    $('#exam_order_shipping__exam_order_list').val(rest.join(','))

                    drawList()
                })
            
        }

        $(function(){
            $("#exam_code")
                .change(function(){
                    if ($(this).val()) {
                        checkExistingCode($(this).val())
                    }
                })
            drawList()

            if (!$('#exam_order_shipping__deliveryman_name').val() || !$('#exam_order_shipping__deliveryman_name').val() ) {
                $('#exam_order_shipping__deliveryman_name').focus()
                $.Notification.autoHideNotify( 'warning' , 'top rigth', 'Atenção', 'Preencha os dados do entregador');
            }

            let id = $('#exam_order_shipping__id').val()
            if (id) {
                $('button[type=submit]').after(`
                    <a href='/exam_order_shipping/print/${id}' class='btn btn-dark' target='print' >Download</a>
                `)
            }
            
            
        })
        

    </script>

    
@endpush