@extends(auth()->user()->hasRole('Търговски представител') || auth()->user()->hasRole('Външен търговски представител') ? 'layouts.app_mobile' : '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/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/bootstrap-datepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.businessHours.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.timepicker.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>
    #mymap {
        border:1px solid red;
        width: 100%;
        height: 600px;
    }
    
    .promotion_descr{
        max-width: 500px;
        text-align: center;
        margin: 40px auto;
    }
    
    .btn-me {
        width: 156px;
        margin-bottom: 3px;
    }
    
    .chosen-container{
        width: 100% !important;
    }
    
    .btn-black {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }
    
    .btn-dark_danger {
        color: #fff;
        background-color: #d95351;
        border-color: #c85652;
    }
    
    .hidden{
        display:none !important;
    }
    
    .margin-10{
        margin-bottom: 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">
                    @if(auth()->user()->hasRole('Търговски представител'))
                        <h3 class="panel-title">{{__('texte.representatives_arr.routes.daily_route.daily_route_of')}}{{$representative->name}} {{__('texte.representatives_arr.routes.daily_route.for')}} {{date("d.m.Y")}}</h3>
                    @endif
                </div>

                <div class="panel-body" style="text-align: center;">
                    <div>
                        @if(isset($daily_route)) 
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <h3>{{__('texte.representatives_arr.routes.daily_route.daily_route_for')}} {{date("d.m.Y")}}</h3>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <p>{{__('texte.representatives_arr.routes.daily_route.note')}}: {{$daily_route->note}}</p>
                                </div>
                            </div>
                        @elseif(auth()->user()->hasRole('Търговски представител'))
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                    <h3>{{__('texte.representatives_arr.routes.daily_route.no_daily_route')}}</h3>
                                </div>
                            </div>
                        @endif
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <button type="button" class="btn btn-primary margin-10" data-target="#modal-select_object" data-toggle="modal">{{__('texte.representatives_arr.routes.daily_route.no_object_order')}}</button>
                                @if(auth()->user()->hasRole('Търговски представител'))
                                <a href="{{route('representatives.list_objects',$representative->id)}}" class="btn btn-danger margin-10">{{__('texte.representatives_arr.routes.daily_route.all_objects')}}</a>
                                @endif
                                <a href="{{route('orders.index')}}" class="btn btn-warning margin-10">{{__('texte.representatives_arr.routes.daily_route.orders')}}</a>
                            </div>
                        </div>
                        @if(isset($daily_route))
                            @if(count($route_objects)>0)
                                <div id="mymap"></div>
                                @foreach($route_objects as $route_object)
                                    <button class="btn {{$route_object->count_orders!=0 ? 'btn-primary' : ($route_object->visitation_time!==null ? 'btn-info' : 'btn-success' )}} btn-block btn-object" style="margin-bottom:2px;" data-object_id="{{$route_object->object_id}}" id="btn-object{{$route_object->id}}" type="button">{{$route_object->object_order}}. {{$route_object->obect->contragent->company_name ?? $route_object->obect->contragent->user->name}} - {{$route_object->obect->user->name}}</button>
                                    <div id="container_{{$route_object->object_id}}" class="object_container " style="display: none;">
                                        <div class="gap-15"></div>
                                        <a href="{{route('representatives.create_order',[$daily_route->user_id,$route_object->object_id])}}" class="btn btn-me btn-primary">{{__('texte.representatives_arr.routes.daily_route.make_order')}}</a>
                                        <a type='button' class="btn btn-me btn-success btn-promo" data-id='{{$route_object->object_id}}' title='{{__('texte.representatives_arr.routes.daily_route.promotions')}}' data-target='#modal-promotions' data-toggle='modal'>{{__('texte.representatives_arr.routes.daily_route.promotions')}}</a>
                                        <a href="{{route('objects.edit',[$route_object->object_id,$representative->id])}}" class="btn btn-me btn-warning btn-update">{{__('texte.representatives_arr.routes.daily_route.edit_object')}}</a>
                                        <button class="btn btn-me btn-danger btn-note" data-object_id="{{$route_object->object_id}}" data-target='#modal-create_note' data-toggle='modal'>{{__('texte.representatives_arr.routes.daily_route.create_note')}}</button>
                                        <button class="btn btn-me btn-dark_danger btn-show_note {{count($route_object->obect->notes)==0 ? 'hidden' : ''}}" data-object_id="{{$route_object->object_id}}" data-target='#modal-show_notes' data-toggle='modal'>{{__('texte.representatives_arr.routes.daily_route.show_notes')}}</button>
                                        <button data-route_item_id="{{$route_object->id}}" class="btn btn-me {{$route_object->visitation_time==null ? 'btn-info': 'btn-black'}} btn-visited">{{__('texte.representatives_arr.routes.daily_route.visited')}}</button>
                                        <button class="btn btn-me btn-alt btn-navigate" data-lat="{{$route_object->gps_lat}}" data-lng="{{$route_object->gps_lng}}">{{__('texte.representatives_arr.routes.daily_route.navigate')}}</button>
                                        <div class="gap-15"></div>
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group" style="color:#676a6c">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.due_amount')}}:</b> <span class="debt_money"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group" style="color:#676a6c">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.orders_amount')}}:</b> <span class="orders_amount"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group" style="color:#676a6c">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.due_wrappage')}}:</b> <span class="debt_packaging"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>                                                   
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.credit_limit')}}:</b> <span class="limit"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group" style="color:#676a6c">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.overdue_amount')}}:</b> <span class="overdue_amount">0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>                                        
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.min_order_amount')}}:</b> <span class="min_amount" data-min_amount="{{$route_object->obect->subtype->min_amount}}"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>                                        
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.free_delivery_amount')}}:</b> <span class="transport_amount" data-free_delivery_amount="{{$route_object->obect->subtype->free_delivery_amount}}"> 0.00000</span> {{__('texte.representatives_arr.routes.daily_route.bgn')}}.
                                            </div>
                                        </div>
                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.contragent')}}:</b> {{$route_object->obect->contragent->company_name ?? $route_object->obect->contragent->user->name}}
                                            </div>
                                        </div>                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.object')}}:</b> {{$route_object->obect->user->name}}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.object_type')}}:</b> {{$route_object->obect->subtype->type->name}}, {{$route_object->obect->subtype->name}}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.location')}}:</b> {{$route_object->obect->location->area->name}}, {{$route_object->obect->location->name}}
                                            </div>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.region')}}:</b> {{$route_object->obect->subregion->region->name}}, {{$route_object->obect->subregion->name}}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.address')}}:</b> {{$route_object->obect->delivery_address}}
                                            </div>
                                        </div>     
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.email')}}:</b> {{$route_object->obect->user->email}}
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.phone')}}:</b> {{$route_object->obect->user->mobile}}
                                            </div>
                                        </div>                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.contact_person')}}:</b> {{$route_object->obect->contact_person}}
                                            </div>
                                        </div>                                        
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <div class="form-group">
                                                <b>{{__('texte.representatives_arr.routes.daily_route.payment')}}:</b> {{$route_object->obect->payment_type==0 ? __('texte.representatives_arr.routes.daily_route.cash') : __('texte.representatives_arr.routes.daily_route.bank_payment')}}
                                            </div>
                                        </div>
                                        @foreach ($filters as $filter)
                                            @if ($filter->type == 2 && $filter->options->isNotEmpty())
                                            <div class="col-xs-12 col-sm-12 col-md-12">
                                                <div class="form-group">
                                                    <b>{{$filter->title}}:</b>
                                                    @foreach($filter->options as $option)
                                                        {{isset(json_decode($route_object->obect->filters, true)[$filter->name]) && in_array($option->id, json_decode($route_object->obect->filters,true)[$filter->name]) ? $option->title.', ' : ''}}
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif

                                            @if ($filter->type == 1 && $filter->options->isNotEmpty())
                                            <div class="col-xs-12 col-sm-12 col-md-12">
                                                <div class="form-group">
                                                    <b>{{$filter->title}}:</b>
                                                    @foreach ($filter->options as $option)
                                                            @if ($option->active)
                                                                {{(isset(json_decode($route_object->obect->filters,true)[$filter->name]) && $option->id == json_decode($route_object->obect->filters, true)[$filter->name]) ? $option->title : ''}}
                                                            @endif
                                                    @endforeach
                                                </div>
                                            </div>
                                            @endif

                                            @if ($filter->type == 0)
                                            <div class="col-xs-12 col-sm-12 col-md-12">
                                                <div class="form-group">
                                                    <b>{{$filter->title}}:</b>
                                                    {{json_decode($route_object->obect->filters, true)[$filter->name] ?? ''}}
                                                </div>
                                            </div>
                                            @endif
                                        @endforeach
                                        
                                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                            <b>{{__('texte.representatives_arr.routes.daily_route.working_time')}}</b>
                                            <input type="hidden" class="working_time" name="working_time" value="{{ old('working_time', $route_object->obect->working_time) }}" />
                                            <div id="workingTimeContainer_{{$route_object->obect->id}}" data-id="{{$route_object->obect->id}}" class="workingTimeContainer input-group col-xs-12 col-xs-offset-0 col-sm-12 col-sm-offset-1 col-md-12 col-md-offset-2" style="margin-top:5px;"></div>
                                        </div>
                                        
                                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                            <b>{{__('texte.representatives_arr.routes.daily_route.visit_days')}}</b>
                                            <input type="hidden" class="visit_days" name="visit_days" value="{{ old('visit_days', $route_object->obect->visit_days) }}" />
                                            <div id="visitDaysContainer_{{$route_object->obect->id}}" data-id="{{$route_object->obect->id}}" class="visitDaysContainer input-group col-xs-12 col-xs-offset-0 col-sm-12 col-sm-offset-1 col-md-12 col-md-offset-2" style=margin-top:5px;"></div>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="form-group">
                                        <h3>{{__('texte.representatives_arr.routes.daily_route.no_objects_added')}}</h3>
                                    </div>
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
                <div id="modal-promotions" 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.daily_route.promotions')}}</h4>
                                </div>
                                <div class="modal-body" id='promotions_div'></div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="modal-select_object" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-label">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <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.daily_route.object')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                        
                                        <div class="form-group">
                                            <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                                <select id="contragent" name="contragent">
                                                    <option value="0">-- {{__('texte.representatives_arr.routes.daily_route.contragent')}} -- </option>
                                                    @foreach($contragents as $contragent)
                                                        <option value="{{$contragent->id}}">{{ $contragent->company_name!='' ? $contragent->company_name : $contragent->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div> 
                                        <div class="input-group col-xs-12 col-sm-12 col-md-12">
                                            <select id="object" name="object">
                                                <option value="0">-- {{__('texte.representatives_arr.routes.daily_route.object')}} -- </option>
                                                @foreach($objects as $object)
                                                    <option value="{{$object->id}}">{{ $object->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>                                        
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Modal create note-->
                    <div id="modal-create_note" 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.daily_route.note')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label for="note" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.representatives_arr.routes.daily_route.note')}}</label>
                                        <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                            <textarea id='note' class='note' placeholder='{{__('texte.representatives_arr.routes.daily_route.note')}}' rows="5" style='width:80%;'></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="important" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.representatives_arr.routes.daily_route.important')}}</label>
                                        <div class="input-group col-xs-4 col-sm-4 col-md-4">
                                            <select name='important' id='important'>
                                                <option value='0' selected>{{__('texte.representatives_arr.routes.daily_route.no')}}</option>
                                                <option value='1'>{{__('texte.representatives_arr.routes.daily_route.yes')}}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type='button' class='btn btn-primary btn-send_note' data-object_id=''>{{__('texte.representatives_arr.routes.daily_route.send')}}</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Modal show notes-->
                    <div id="modal-show_notes" 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.daily_route.notes')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <table id="show_notes_table" class="table table-striped table-bordered">
                                        <thead>
                                            <th>{{__('texte.representatives_arr.routes.daily_route.from')}}</th>
                                            <th>{{__('texte.representatives_arr.routes.daily_route.note')}}</th>
                                            <th>{{__('texte.representatives_arr.routes.daily_route.date')}}</th>
                                        </thead>
                                        <tbody>
                                            
                                        </tbody>
                                    </table>
                                </div>
                                <div class="modal-footer"></div>
                            </div>
                        </div>
                    </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

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

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

<script type="text/javascript">
        
    var initial_objects = {!! $objects !!};
    var representative = {!! $representative !!};
    
    $('#object,#contragent,#important').chosen();    
        
    //Map initialisation
    
    if($('#mymap').length > 0){
        var locations = <br />
<b>Notice</b>:  Undefined variable: route_objects in <b>D:\dev\sklad\resources\views\representatives\routes\daily_route.blade.php</b> on line <b>397</b><br />
null;

        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);
            }
        }

        map.addLayer(markers);
        map.addLayer(user_locations_markers);

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

        map.fitBounds(group.getBounds());   
    }
    
    $(document).ready(function(){
        /*$('.workingTimeContainer').each(function(){
            var id = $(this).attr('data-id');
            working_time(this,id);
        });
        $('.visitDaysContainer').each(function(){
            var id = $(this).attr('data-id');
            visit_days(this,id);
        });*/
        $('.invisible').remove();
        
        $('.btn-object').on('click', function(){
            var object = $(this).attr('data-object_id');
            
            if($('#container_'+object).is(':hidden')){
                $.ajax({
                    headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            url: '/get_object_data',
                            type: 'POST',
                    data: { 'object' : object},
                    success: function(response){
                        
                        if(response.object.debt_money!=='0.00000'){                            
                            $('#container_'+object).find('.debt_money').closest('.form-group').css('color','red');
                            $('#container_'+object).find('.debt_money').text(response.object.debt_money);
                        }
                        
                        if(response.object.orders_amount!=='0.00000'){                            
                            $('#container_'+object).find('.orders_amount').closest('.form-group').css('color','red');
                            $('#container_'+object).find('.orders_amount').text(response.object.orders_amount);
                        }

                        if(response.object.debt_packaging!=='0.00000'){                            
                            $('#container_'+object).find('.debt_packaging').closest('.form-group').css('color','red');
                            $('#container_'+object).find('.debt_packaging').text(response.object.debt_packaging);
                        }
                        
                        $('#container_'+object).find('.limit').text(response.object.limit);
                        
                        if(response.object.debt_packaging!=='0.00000'){
                            $('#container_'+object).find('.overdue_amount').closest('.form-group').css('color','red');
                            $('#container_'+object).find('.overdue_amount').text(response.object.overdue_amount);
                        }
                        
                        if(response.object.min_order_amount===1){
                            $('#container_'+object).find('.min_amount').text($('#container_'+object).find('.min_amount').attr('data-min_amount'));
                        }
                        
                        if(response.object.transport_amount===1){
                            $('#container_'+object).find('.transport_amount').text($('#container_'+object).find('.transport_amount').attr('data-free_delivery_amount'));
                        }
                        
                        
                        working_time($('#workingTimeContainer_'+object),object);
                        visit_days($('#visitDaysContainer_'+object),object);        
                        
                        $('#container_'+object).toggle();
                    }
                }); 
            }
            else{
                $('#container_'+object).toggle();
            }
        });
    });
    
    $(document).on('click','.btn-promo',function(){
        var object_id = $(this).attr('data-id');
        var user_type = $('#user_type').val();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_object_promotions',
                    type: 'POST',
                    async: false,
            data: { 'object_id' : object_id,
                    'user_type' : user_type},
            success: function(response){
                var html='';
                for(var i in response){
                    html+= "<div class='promotion_descr'><h4>" + response[i].title + "</h4>" + response[i].promotion_description + "</div>";
                }
                $('#promotions_div').html(html);
            }
        });
    }); 
    
    function working_time(element,id) {
        
        var working_time_old = jQuery.parseJSON($(element).closest('.form-group').find('.working_time').val());
        var working_time = $("#workingTimeContainer_"+id).businessHours({
            operationTime: working_time_old,
            postInit:function() {
                $('.operationTimeFrom, .operationTimeTill').timepicker({
                    'timeFormat': 'H:i',
                    'step': 15
                });
            },
            dayTmpl:'<div class="dayContainer" style="width: 80px;">' +
                    '<div data-original-title="" class="colorBox"><input class="invisible operationState" type="checkbox" disabled></div>' +
                    '<div class="weekday"></div>' +
                    '<div class="operationDayTimeContainer">' +
                    '<div class="operationTime input-group"><span class="input-group-addon"><i class="fa fa-sun-o"></i></span><input name="startTime" class="mini-time form-control operationTimeFrom" value="" type="text"></div>' +
                    '<div class="operationTime input-group"><span class="input-group-addon"><i class="fa fa-moon-o"></i></span><input name="endTime" class="mini-time form-control operationTimeTill" value="" type="text"></div>' +
                    '</div></div>'
        });
    }
    
    function visit_days(element,id){
        var visit_days_old = jQuery.parseJSON($(element).closest('.form-group').find('.visit_days').val());
        var visit_days = $("#visitDaysContainer_"+id).businessHours({
            operationTime: visit_days_old,
            dayTmpl:'<div class="dayContainer" style="width: 80px;">' +
                    '<div data-original-title="" class="colorBox"><input class="invisible operationState" type="checkbox"></div>' +
                    '<div class="weekday"></div></div>'
        });
    }
    
    function locationSuccess(position) {
        var user_lat = position.coords.latitude;
        var user_lng = position.coords.longitude;
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/object_visited',
                    type: 'POST',
                    async: false,
            data: { 'route_object_id' : route_object_id,
                    'route_id' : route_id,
                    'user_lat' : user_lat,
                    'user_lng' : user_lng},
            success: function(response){
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    alert(response.success);
                    $(element).removeClass('btn-info').addClass('btn-danger');
                }
            }
        });
    }
    
    var element;
    var route_object_id;
    var route_id;
    
    $('.btn-visited').on('click', function(){        
        element = $(this);
        route_object_id = $(this).attr('data-route_item_id');
        route_id = {!!$daily_route->id ?? 0!!};

        
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(locationSuccess);
        }      
        else{
            var user_lat = null;
            var user_lng = null;
           
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/object_visited',
                        type: 'POST',
                        async: false,
                data: { 'route_object_id' : route_object_id,
                        'route_id' : route_id,
                        'user_lat' : user_lat,
                        'user_lng' : user_lng},
                success: function(response){
                    if(response.warning){
                        alert(response.warning);
                    }
                    else{
                        alert(response.success);
                        $(element).removeClass('btn-info').addClass('btn-danger');
                    }
                }
            });
        }   
        
    });
    
    
    $('.btn-note').on('click', function(){
        $('#note').val('');
        $('.btn-send_note').attr('data-id',$(this).attr('data-object_id'));        
    });
    
    
    $('.btn-show_note').on('click', function(){
        var object_id = $(this).attr('data-object_id');
        $('#show_notes_table > tbody >tr').remove();
        $.ajax({
             headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_object_notes',
                    type: 'POST',
            data: { 'object_id' : object_id},
            success: function(response){
                for(var i in response){
                    var row = "<tr><td>" + response[i].user_name + "</td><td>" + response[i].note + "</td><td>" + response[i].date + "</td></tr>";
                    $('#show_notes_table > tbody').append(row);
                }
            }
         });        
    });
    
     $('.btn-send_note').on('click', function(){
         var object_id = $(this).attr('data-id');
         var user_id = {!!auth()->user()->id!!}; 
         var note = $('#note').val();
         var important = $('#important').val();
                 
         $.ajax({
             headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/create_object_note',
                    type: 'POST',
            data: { 'object_id' : object_id,
                    'user_id' : user_id,
                    'note' : note,
                    'important' : important},
            success: function(response){
                $("button[data-dismiss=\"modal\"]").click();
                if(response.warning){
                    alert(response.warning);
                }
                else{
                    alert(response.success);
                }
                $('.btn-show_note[data-object_id="'+object_id+'"]').removeClass('hidden');
            }
         });
     });
     
     
     $('#contragent').on('change', function(){
        var contragent = $('#contragent').val();
        if(contragent!=0){
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_filtered_objects',
                        type: 'POST',
                        async: false,
                data: { 'client' : contragent},
                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");
                        }
            });
        }
        else{
            var options='<option value="0"> --- Обект --- </option>';
            $('#object').find('option').remove().end();
            
            for (var i in initial_objects){
                options += '<option value="' + initial_objects[i].id + '" name="'+ initial_objects[i].name + '">' + initial_objects[i].name + '</option>';
            }
            $('#object').html(options);
            $('#object').trigger("chosen:updated").change();
        }

    });
     
     
     $('#object').on('change', function(){
        if($(this).val()!=0){
            window.location.href = "/representatives/" + {!! $representative->id !!} + "/object/" + $(this).val() +"/create_order";
        }            
     });
     
     $('.btn-navigate').on('click', function(){
        if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
            var lat = $(this).attr('data-lat');
            var lng = $(this).attr('data-lng');
            window.open("google.navigation:q="+lat+","+lng+"" , '_system');
        }
        else{
            alert('Тази опция работи само на мобилни устройства!');
        }
    });
     
</script>
@endsection