@extends('layouts.app')

@section('link')
<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
@endsection

@section('style')
<style type="text/css">
    
    .ui-autocomplete{
        overflow-y:auto;
        max-height:500px;
    }
</style>
@endsection

@section('content')

        <div class="panel panel-default">            
            <div class="panel-heading">
                <h3 class="panel-title">Създаване на поръчка</h3>                
            </div>

            <div class="panel-body">                
                <form id="order_create" method="POST" action="{{ route('orders.store') }}" class="form form-horizontal">
                    {{ csrf_field() }}

                    <div class="form-group{{ $errors->has('site') ? ' has-error' : '' }}">
                        <label for="site" class="col-sm-2 col-form-label control-label">Обект</label>
                        <div class="col-sm-8">         
                            
                            <select class="form-control" id="site" name="site_id" required>
                                @if(count($sites)==1)
                                    <option value="{{$sites[0]->id}}" selected>{{$sites[0]->name}}</option>
                                @else
                                    @foreach($sites as $site)
                                    <option value="{{$site->id}}" {{old('site_id')==$site->id ? "selected" : ""}}>{{$site->name}}</option>
                                    @endforeach
                                @endif
                            </select>
                            
                            @if ($errors->has('technician_id'))
                                    <span class="help-block"><strong>{{ $errors->first('technician_id') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    @if(auth()->user()->role_id==1) 
                    <div class="form-group{{ $errors->has('status') ? ' has-error' : '' }}">
                        <label for="status" class="col-sm-2 col-form-label control-label">Статус</label>
                        <div class="col-sm-8">     
                            @foreach(__('texte.order_statuses_'.auth()->user()->role_id) as $key=>$value)
                                @if($key<7)
                                <div>
                                    <label> 
                                        <input type="radio" value="{{$key}}" id="status" name="status" {{$key==old('status') ? 'checked' : ''}}> {{$value}} 
                                    </label>
                                </div>
                                @endif
                            @endforeach
                            @if ($errors->has('status'))
                                <span class="help-block"><strong>{{ $errors->first('status') }}</strong></span>
                            @endif  
                            <div class="errorBox"></div>
                        </div>                                              
                    </div>
                    @else
                        <input type="hidden" value="{{auth()->user()->role_id==2 ? 2 : (auth()->user()->role_id==3 ? 4 : 6) }}" id="status" name="status"/>
                    @endif
                    
                    <div class="form-group{{ $errors->has('note') ? ' has-error' : '' }}">
                        <label for="site" class="col-sm-2 col-form-label control-label">Забележка</label>
                        <div class="col-sm-8">                                
                            <textarea placeholder="Забележка" name="note" class="form-control" value='' rows="4">{{old('note')}}</textarea>
                            @if ($errors->has('note'))
                                    <span class="help-block"><strong>{{ $errors->first('note') }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            <button type="button" id="new_product" class="btn btn-primary">Добави продукт</button>
                        </div>
                    </div>
                    
                    <div id="product_list" class="form-group">
                        <label for="products" class="col-sm-2 col-form-label control-label">Продукти</label>
                        <div class="col-sm-8">
                            <table id="products_table" class="table table-bordered table-striped table-hover" >   
                                <thead>
                                    <th>Категория</th>
                                    <th>Продукт</th>
                                    <th>Количество</th>
                                    <th>Мерна ед.</th>
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
                            @if ($errors)
                                <span class="help-block"><strong>{{ $errors->first() }}</strong></span>
                            @endif
                            <div class="errorBox"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            @if(auth()->user()->role_id==2 || auth()->user()->role_id==3 || auth()->user()->role_id==4 || auth()->user()->role_id==7)
                            <button type="button" id="zero_order" class="btn btn-success">Запази</button>
                            <button type="submit" class="btn btn-primary">{{auth()->user()->role_id==2 ? 'Изпрати' : (auth()->user()->role_id==3 ? 'Одобри' : 'Поръчай')}}</button>
                            @else
                            <button type="submit" class="btn btn-primary">Създай поръчка</button>
                            @endif                            
                        </div>
                    </div>
                </form>
                
                <div id="row_adding_div" class="col-md-8 col-sm-12" style="float:none;margin:0 auto;display:none;">
                        
                    <h3 style="text-align: center;">Добавяне на продукт/услуга</h3>

                    <div class="form-group row{{ $errors->has('category_id') ? ' has-error' : '' }}">
                        <div class="col-sm-12">                                
                            <select class="form-control input-required" id="category" name="category_id" required>
                                <option value="">Категория</option>
                                @foreach($categories as $category)
                                <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        @if ($errors->has('category_id'))
                                <span class="help-block"><strong>{{ $errors->first('category_id') }}</strong></span>
                        @endif
                        <div class="errorBox"></div>
                    </div>

                    <div class="form-group row{{ $errors->has('product') ? ' has-error' : '' }}">
                        <div class="col-sm-12"> 
                            <div class="ui-widget">                         
                                <input type="text" class="autocomplete form-control input-required" id="product" name="product" value="" placeholder="Продукт" required>
                            </div>
                        </div>
                        
                        
                        @if ($errors->has('product'))
                                <span class="help-block"><strong>{{ $errors->first('product') }}</strong></span>
                        @endif
                        <div class="errorBox"></div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <select class="form-control input-required" id="measure" name="measure" required>
                                        <option value="">Мерна ед.</option>
                                        @foreach(__('texte.measures_arr') as $measure)
                                        <option value="{{$measure}}">{{$measure}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" placeholder="Количество" id="quantity" name="quantity" class="form-control input-required" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group row date_row">
                        <div class="col-sm-12">
                            <label for="period" class="col-sm-12 col-form-label control-label">Период за ползване</label>
                            <div class="row">
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" class="filter-range-date" id="date_from" name="date_from" value="" placeholder="От дата:"/>
                                </div> 
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" class="filter-range-date" id="date_to" name="date_to" value="" placeholder="До дата:"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group row error-div" hidden style="color:red;">
                        <div class="col-sm-12">
                                Полетата отбелязани в червено са задължителни!
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" placeholder="Производител" id="producer" name="producer" class="form-control" value=''>
                                </div>
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" placeholder="Марка" id="mark" name="mark" class="form-control" value=''>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" placeholder="Размер" id="size" name="size" class="form-control" value=''>
                                </div>
                                <div class="col-6 col-xs-6 col-sm-6 col-md-6">
                                    <input type="text" placeholder="Цвят" id="color" name="color" class="form-control" value=''>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-12">
                            <textarea placeholder="Забележка" id="row_note" name="row_note" class="form-control" value='' rows="4"></textarea>
                        </div>
                    </div>    

                    <div class="form-group">
                        <div class="col-sm-12" style='text-align: center;'>
                            <button id="cancel" type="button" class="btn btn-warning">Откажи</button>
                            <button id="done" type="button" class="btn btn-primary">Добави</button>
                        </div>
                    </div>                    
                </div>
            </div>
            <div class="panel-footer"></div>
        </div>


<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>
<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
$('#site,#category,#measure,.category,.measure').select2({ minimumResultsForSearch: -1 });
    
    $("#date_from").datepicker({   
        onSelect: function(dateText, inst){
           $("#date_to").datepicker("option","minDate",
           $("#date_from").datepicker("getDate"));
        }
    });

    $("#date_to").datepicker();
    
$('#new_product').on('click', function(){
    
    $('#row_adding_div').find('.form-control').each(function(){
        if($(this).attr('id')!=='measure' && $(this).attr('id')!=='category'){
            $(this).val('');
        }
        else{ 
            $(this).val('').trigger('change');
        }
        $("#date_to").val('');
        $("#date_from").val('');
    });
    
    $('#row_adding_div').show();
    $('#order_create').hide();
});

$('#category').on('change', function(){
   if($(this).find('option:selected').text()=='Инвентар'){
       $('.date_row').show();
       $('.filter-range-date').addClass('input-required');
   }
   else{
       $('.date_row').hide();
       $('.filter-range-date').removeClass('input-required');
   }   
});

$('#done').on('click', function(){
       
    $('#row_adding_div').find('.input-required').each(function(){
        if($(this).attr('id')!='measure' && $(this).attr('id')!='category' && $(this).val()==''){
            $(this).addClass('error');
        }
        else if($(this).val()==''){
            $(this).closest('.form-group').find('.select2-selection').addClass('error');
        }
        
        else{ 
            $(this).removeClass('error');
            $(this).closest('.form-group').find('.select2-selection').removeClass('error');
        }
    });

    if($('#row_adding_div').find('.error').length==0){ 
        $('.error-div').hide();
        
        if($('.list_row').length!==0){
            var i = parseInt($('.list_row').last().attr('id').replace('list_row_',''))+1;
        }
        else{
            var i=1;
        }
        
        addRow(i);
        
        
        $('#order_create').show();
        $('#row_adding_div').hide();
    }        
    else{
        $('.error-div').show();
    }

    
});

$('#cancel').on('click', function(){
    $('#order_create').show();
    $('#row_adding_div').hide();
});

$(document).on('click','.list_row',function(){
    $(this).next('tr').toggle();
});

$('#zero_order').on('click', function(e){
    $('#status').val({{auth()->user()->role_id==2 ? 1 : (auth()->user()->role_id==3 ? 3 : 5)}});
    $('#order_create').submit();
});

function addRow(i){
    var category = $('#category option:selected').text();
    var category_id = $('#category').val();
    var product = $('#product').val();
    var quantity = $('#quantity').val();
    var measure = $('#measure').val();
    
    var producer = $('#producer').val();
    var mark = $('#mark').val();
    var size = $('#size').val();
    var color = $('#color').val();
    
    var date_from = $('#date_from').val();
    var date_to = $('#date_to').val();
    
    var note = $('#row_note').val();
    
    var list_row = '<tr id="list_row_'+i+'" class="list_row">'
                        +'<td class="row_category">'+category+'</td>'
                        +'<td class="row_product">'+product+'</td>'
                        +'<td class="row_quantity">'+quantity+'</td>'
                        +'<td class="row_measure">'+measure+'</td>'
                    +'</tr>';
            
    var table_rows = '<tr class="table-row" hidden>'
                        +'<td colspan="4" style="padding:0;width:100%"><table class="table table-bordered table-striped table-hover" style="table-layout: fixed;">'
                                                +'<tr class="parent_table_row_'+i+'"><td colspan="6" style="padding:2px;">'
                                                        +'<select class="form-control category" style="font-size:11px;" id="category_'+i+'" name="products['+i+'][category]"><option value="">Категория</option>'
                                                            +'<br />
<b>Notice</b>:  Undefined variable: categories in <b>D:\dev\vsk\resources\views\orders\create_old.blade.php</b> on line <b>363</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>D:\dev\vsk\resources\views\orders\create_old.blade.php</b> on line <b>363</b><br />
'
                                                        +'</select> '
                                                    +'</td>'
                                                    +'<td colspan="6" style="padding:2px;">'
                                                        +'<input type="text" class="form-control product"  id="product_'+i+'" name="products['+i+'][product]" required="required" placeholder="Продукт" value="'+product+'" data-toggle="tooltip" />'
                                                    +'</td>'
                                                +'</tr>'
                                                +'<tr class="child_table_row_1">'
                                                    +'<td colspan="5" style="padding:2px;">'
                                                        +'<input type="text" class="form-control quantity number"  id="quantity_'+i+'" name="products['+i+'][quantity]" required="required" placeholder="Количество" value="'+quantity+'" data-toggle="tooltip" />'
                                                    +'</td>'
                                                    +'<td colspan="5" style="padding:2px;">'
                                                        +'<select class="form-control measure" style="font-size:11px;" id="measure_'+i+'" name="products['+i+'][measure]"><option value="">Мярка</option>'
                                                            +'<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function __() in D:\dev\vsk\resources\views\orders\create_old.blade.php:378
Stack trace:
#0 {main}
  thrown in <b>D:\dev\vsk\resources\views\orders\create_old.blade.php</b> on line <b>378</b><br />