@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: 654px;
    }
    #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;
    }
    
    .table-responsive{
        margin-left:auto;
        margin-right:auto;
        width:800px;
    }

</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.products_arr.forbidden_for_objects.objects_forbidden')}} {{$product->name}} 
                    </h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.products_arr.forbidden_for_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.products_arr.forbidden_for_objects.id')}}</th>
                                <th>{{__('texte.products_arr.forbidden_for_objects.contragent')}}</th>
                                <th>{{__('texte.products_arr.forbidden_for_objects.object')}}</th>
                                <th><button type='button' class="btn btn-sm btn-danger delete_all_button" title="{{__('texte.products_arr.forbidden_for_objects.remove_all')}}" data-target='#modal-delete' data-toggle='modal'><i class="glyphicon glyphicon-trash"></i></a></th>
                            </thead>
                            <tbody>   
                                @if(count($objects)>0)
                                    @foreach($objects as $object)
                                    <tr id="object_{{$object->id}}">
                                        <td>{{$object->id}}</td>
                                        <td>{{$object->contragent_name}}</td>
                                        <td>{{$object->name}}</td>
                                        <td>
                                            <a type='button' class='btn btn-sm btn-danger delete_button' data-id='{{$object->id}}' title='{{__('texte.products_arr.forbidden_for_objects.delete')}}' data-target='#modal-delete' data-toggle='modal'><i class='glyphicon glyphicon-trash'></i></a>
                                        </td>
                                    </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="7">
                                            <p>{{__('texte.products_arr.forbidden_for_objects.no_objects_to_show')}}</p>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </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.products_arr.forbidden_for_objects.remove_product_from_forbidden')}}</h4>
                                </div>
                                <div class="modal-body"></div>
                                <div class="modal-footer">
                                    <button id="confirm_delete" type="button" class="btn btn-default">{{__('texte.products_arr.forbidden_for_objects.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{__('texte.products_arr.forbidden_for_objects.no')}}</button>
                                </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">
   
   $('#category,#mark,#package,#material,#size,#product').chosen();
   
    $(document).on('click','.delete_button',function(){
        $('#modal-delete .modal-body').html('Сигурни ли сте,че искате да премахнете този продукт от забранените за обект ' + $(this).closest('tr').find('td:eq(2)').text() + '?');
        $('#confirm_delete').attr('onclick','delete_forbidden_product('+ $(this).data('id') + ')');
    }); 
    
    $(document).on('click','.delete_all_button',function(){
        $('#modal-delete .modal-body').html('Сигурни ли сте,че искате да премахнете този продукт от забранените за всички обекти ?');
        $('#confirm_delete').attr('onclick','delete_forbidden_product(0)');
    }); 
    
    function delete_forbidden_product(object_id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_forbidden_product',
                    type: 'POST',
            data: { 'id' : {!!$product->id!!},
                    'object_id' : object_id},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            if(object_id==0){
                                $('#myTable tbody tr').remove();
                                $('#myTable tbody').append('<tr><td colspan="7"><p>Няма забранени продукти</p></td></tr>');
                            }
                            else{
                                $('#object_'+object_id).remove();
                            }
                        }
                        $('#modal-delete').modal('hide');
                    }
        });    
    }
    
</script>
@endsection