@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">
    <link href="{{ asset('css/leaflet.css') }}" rel="stylesheet">
    <link href="{{ asset('css/MarkerCluster.css') }}" rel="stylesheet">
    <link href="{{ asset('css/MarkerCluster.Default.css') }}" rel="stylesheet">
@endsection

@section('style')
<style>
    #myTable tbody td:nth-child(7) {
        padding: 4px 8px 0px 8px;
    }
    
    #modal-add .modal-dialog {
        width: 1250px;
    }
    #mymap {
        border:1px solid red;
        width: 96%;
        height: 600px;
    }
    
    .number-icon
    {
        background-image: url("/images/my_marker.png");
        text-align:center;
        color:black;  
        padding-top:10px;
    }

</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.routes.objects.objects_list')}} {{date("d.m.Y",strtotime($route->date))}} {{__('texte.representatives_arr.routes.objects.of')}} {{$route->user->name}} 
                    </h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.representatives_arr.routes.objects.back')}}</button>
                    </div>                    
                </div>
                <div class="panel-body">
                    <div class="table-responsive">
                        <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                            <thead>
                                <th>{{__('texte.representatives_arr.routes.objects.type')}}</th>
                                <th>{{__('texte.representatives_arr.routes.objects.subtype')}}</th>
                                <th>{{__('texte.representatives_arr.routes.objects.contragent')}}</th>
                                <th>{{__('texte.representatives_arr.routes.objects.object')}}</th>
                                <th>{{__('texte.representatives_arr.routes.objects.delivery_address')}}</th>
                                <th>{{__('texte.representatives_arr.routes.objects.visited_at')}}</th>
                                <th data-sorter="false">
                                    <button type='button' class="btn btn-sm btn-primary" title="{{__('texte.representatives_arr.routes.objects.add')}}" data-target='#modal-add' data-toggle='modal' {{$route->user->active!=1 ? "disabled" : ""}} @nonepermission('representative_objects-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-plus"></i></a>
                                </th>
                            </thead>
                            <tbody>   
                                @if(count($route_objects)>0)
                                    @foreach($route_objects as $route_object)
                                    <tr id="object_{{$route_object->id}}">
                                        <td>{{$route_object->obect->subtype->type->name}}<input class="object_id" type="hidden" name="object_id[]" value="{{$route_object->id}}"></td>
                                        <td>{{$route_object->obect->subtype->name}}</td>
                                        <td>{{$route_object->obect->contragent->company_name ?? $route_object->obect->contragent->user->name}}</td>
                                        <td>{{$route_object->obect->user->name}}</td>
                                        <td>{{$route_object->obect->delivery_address}}</td>
                                        <td>{{$route_object->visitation_time!=null ? date("d.m.Y H:i",strtotime($route_object->visitation_time)) : ''}}</td>
                                        <td>
                                            <a type='button' class='btn btn-sm btn-danger delete_button' data-id='{{$route_object->id}}' title='{{__('texte.representatives_arr.routes.objects.delete')}}' data-target='#modal-delete' data-toggle='modal' @nonepermission('route-route-edit') disabled @endnonepermission><i class='glyphicon glyphicon-trash'></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="7">
                                            <p>{{__('texte.representatives_arr.routes.objects.no_objects')}}</p>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    
                    <div id="mymap"></div>
                    
                    <!-- Modal -->
                    <div id="modal-delete" 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.routes.objects.route_object_delete')}}</h4>
                                </div>
                                <div class="modal-body">{{__('texte.representatives_arr.routes.objects.route_object_delete_confirm')}}</div>
                                <div class="modal-footer">
                                    <button id="confirm_delete" type="button" class="btn btn-default" onclick="delete_route()">{{__('texte.representatives_arr.routes.objects.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.representatives_arr.routes.objects.no')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 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.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.representative')}} ---</option>
                                                    <option value="-1">{{__('texte.representatives_arr.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.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.routes.objects.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
                                        
                                        @permission('object-form-visit_days-read')
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <select id="visit_days" name="visit_days[]" data-name='{{__('texte.representatives_arr.routes.objects.visit_days')}}' multiple>
                                                        @foreach(__('texte.weekdays_arr') as $key=>$value)
                                                            <option value='{{$key}}'>{{$value}}</option>                                                
                                                        @endforeach
                                                    </select>
                                                </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.routes.objects.reset_filters')}}</button>
                                            <button type="button" class="btn btn-primary" onclick="show_filtered_objects();">{{__('texte.representatives_arr.routes.objects.show')}}</button>
                                        </div>
                                    </div>

                                    <div class="form-group">  
                                        <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                            <form method="POST" action="{{ route('route_objects.store', $route->id) }}" role="form" class="form form-horizontal">
                                            {{ csrf_field() }}
                                            
                                            <div id="objects_table" class="input-group col-xs-12 col-sm-12 col-md-12">

                                            </div> 
                                            </form>
                                        </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 src="{{ asset('js/jquery-ui.min.js') }}"></script>

<script src="{{ asset('js/leaflet.js') }}"></script>
<script src="{{ asset('js/leaflet.markercluster.js') }}"></script>

<script type="text/javascript">
   
   var representative_id = {{$route->user_id}}
    
    
    $(document).ready(function(){
        $('#myTable > tbody').sortable({
            items: 'tr',
            cursor: 'move',
            axis:   'y',
            update: function (event, ui) {
                var data = $('#myTable > tbody').sortable('serialize');
                var route_id = {{$route->id}};
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/save_objects_order',
                            type: 'POST',
                    data: { 'data' : data,
                            'route_id' : route_id},
                });
            }
        });
    });
    
    //Map initialisation
    
    var locations = <br />
<b>Notice</b>:  Undefined variable: route_objects in <b>D:\dev\sklad\resources\views\representatives\routes\objects.blade.php</b> on line <b>463</b><br />
null;
    
    var marker_order='0';
    
    var map = L.map('mymap',{
        center: [43.251061, 27.855555],
        zoom: 9
    });

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    
    var googleIcon = L.icon({
        iconUrl: '/images/pin-icon-png-9.jpg',
        iconSize: [50, 50], // size of the icon
        });

    var greenGoogleIcon = L.icon({
        iconUrl: '/images/pin-icon-green.png',
        iconSize: [50, 50]
    }); 
        
    var markers = L.markerClusterGroup();
    var user_locations_markers = L.markerClusterGroup();
    
    for(var i=0;i<locations.length;i++){    
        var marker = L.marker([locations[i].gps_lat, locations[i].gps_lng], {icon: googleIcon}).bindPopup('Контрагент - <a href="contragents/'+ locations[i].contragent_id +'">' + locations[i].contragent_name + '</a>.<br /> Обект - <a href="objects/'+ locations[i].id +'">' + locations[i].object_name + '</a>');
        marker.bindTooltip((i+1).toString(), {permanent: true, className: "my-label", offset: [0, 0]}); 
        markers.addLayer(marker);
        
        if(locations[i].user_lat!=null && locations[i].user_lng!=null){
            var user_location_marker = L.marker([locations[i].user_lat, locations[i].user_lng], {icon: greenGoogleIcon}).bindPopup('Контрагент - <a href="contragents/'+ locations[i].contragent_id +'">' + locations[i].contragent_name + '</a>.<br /> Обект - <a href="objects/'+ locations[i].id +'">' + locations[i].object_name + '</a>');
            user_location_marker.bindTooltip((i+1).toString(), {permanent: true, className: "my-label", offset: [0, 0]});    
            user_locations_markers.addLayer(user_location_marker);
        }
    }
    
    if(locations.length > 0){
        map.addLayer(markers);
        map.addLayer(user_locations_markers);

        var group = new L.featureGroup([markers]);

        map.fitBounds(group.getBounds());
    }
    
    
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_route_object('+ $(this).data('id') + ')');
    }); 
    
    function delete_route_object(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_route_object',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    //Add objects modal script
    
    $('#contragent,#object,#type,#subtype,#country,#area,#location,#region,#subregion,#spokesman').chosen();
    
    $('#visit_days').chosen({placeholder_text_multiple: '--- '+ $('#visit_days').attr('data-name') + ' ---'});
    

    $('#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 visit_days = $('#visit_days').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,
                    'visit_days' : visit_days,
                    '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="submit" class="btn btn-warning dark_bordered_warning">Добави обектите към маршрута</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();
    }
</script>
@endsection