@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/style.css') }}" rel="stylesheet">
@endsection


@section('style')
<style>
   
    .chosen-container{
        width: 100% !important;
    }
    
    
</style>
@endsection

@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">

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

                <div class="panel-body">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.contragent')}}: </strong>
                            <a class="btn btn-info btn-xs" href="{{ route('contragents.show', $object->contragent_id) }}">{{ $object->contragent->company_name ? $object->contragent->company_name : $object->contragent->user->name }}</a>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.object_name')}}: </strong>
                            {{ $object->user->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.email')}}: </strong>
                            {{ $object->user->email }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.contact_person')}}: </strong>
                            {{ $object->contact_person }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.representative')}}: </strong>
                            {{ optional($object->spokesman)->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.country')}}: </strong>
                            {{ $object->location->area->country->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.area')}}: </strong>
                            {{ $object->location->area->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.location')}}: </strong>
                            {{ $object->location->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.delivery_address')}}: </strong>
                            {{ $object->delivery_address }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.longitude')}}: </strong>
                            {{ $object->gps_lng }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.latitude')}}: </strong>
                            {{ $object->gps_lat }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.cellphone')}}: </strong>
                            {{ $object->user->mobile }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.phone')}}: </strong>
                            {{ $object->user->phone }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.fax')}}: </strong>
                            {{ $object->user->fax }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.note')}}: </strong>
                            {{ $object->user->note }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.region')}}: </strong>
                            {{ $object->subregion->region->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.subregion')}}: </strong>
                            {{ $object->subregion->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.type')}}: </strong>
                            {{ $object->subtype->type->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.subtype')}}: </strong>
                            {{ $object->subtype->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.email_notification')}}: </strong>
                            {{ App\Model::ACTIVE[$object->notify_email] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.sms_notification')}}: </strong>
                            {{ App\Model::ACTIVE[$object->notify_sms] }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.min_order_amount')}}: </strong>
                            {{ App\Model::ACTIVE[$object->min_order_amount] }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.transport_amount')}}: </strong>
                            {{ App\Model::ACTIVE[$object->transport_amount] }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.sms_notification')}}: </strong>
                            {{ App\Model::ACTIVE[$object->notify_sms] }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.payment_output')}}: </strong>
                            {{ $object->payment_from==0 ? __('texte.objects_arr.show.contragent_lvl') : __('texte.objects_arr.show.object_lvl') }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.payment_type')}}: </strong>
                            {{ App\Contragent::PAYMENT_TYPE[$object->payment_type]['title'] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.add_wrappage')}}: </strong>
                            {{ App\Model::ACTIVE[$object->plus_wrappage] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.limit_amount')}}: </strong>
                            {{ $object->limit }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.payment_time')}}: </strong>
                            {{ App\Contragent::TIME_OF_PAYMENT[$object->time_of_payment]['title'] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.delayed_days')}}: </strong>
                            {{ $object->delayed_days }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.expired_days')}}: </strong>
                            {{ $object->expired_days }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.batch_not_older')}}: </strong>
                            {{ $object->partida_not_older }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.export_for_producers')}}: </strong>
                            {{ App\Model::ACTIVE[$object->export_for_producers] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.documents')}}: </strong>
                            @foreach ($object->documents as $document)
                                <a class="btn btn-info btn-xs" href="{{ route('documents.show', $document->id) }}">{{ $document->type->title }} # {{ $document->number }}</a>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.active')}}: </strong>
                            {{ App\Model::ACTIVE[$object->active] }}
                        </div>
                    </div>

                    @foreach ($object->images as $image)
                    <div class="col-xs-2 col-sm-2 col-md-2" style="width:10%">
                        <img src="{{asset('/images/objects/thumbs/'.$image->name)}}" alt="{{$image->title}}">
                    </div>
                    @endforeach
                    
                    @if(count($object->notes)>0)
                        <div class="form-group">
                            <strong>{{__('texte.objects_arr.show.notes')}}: </strong>
                            <table class='table table-bordered table-striped'>
                                <thead>
                                    <th>{{strtoupper(__('texte.objects_arr.show.id'))}}</th>
                                    <th>{{__('texte.objects_arr.show.user')}}</th>
                                    <th>{{__('texte.objects_arr.show.note')}}</th>
                                    <th>{{__('texte.objects_arr.show.important')}}</th>
                                    <th>{{__('texte.objects_arr.show.new')}}</th>
                                    <th>{{__('texte.objects_arr.show.created_at')}}</th>
                                    <th>{{__('texte.objects_arr.show.delete')}}</th>
                                </thead>
                                <tbody>
                                    @foreach ($object->notes as $note)
                                    <tr>
                                        <td>{{$note->id}}</td>
                                        <td>{{$note->user->name}}</td>
                                        <td>{{$note->note}}</td>
                                        <td>{{$note->important==1 ? __('texte.objects_arr.show.yes') : __('texte.objects_arr.show.no')}}</td>
                                        <td>{{$note->read==0 ? __('texte.objects_arr.show.yes') : __('texte.objects_arr.show.no')}}</td>
                                        <td>{{date("d.m.Y H:i",strtotime($note->created_at))}}</td>
                                        <td>
                                            <div class='btn-group'>
                                                <button class="btn btn-me {{$note->read==0 ? 'btn-success' : 'btn-primary'}} btn-sm btn-read" data-id="{{$note->id}}" data-read="{{$note->read}}" data-toggle='tooltip' title="{{$note->read==0 ? 'Маркирай като прочетено' : 'МАркирай като ново'}}"><i class='glyphicon {{$note->read==0 ? 'glyphicon-eye-close' : 'glyphicon-eye-open'}}'></i></button>
                                                <button class="btn btn-me btn-warning btn-sm btn-edit" data-id="{{$note->id}}" data-target='#modal-edit' data-toggle='modal'><i class='glyphicon glyphicon-pencil'></i></button>
                                                <button class="btn btn-me btn-danger btn-sm btn-delete" data-id="{{$note->id}}" data-target='#modal-delete' data-toggle='modal'><i class='glyphicon glyphicon-trash'></i></button>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>                        
                    @endif
                </div>
                <div class="panel-footer"></div>
                
                <!-- Modal window on object note delete-->
                <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.objects_arr.show.note_delete')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.objects_arr.show.note_delete_confirm')}}</div>
                            <div class="modal-footer">
                                <button id="confirm_delete" type="button" class="btn btn-default" onclick="delete_note()">{{__('texte.objects_arr.show.yes')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.objects_arr.show.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Modal window on object note edit-->
                <div id="modal-edit" 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.objects_arr.show.note_update')}}</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.objects_arr.show.note')}}</label>
                                    <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                        <textarea id='note' class='note' placeholder='{{__('texte.objects_arr.show.note')}}' rows="5" style='width:80%;'></textarea>
                                        <input type="hidden" name="note_id" id="note_id" value="0"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="important" class="control-label col-xs-3 col-sm-3 col-md-3">{{__('texte.objects_arr.show.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.objects_arr.show.no')}}</option>
                                            <option value='1'>{{__('texte.objects_arr.show.yes')}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type='button' class='btn btn-primary btn-update_note' data-object_id=''>{{__('texte.objects_arr.show.update')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

<script type="text/javascript" charset="utf-8">
    
    $('#important').chosen();
    
    $(document).on('click','.btn-delete',function(){
        $('#confirm_delete').attr('onclick','delete_note('+ $(this).data('id') + ')');
    }); 
    
    function delete_note(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_object_note',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
    
    
    $(document).on('click','.btn-read',function(){
        var id = $(this).attr('data-id');
        var read = $(this).attr('data-read');
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/change_object_note_status',
                    type: 'POST',
            data: { 'id' : id,
                    'read' : read},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        }); 
    }); 
    
    $(document).on('click','.btn-edit',function(){
        var id = $(this).attr('data-id');
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/get_object_note',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            $('#note').val(response.note);
                            $('#important').val(response.important).trigger('chosen:updated');
                            $('#note_id').val(id);
                        }
                    }
        }); 
    });
    
    $(document).on('click','.btn-update_note',function(){
        var id = $('#note_id').val();
        var note = $('#note').val();
        var important = $('#important').val();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/update_object_note',
                    type: 'POST',
            data: { 'id' : id,
                    'note' : note,
                    'important' : important},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        }); 
    });
    

    
</script>
@endsection