@extends('layouts.app')

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

@section('style')
<style>
    #myTable tbody td:nth-child(7) {
        padding: 4px 8px 0px 8px;
    }
    
    .modal-dialog {
        width: 1250px;
    }

</style>
@endsection

@section('content')
<div class="container">
@include('shared.messages')
    <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">
                        <span class="glyphicon glyphicon-flag"></span> {{__('texte.representatives_arr.objects.index.representative')}}
                    </h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.representatives_arr.objects.index.back')}}</button>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.representatives_arr.objects.index.name')}}: </strong>
                            {{ $representative->name }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.representatives_arr.objects.index.mobile')}}: </strong>
                            {{ $representative->mobile }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.representatives_arr.objects.index.email')}}: </strong>
                            {{ $representative->email }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.representatives_arr.objects.index.active')}}: </strong>
                            {{ $representative->active == 1 ? __('texte.representatives_arr.objects.index.yes') : __('texte.representatives_arr.objects.index.no') }}
                        </div>
                    </div>
                    <!--
                    <div class="form-inline">
                        @permission('representative_objects-form-filter-read')
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="filter_type" name="filter_type" data-name="{{__('texte.representatives_arr.objects.index.type')}}">
                                        <option value="">--- {{__('texte.representatives_arr.objects.index.type')}} ---</option>
                                        @foreach ($types as $type)
                                            <option value="{{ $type->name }}" data-id="{{$type->id}}">{{ $type->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="filter_subtype" name="filter_subtype" data-name="{{__('texte.representatives_arr.objects.index.subtype')}}" {{!old('subtype') ? 'disabled' : ''}}>
                                        <option value="">--- {{__('texte.representatives_arr.objects.index.subtype')}} ---</option>
                                        @foreach ($subtypes as $subtype)
                                            <option value="{{ $subtype->name }}" data-id="{{$subtype->id}}">{{ $subtype->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        
                        <div class="form-group">
                            <div class="input-group">
                                <select class="form-control" id="filter_contragent" name="filter_contragent" data-name="{{__('texte.representatives_arr.objects.index.contragent')}}">
                                    <option value="">--- {{__('texte.representatives_arr.objects.index.contragent')}} ---</option>
                                    @foreach ($contragents as $contragent)
                                        <option data-id="{{$contragent->id}}" value="{{ $contragent->company_name!='' ? $contragent->company_name : $contragent->name}}">{{ $contragent->company_name!='' ? $contragent->company_name : $contragent->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                            <div class="form-group">
                                <div class="input-group">
                                    <select class="form-control" id="filter_object" name="filter_object" data-name="{{__('texte.representatives_arr.objects.index.object')}}">
                                        <option value="">--- {{__('texte.representatives_arr.objects.index.object')}} ---</option>
                                        @foreach ($objects as $object)
                                            <option value="{{ $object->id }}">{{$object->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        
                        <button class='btn  btn-warning dark_bordered_warning' type="button" onclick="reset_filters();" title='{{__('texte.representatives_arr.objects.index.reset_filter')}}' data-toggle='tooltip'>{{__('texte.representatives_arr.objects.index.reset_filters')}}</button>
                        @endpermission
                    </div>
                    -->
                </div>
                <div class="panel-body">
                    <div>
                        <strong>{{__('texte.representatives_arr.objects.index.representative_objects')}}</strong>
                    </div>
                    <form method="POST" action="{{ route('representative_objects.store', $representative->id) }}" role="form" class="form form-horizontal">
                        {{ csrf_field() }}
                        
                        <input type="hidden" name="representative_id" value="{{$representative->id}}"/>

                        <div class="table-responsive">                                            
                            <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                                <thead>
                                    <th>{{strtoupper(__('texte.representatives_arr.objects.index.id'))}}</th>
                                    <th>{{__('texte.representatives_arr.objects.index.type')}}</th>
                                    <th>{{__('texte.representatives_arr.objects.index.subtype')}}</th>
                                    <th>{{__('texte.representatives_arr.objects.index.contragent')}}</th>
                                    <th>{{__('texte.representatives_arr.objects.index.object')}}</th>
                                    <th>{{__('texte.representatives_arr.objects.index.delivery_address')}}</th>
                                    <th data-sorter="false">
                                        <button type='button' class="btn btn-sm btn-primary" title="{{__('texte.representatives_arr.objects.index.add')}}" data-target='#modal-add' data-toggle='modal' {{$representative->active!=1 ? "disabled" : ""}} @nonepermission('representative_objects-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-plus"></i></a>
                                    </th>
                                </thead>
                                <tbody>   
                                    @foreach($representative_objects as $representative_object)
                                    <tr>
                                        <td>{{$representative_object->id}}<input class="object_id" type="hidden" name="object_id[]" value="{{$representative_object->id}}"></td>
                                        <td>{{$representative_object->subtype->type->name}}</td>
                                        <td>{{$representative_object->subtype->name}}</td>
                                        <td>{{$representative_object->contragent->company_name ?? $representative_object->contragent->user->name}}</td>
                                        <td>{{$representative_object->user->name}}</td>
                                        <td>{{$representative_object->delivery_address}}</td>
                                        <td><input class="apply_representative" type="checkbox" name="apply_representative[]" id="checkbox_{{$representative_object->id}}" value="{{$representative_object->id}}" checked=""><label for="checkbox_{{$representative_object->id}}"></label></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div> 
                        <button style="margin-left:39%;" type="submit" class="btn  btn-warning dark_bordered_warning">{{__('texte.representatives_arr.objects.index.save')}}</button>
                    </form>
                    
                    <!-- Modal window to add objects to the list-->
                    <div id="modal-add" class="modal inmodal" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content animated flipInY">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 id="modal-label" class="modal-title">{{__('texte.representatives_arr.objects.index.select_objects')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-inline">
                                        @permission('representative_objects-form-type-read')
                                        <div class="form-group{{ $errors->has('type') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="type" name="type" 
                                                    @nonepermission('representative_objects-form-type-write')
                                                            disabled 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.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>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-subtype-read')
                                        <div class="form-group{{ $errors->has('subtype') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="subtype" name="subtype" {{!old('subtype') ? 'disabled' : ''}}
                                                    @nonepermission('representative_objects-form-subtype-write')
                                                            disabled 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.subtype')}} ---</option>
                                                        @foreach ($subtypes as $subtype)
                                                            <option value="{{ $subtype->id }}" {{old('subtype') == $subtype->id ? "selected" : ""}}>{{ $subtype->name }}</option>
                                                        @endforeach
                                                </select>
                                                @if ($errors->has('subtype'))
                                                    <span class="help-block"><strong>{{ $errors->first('subtype') }}</strong></span>
                                                @endif
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-contragent-read')
                                            <div class="form-group{{ $errors->has('contragents') ? ' has-error' : '' }}">
                                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                    <select class="form-control" id="contragent" name="contragent"  
                                                        @nonepermission('representative_objects-form-contragent-write')
                                                            disabled 
                                                        @endnonepermission
                                                        ><option value="0">--- {{__('texte.representatives_arr.objects.index.contragent')}} ---</option>
                                                            @foreach ($contragents as $contragent)
                                                                <option value="{{ $contragent->id }}" {{old('contragent') == $contragent->id ? "selected" : ""}}>{{ $contragent->company_name!='' ? $contragent->company_name : $contragent->name}}</option>
                                                            @endforeach
                                                    </select>
                                                    @if ($errors->has('contragent'))
                                                        <span class="help-block"><strong>{{ $errors->first('contragent') }}</strong></span>
                                                    @endif
                                                </div>
                                            </div>
                                        @endpermission

                                        @permission('representative_objects-form-object-read')
                                        <div class="form-group{{ $errors->has('object') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="object" name="object"  
                                                    @nonepermission('representative_objects-form-object-write')
                                                        disabled 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.object')}} ---</option>
                                                    @foreach ($objects as $object)
                                                        <option value="{{ $object->id }}" {{old('object') == $object->id ? "selected" : ""}}>{{$object->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('object'))
                                                    <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                                @endif
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-spokesman-read')
                                        <div class="form-group{{ $errors->has('spokesman') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="spokesman" name="spokesman" 
                                                    @nonepermission('representative_objects-form-spokesman-write')
                                                        readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.representative')}} ---</option>
                                                    <option value="-1">{{__('texte.representatives_arr.objects.index.no_representative')}}</option>
                                                    @foreach ($spokesmen as $spokesman)
                                                        <option {{old('spokesman') == $spokesman->id ? "selected" : ""}} value="{{ $spokesman->id }}">{{ $spokesman->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('spokesman'))
                                                    <span class="help-block"><strong>{{ $errors->first('spokesman') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-region-read')
                                        <div class="form-group{{ $errors->has('region') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="region" name="region"  required
                                                    @nonepermission('representative_objects-form-region-write')
                                                        readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.region')}} ---</option>
                                                    @foreach ($regions as $region)
                                                            <option {{old('region') == $region->id ? "selected" : ""}} value="{{ $region->id }}">{{ $region->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('region'))
                                                    <span class="help-block"><strong>{{ $errors->first('region') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-subregion-read')
                                        <div class="form-group{{ $errors->has('subregion') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="subregion" name="subregion"  {{!old('subregion') ? 'disabled' : ''}} requried
                                                    @nonepermission('representative_objects-form-subregion-write')
                                                        readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.subregion')}} ---</option>
                                                    @foreach($subregions as $subregion)
                                                        <option value='{{$subregion->id}}' {{old('subregion')==$subregion->id ? 'selected' : ''}}>{{$subregion->name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('subregion'))
                                                    <span class="help-block"><strong>{{ $errors->first('subregion') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-country-read')
                                        <div class="form-group{{ $errors->has('country') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="country" name="country"  requried
                                                    @nonepermission('representative_objects-form-country-write')
                                                            readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.country')}} ---</option>
                                                    @foreach ($countries as $country)
                                                            <option value="{{ $country->id }}" data-code="{{$country->code}}" data-vat="{{$country->vat}}" {{old('country', 1) == $country->id ? 'selected' : ''}}>{{ $country->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('country'))
                                                    <span class="help-block"><strong>{{ $errors->first('country') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-area-read')
                                        <div class="form-group{{ $errors->has('area') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="area" name="area" required
                                                    @nonepermission('representative_objects-form-area-write')
                                                            readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.area')}} ---</option>
                                                    @foreach ($areas as $area)
                                                            <option value="{{ $area->id }}" {{old('area') == $area->id ? 'selected' : ''}}>{{ $area->name }}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('area'))
                                                    <span class="help-block"><strong>{{ $errors->first('area') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission

                                        @permission('representative_objects-form-location-read')
                                        <div class="form-group{{ $errors->has('location') ? ' has-error' : '' }}">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="location" name="location"  {{!old('location') ? 'disabled' : ''}} required
                                                    @nonepermission('representative_objects-form-location-write')
                                                        readonly 
                                                    @endnonepermission
                                                    ><option value="0">--- {{__('texte.representatives_arr.objects.index.location')}} ---</option>
                                                    @foreach($locations as $location)
                                                        <option value='{{$location->id}}' data-code="{{$location->code}}" {{old('location')==$location->id ? 'selected' : ''}}>{{$location->name}}</option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('location'))
                                                    <span class="help-block"><strong>{{ $errors->first('location') }}</strong></span>
                                                @endif
                                                <div class="errorBox"></div>
                                            </div>
                                        </div>
                                        @endpermission
                                    </div>
                                    <div class="gap-15"></div>
                                    @permission('object-form-filters-read')
                                        @foreach ($filters as $filter)
                                            @if ($filter->type == 2 && $filter->options->isNotEmpty())
                                            <div class="form-group">
                                                <label class="control-label col-xs-2 col-sm-2 col-md-2">{{ $filter->title }}</label>
                                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                    @foreach ($filter->options as $option)
                                                        @if ($option->active)
                                                            <label class="control-label">
                                                                <input class="filter_input" type="checkbox" name="filters[{{ $filter->name }}][option_{{ (int)$option->id }}]" value="{{ $option->id }}" 
                                                                @nonepermission('object-form-filters-write')
                                                                        readonly 
                                                                @endnonepermission
                                                                @if (isset(old('filters')[$filter->name]) && in_array($option->id, old('filters.'.$filter->name)))
                                                                        checked 
                                                                @endif
                                                            /> {{ $option->title }}
                                                            </label>
                                                        @endif
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif

                                            @if ($filter->type == 1 && $filter->options->isNotEmpty())
                                            <div class="form-group">
                                                <label class="control-label col-xs-2 col-sm-2 col-md-2">{{ $filter->title }}</label>
                                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                    @foreach ($filter->options as $option)
                                                        @if ($option->active)
                                                            <label class="control-label">
                                                                <input class="filter_input" type="radio" name="filters[{{ $filter->name }}]" value="{{ $option->id }}" 
                                                                    @nonepermission('object-form-filters-write')
                                                                        readonly 
                                                                    @endnonepermission
                                                                    @if (isset(old('filters')[$filter->name]) && $option->id == old('filters.'.$filter->name))
                                                                        checked 
                                                                    @endif
                                                                /> {{ $option->title }}
                                                            </label>
                                                        @endif
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif

                                            @if ($filter->type == 0)
                                            <div class="form-group">
                                                <label for="{{ $filter->name }}" class="control-label col-xs-2 col-sm-2 col-md-2">{{ $filter->title }}</label>
                                                <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                    <span class="input-group-addon"><i class="glyphicon glyphicon-filter"></i></span>
                                                    <input type="text" class="form-control filter_input" id="{{ $filter->name }}" name="filters[{{ $filter->name }}]" value="{{ old('filters.'.$filter->name) }}" placeholder="{{ $filter->title }}" 
                                                    @nonepermission('object-form-filters-write')
                                                        readonly 
                                                    @endnonepermission
                                                />
                                                </div>
                                            </div>
                                            @endif

                                            @endforeach
                                    @endpermission

                                    <div class="form-group">
                                        <div class="col-xs-12 col-sm-12 col-md-12" style="text-align: center;margin-bottom: 15px;">
                                            <button type="button" class="btn btn-warning clear_filters" onclick="clear_filters();">{{__('texte.representatives_arr.objects.index.reset_filters')}}</button>
                                            <button type="button" class="btn btn-primary" onclick="show_filtered_objects();">{{__('texte.representatives_arr.objects.index.show')}}</button>
                                        </div>
                                    </div>

                                    <div class="form-group">  
                                        <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                            <div id="objects_table" class="input-group col-xs-12 col-sm-12 col-md-12">

                                            </div> 
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                                
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script> 

<script type="text/javascript">
    var representative_id = {{$representative->id}}
    $(document).ready(function(){        
       $('#filter_type,#filter_subtype,#filter_contragent,#filter_object').chosen();      
       
       table = $('.dataTables-example').DataTable({
            pageLength: 100,
            responsive: true,
            "searching": false,
            "bLengthChange": false,

            "oLanguage": {
                "sSearch": "",
                "sLengthMenu": "_MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>Резултата на страница</span>",  
                "sInfo": "Показване на записи от _START_ до _END_ от общо _TOTAL_ записа",
                "sZeroRecords": "Не са намерени записи по зададените параметри",
                "sInfoEmpty": "Не са намерени записи по зададените параметри",
                "sInfoFiltered" : "- филтрирани от _MAX_ записа",
                "sLoadingRecords" : "Резултатите се зареждат, моля изчакайте...",
                "oPaginate": {
                                        "sNext": "Следваща страница",
                                        "sPrevious": "Предишна страница",
                                  },

            },
            "initComplete":function(settings, json) {
                $('select[name="myTable_length"]').chosen();
                $('.input-sm').attr('placeholder','Търсене');
                $('div.dataTables_filter input').css({ marginLeft : "0px"});
                this_table = $('.dataTables-example').dataTable();
                $("a").each(function(){
                    if($(this).attr('disabled')=='disabled'){
                        $(this).addClass('not-active');
                    }
                });  
            },
            "dom" : "fl<'#add_object'>tip",

        });  
       
        $('#filter_type').on('change', function(){
            if($(this).val()!=''){
                table.column(1).search("^" + $(this).val() + "$", true, false).draw();
            }
            else{
                table.column(1).search('').draw();
            }
        });
        
        $('#filter_subtype').on('change', function(){
            if($(this).val()!=''){
                table.column(2).search("^" + $(this).val() + "$", true, false).draw();
            }
            else{
                table.column(2).search('').draw();
            }
        });
        
        $('#filter_contragent').on('change', function(){
            if($(this).val()!=''){
                table.column(3).search("^" + $(this).val() + "$", true, false).draw();
            }
            else{
                table.column(3).search('').draw();
            }
        });
        
        $('#filter_object').on('change', function(){
            if($(this).val()!=''){
                table.column(0).search("^" + $(this).val() + "$", true, false).draw();
            }
            else{
                table.column(0).search('').draw();
            }
        });
    });
    
    $('#filter_type').on('change',function(){
        if($(this).val()!=''){
            var type = $(this).find(':selected').attr('data-id');
            $.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>';
                            $('#filter_subtype').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].name + '" data-id="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#filter_subtype').attr('disabled',false);
                            }
                            else{
                                 $('#filter_subtype').attr('disabled',true);
                            }
                            $('#filter_subtype').html(options);
                            $('#filter_subtype').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#filter_subtype').attr('disabled',true);
            var options='<option value=""> --- Подтип --- </option>';
            $('#filter_subtype').html(options);
            $('#filter_subtype').trigger("chosen:updated");            
        }
    });
        
    $('#filter_type,#filter_subtype,#filter_contragent').on('change', function(){
        var type = $('#filter_type').find(':selected').attr('data-id');
        var subtype = $('#filter_subtype').find(':selected').attr('data-id');
        var client = $('#filter_contragent').find(':selected').attr('data-id');
        
        $.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=""> --- Обект --- </option>';
                        $('#filter_object').find('option').remove().end();
                        if(response.length>0){
                             for (var i in response){
                                   options += '<option value="' + response[i].id + '" name="'+ response[i].name + '">' + response[i].name + '</option>';
                             }
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии!');
                        }
                        $('#filter_object').html(options);
                        $('#filter_object').trigger("chosen:updated");
                    }
        });
    });
    
     $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_object('+ $(this).data('id') +')');
     }); 
       
    function delete_object(id){
         $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_representative_object',
                    type: 'POST',
            data: { 'id' : id,
                    'representative_id' : representative_id},
            success: function(response){
                     $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                 }
        });
    }
    
    function reset_filters(){
        $('#filter_contragent,#filter_type,#filter_subtype,#filter_object').val('').trigger("chosen:updated").change();
    }
    
    
    //Modal script
    
    $('#contragent,#object,#type,#subtype,#country,#area,#location,#region,#subregion,#spokesman').chosen();
    

    $('#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="0"> --- Подтип --- </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="0"> --- Подтип --- </option>';
            $('#subtype').html(options);
            $('#subtype').trigger("chosen:updated");            
        }
    });
    
    $('#region').on('change',function(){
        if($(this).val()!=''){
            var region = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_subregions',
                        type: 'POST',
                        async: false,
                data: { 'region' : region},
                success: function(response){
                            var options='<option value="0"> --- Подрегион --- </option>';
                            $('#subregion').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#subregion').attr('disabled',false);
                            }
                            else{
                                 $('#subregion').attr('disabled',true);
                            }
                            $('#subregion').html(options);
                            $('#subregion').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#subregion').attr('disabled',true);
            var options='<option value="0"> --- Подрегион --- </option>';
            $('#subregion').html(options);
            $('#subregion').trigger("chosen:updated");            
        }
    });
    
    
    $('#country').on('change',function(){
        if($(this).val()!=''){
            var country = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_areas',
                        type: 'POST',
                        async: false,
                data: { 'country' : country},
                success: function(response){
                            var options='<option value="0"> --- Област --- </option>';
                            $('#area').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#area').attr('disabled',false);
                            }
                            else{
                                 $('#area').attr('disabled',true);
                                 $('#location').attr('disabled',true);
                                 $('#location').val('').trigger("chosen:updated");
                            }
                            $('#area').html(options);
                            $('#area').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#area').attr('disabled',true);
            $('#location').attr('disabled',true);
            var options='<option value="0"> --- Област --- </option>';
            $('#area').html(options);
            $('#area').trigger("chosen:updated");  
            $('#location').val('').trigger("chosen:updated");
        }
        $('input#mobile').val($('option:selected', this).attr('data-code'));
        $('input#phone').val($('option:selected', this).attr('data-code'));
        $('input#fax').val($('option:selected', this).attr('data-code'));
        $('input#country_vat').val($('option:selected', this).attr('data-vat'));
    });
    
    $('#area').on('change',function(){
        if($(this).val()!=''){
            var area = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_locations',
                        type: 'POST',
                        async: false,
                data: { 'area' : area},
                success: function(response){
                            var options='<option value="0" data-code=""> --- Населено място --- </option>';
                            $('#location').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '" data-code="'+response[i].code+'">' + response[i].name + '</option>';
                                }
                                $('#location').attr('disabled',false);
                            }
                            else{
                                 $('#location').attr('disabled',true);
                            }
                            $('#location').html(options);
                            $('#location').trigger("chosen:updated");
                        }
            });
        }
        else{
            $('#location').attr('disabled',true);
            var options='<option value="0"> --- Населено място --- </option>';
            $('#location').html(options);
            $('#location').trigger("chosen:updated");            
        }
        $('input#phone').val($('#country option:selected').attr('data-code'));
        $('input#fax').val($('#country option:selected').attr('data-code'));
    });
    
    $('#location').on('change',function(){
        $('input#phone').val($('#country option:selected').attr('data-code') + $('option:selected', this).attr('data-code'));
        $('input#fax').val($('#country option:selected').attr('data-code') + $('option:selected', this).attr('data-code'));
    });  
    
    $('#type,#subtype,#contragent,#region,#subregion,#country,#area,#location,#spokesman').on('change', function(){
        var type = $('#type').val();
        var subtype = $('#subtype').val();
        var client = $('#contragent').val();
        var region = $('#region').val();
        var subregion = $('#subregion').val();
        var country = $('#country').val();
        var area = $('#area').val();
        var location = $('#location').val();
        var spokesman = $('#spokesman').val();        
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_filtered_objects',
            type: 'POST',
            data: { 'type' : type,
                    'subtype' : subtype,
                    'client' : client,
                    'region' : region,
                    'subregion' : subregion,
                    'country' : country,
                    'area' : area,
                    'location' : location,
                    'spokesman' : spokesman},
                
            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 + '">' + response[i].name + '</option>';
                             }
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии!');
                        }
                        $('#object').html(options);
                        $('#object').trigger("chosen:updated");
                    }
        });
    });
    
    function show_filtered_objects(){
        var type = $('#type').val();
        var subtype = $('#subtype').val();
        var client = $('#contragent').val();
        var object = $('#object').val();
        var region = $('#region').val();
        var subregion = $('#subregion').val();
        var country = $('#country').val();
        var area = $('#area').val();
        var location = $('#location').val();
        var spokesman = $('#spokesman').val();
       
        var filters = {};
        
        $(".filter_input").each(function(){
            if($(this).attr('type')=="text"){
                filters[this.name] = this.value;
            }
            else if($(this).prop('checked')==true){
                filters[this.name] = this.value;
            }
        });
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/show_filtered_objects',
            type: 'POST',
            data: { 'type' : type,
                    'subtype' : subtype,
                    'client' : client,
                    'object' : object,
                    'region' : region,
                    'subregion' : subregion,
                    'country' : country,
                    'area' : area,
                    'location' : location,
                    'spokesman' : spokesman,
                    'filters' : filters},
                
            success: function(response){
                        $('#objects_table').html("");
                
                        if(response.length>0){                            
                            var html = "<table class='table table-bordered table-striped table-hover'><thead><tr><th>Обект</th><th>Тип</th><th>Подтип</th><th>Контрагент</th><th>Търговски представител</th><th>регион</th><th>Подрегион</th><th>Държава</th><th>Област</th><th>Населено място</th><th>Премахни</th></tr></thead><tbody>";
                            for (var i in response){
                                html+= '<tr><td><input type="hidden" name="object_id[]" value="'+response[i].id+'" data-address="'+response[i].delivery_address+'"/>' + response[i].object_name + '</td><td>' + response[i].type_name + '</td><td>' + response[i].subtype_name + '</td><td>' + response[i].contragent_name + '</td><td>' + (response[i].spokesman_name!=null ? response[i].spokesman_name : '') + '</td><td>' + response[i].region_name + '</td><td>' + response[i].subregion_name + '</td><td>' + response[i].country_name + '</td><td>' + response[i].area_name + '</td><td>' + response[i].location_name + '</td><td><button type="button" class="btn btn-danger btn-xs remove" title="Премахни" data-toggle="tooltip"><i class="glyphicon glyphicon-trash"></i></button></td></tr>';
                            }
                            
                            html+='</tbody></table><div class="errorBox"></div>';
                            html+='<button style="margin-left:39%;" type="button" class="btn btn-warning dark_bordered_warning" onclick="append_objects()">Добави към списъка на търговския представител</button>';
                            
                            $('#objects_table').html(html);
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии!');
                        } 
                    }
        });
    }
    
    $(document).on('click','.remove', function(){
        $(this).closest('tr').remove();
        if($('.remove').length==0){
            $('#objects_table').html('');
        }
    });
    
    $('#type,#subtype,#contragent,#object,#spokesman,#region,#subregion,#country,#area,#location').change(function(){
        $('#objects_table').html('');
    });
    
    
    function clear_filters(){
        $('#type,#subtype,#contragent,#object,#spokesman,#region,#subregion,#country,#area,#location').val(0).trigger("chosen:updated");
        
        $('input:radio').prop('checked', false);
        $('input:checkbox:not(.apply_representative)').prop('checked', false);
        $('input:text').val('');
        
        $('#type,#region,#country,#area').change();
    }
    
    function append_objects(){
        $('#objects_table > table > tbody > tr').each(function(){
           var id = $(this).find('input:hidden').val();

           if($('.object_id[value="'+id+'"]').length==0){
              
               $('#myTable').DataTable().row.add([
                   id + ' <input class="object_id" type="hidden" name="object_id[]" value="'+id+'">',
                   $(this).find('td:nth-child(2)').text(),
                   $(this).find('td:nth-child(3)').text(),
                   $(this).find('td:nth-child(4)').text(),
                   $(this).find('td:nth-child(1)').text(),
                   $(this).find('input:hidden').attr('data-address'),
                   '<input class="apply_representative" type="checkbox" name="apply_representative[]" id="checkbox_'+id+'" value="'+id+'" checked=""><label for="checkbox_'+id+'"></label>'
               ]).draw(false);
           }
        });
        
        
        $('#modal-add').modal('hide');
    }

</script>
@endsection