@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:100%;
    }

</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.forbid_for_objects.forbid')}} {{$product->name}} {{__('texte.products_arr.forbid_for_objects.for_objects')}}
                    </h3>
                    <div class="pull-right">
                        <a class="btn btn-primary back-btn" href="{{route('products.index')}}">{{__('texte.products_arr.forbid_for_objects.to_products')}}</a>
                    </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.forbid_for_objects.id')}}</th>
                                <th>{{__('texte.products_arr.forbid_for_objects.contragent')}}</th>
                                <th>{{__('texte.products_arr.forbid_for_objects.object')}}</th>
                                <th>{{__('texte.products_arr.forbid_for_objects.forbidden_products')}}</th>
                                <th>{{__('texte.products_arr.forbid_for_objects.actions')}}</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>
                                            @foreach($forbidden_products as $forbidden_product)
                                                @if(strpos($object->forbidden_products->forbidden_products,','.$forbidden_product->id.',')!==false)
                                                {{$forbidden_product->name}}</br>
                                                @endif
                                            @endforeach
                                        </td>
                                        <td>
                                            <button type='button' class='btn btn-sm btn-warning forbid_product' data-id='{{$object->id}}' {{strpos($object->forbidden_products->forbidden_products,','.$product->id.',')!==false ? "disabled" : ''}}>{{strpos($object->forbidden_products->forbidden_products,','.$product->id.',')===false ? __('texte.products_arr.forbid_for_objects.forbid1') : __('texte.products_arr.forbid_for_objects.forbidden')}}</button>
                                        </td>
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td colspan='4'></td>
                                        <td>
                                            <button type='button' class='btn btn-sm btn-warning forbid_for_all' data-id='{{$object->id}}'>{{__('texte.products_arr.forbid_for_objects.forbid_for_all')}}</button>
                                        </td>
                                    </tr>
                                @else
                                    <tr>
                                        <td colspan="7">
                                            <p>{{__('texte.products_arr.forbid_for_objects.no_objects_to_show')}}</p>
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </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');
                    }
        });    
    }
    
    $('.forbid_product').on('click', function(){
        var element = $(this);
        var object_id = $(element).attr('data-id');
        var product_id = {!!$product->id!!};
        
        $.ajax({
        headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/ajax_forbid_product',
                type: 'POST',
        data: { 'product_id' : product_id,
                'object_id' : object_id},
            
        success: function(response){
                    if(response.warning){
                        alert(response.warning);
                    }
                    else{
                        alert(response.success);
                        element.html('Забранен');
                        $(element).attr('disabled',true);
                    }
                }
        }); 
    });
    
    
    $('.forbid_for_all').on('click', function(){
       
        var product_id = {!!$product->id!!};
        
        var forbidden_for_objects = [];

        $('.forbid_product:not(:disabled)').each(function(){
            forbidden_for_objects.push($(this).attr('data-id'));
        });
        
        if(forbidden_for_objects.length>0){
            $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/ajax_forbid_for_all',
                    type: 'POST',
            data: { 'product_id' : product_id,
                    'forbidden_for_objects' : forbidden_for_objects},

            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
            }); 
        }
    });
    
</script>
@endsection