@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container">

    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">

                <div class="panel-heading">
                    <h3 class="panel-title">{{__('texte.price_lists_arr.object_create.add_object')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.price_lists_arr.object_create.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form method="POST" action="{{ route('price_lists_objects.store', $price_list_id) }}" role="form" class="form form-horizontal">
                        {{ csrf_field() }}
                                                              
                        @permission('price_list_objects-form-type-read')
                        <div class="form-group{{ $errors->has('type') ? ' has-error' : '' }}">
                            <label for="type" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.object_create.type')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="type" name="type" 
                                    @nonepermission('price_list_objects-form-type-write')
                                        disabled 
                                    @endnonepermission
                                    ><option value="0">--- {{__('texte.price_lists_arr.object_create.type')}} ---</option>
                                    @foreach ($types as $type)
                                        <option value="{{ $type->id }}" {{(old('type') == $type->id) ? "selected" : ""}}>{{ $type->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('type'))
                                    <span class="help-block"><strong>{{ $errors->first('type') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                       </div>
                        @endpermission
                        
                        @permission('price_list_objects-form-subtype-read')
                        <div class="form-group{{ $errors->has('subtype') ? ' has-error' : '' }}">
                            <label for="subtype" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.object_create.subtype')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-compressed"></i></span>
                                <select class="form-control" id="subtype" name="subtype" disabled
                                    @nonepermission('price_list_objects-form-subtype-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.object_create.subtype')}} ---</option>
                                </select>
                                @if ($errors->has('subtype'))
                                    <span class="help-block"><strong>{{ $errors->first('subtype') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('price_list_objects-form-contragent-read')
                        <div class="form-group{{ $errors->has('clients') ? ' has-error' : '' }}">
                            <label for="client" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.object_create.contragent')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-registration-mark"></i></span>
                                <select class="form-control" id="client" name="client"  
                                        @nonepermission('price_list_objects-form-contragent-write')
                                            disabled 
                                        @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.object_create.contragent')}} ---</option>
                                    @foreach ($clients as $client)
                                            <option value="{{ $client->id }}" {{(old('client') == $client->id) ? "selected" : ""}}>{{ $client->company_name!='' ? $client->company_name : $client->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('client'))
                                    <span class="help-block"><strong>{{ $errors->first('client') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('price_list_objects-form-object-read')
                        <div class="form-group{{ $errors->has('object') ? ' has-error' : '' }}">
                            <label for="object" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.price_lists_arr.object_create.object')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-registration-mark"></i></span>
                                <select class="form-control" id="object" name="object"  
                                    @nonepermission('price_list_objects-form-object-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.price_lists_arr.object_create.object')}} ---</option>
                                    @foreach ($objects as $object)
                                        <option value="{{ $object->id }}" {{(old('object') == $object->id) ? "selected" : ""}} data-price_list_id="{{$object->price_list_id}}" data-price_list_priority="{{$object->price_list_priority}}">{{ $object->name}}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('object'))
                                    <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        <input type="hidden" name="price_list_id" value="{{$price_list_id}}"/>
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="button" id="get_selected_objects" class="btn btn-success" @nonepermission('price_list_objects-route-create') disabled @endnonepermission>Покажи селектираните обекти</button>
                                <button type="submit" class="btn btn-primary" @nonepermission('price_list_objects-route-create') disabled @endnonepermission>{{__('texte.price_lists_arr.object_create.add')}}</button>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="selected_objects_table" class="control-label col-xs-2 col-sm-2 col-md-2">Избрани обекти</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <table class="table table-bordered table-hover table-stripped" id="selected_objects_table">
                                    <thead>
                                        <tr>
                                            <th>Обект</th>
                                            <th>Ценова листа</th>
                                            <th>Приоритет</th>
                                            <th>Изключи</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                                               
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/form.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/jquery.tablesorter.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    $('#client,#object,#type,#subtype').chosen();
    $('#object').chosen();
    
    $('#selected_objects_table').tablesorter();
            
    $('#type').on('change',function(){
        if($(this).val()!=''){
            var type = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_subtypes',
                        type: 'POST',
                        async: false,
                data: { 'type' : type},
                success: function(response){
                            var options='<option value=""> --- Подтип --- </option>';
                            $('#subtype').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#subtype').attr('disabled',false);
                            }
                            else{
                                 $('#subtype').attr('disabled',true);
                            }
                            $('#subtype').html(options);
                            $('#subtype').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#subtype').attr('disabled',true);
            var options='<option value=""> --- Подтип --- </option>';
            $('#subtype').html(options);
            $('#subtype').trigger("chosen:updated");            
        }
    });
    
    $('#type,#subtype,#client').on('change', function(){
        var type = $('#type').val();;
        var subtype = $('#subtype').val();
        var client = $('#client').val();
        
        $('#selected_objects_table tbody tr').remove();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_filtered_objects',
            type: 'POST',
            data: { 'type' : type,
                    'subtype' : subtype,
                    'client' : client},
            success: function(response){
                        var options='<option value="0"> --- Обект --- </option>';
                        $('#object').find('option').remove().end();
                        if(response.length>0){
                             for (var i in response){
                                   options += '<option value="' + response[i].id + '" name="'+ response[i].name + '" data-price_list_id="'+ response[i].price_list_id + '" data-price_list_priority="'+ response[i].price_list_priority + '">' + response[i].name + '</option>';
                             }
                             $(':button[type="submit"]').prop('disabled', false);
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии !');
                            $(':button[type="submit"]').prop('disabled', true);
                        }
                        $('#object').html(options);
                        $('#object').trigger("chosen:updated");
                    }
        });

    });
    
    $('#get_selected_objects').on('click', function(){        
        var selected_options;
        if($('#object').val()!=='0'){            
            selected_options = $('#object option:selected');
            
        }
        else{
            selected_options = $('#object option');
        }
        selected_options.each(function(){
            if($(this).val()!='0'){
                $('#selected_objects_table tbody').append("<tr><td>"+$(this).text()+"</td><td>"+$(this).attr('data-price_list_id')+"</td><td>"+$(this).attr('data-price_list_priority')+"</td><td><input type='hidden' name='selected_objects_array[]' value='"+$(this).val()+"'/> <button type='button' class='btn btn-danger remove_object'><i class='glyphicon glyphicon-trash'></i></button></td></tr>") 
            }
        });
        $('#selected_objects_table').trigger("update").trigger("sorton",[ [[2,1],[0,0]] ]);
    });
    
    
    $(document).on('click','.remove_object',function(){
        $(this).closest('tr').remove();
    })
  
</script>
@endsection