@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: 852px;
    }
    #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.objects_arr.forbidden_products.forbidden_products_for_object')}} {{$object->user->name}} 
                    </h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.objects_arr.forbidden_products.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.objects_arr.forbidden_products.id')}}</th>
                                <th>{{__('texte.objects_arr.forbidden_products.product')}}</th>
                                <th data-sorter="false">
                                    <div class='btn-group btn-group-sm'>
                                        <button type='button' class="btn btn-sm btn-primary" title="{{__('texte.objects_arr.forbidden_products.add')}}" data-target='#modal-add' data-toggle='modal'><i class="glyphicon glyphicon-plus"></i></a>
                                        <button type='button' class="btn btn-sm btn-danger delete_all_button" title="{{__('texte.objects_arr.forbidden_products.remove_all')}}" data-target='#modal-delete-all' data-toggle='modal'><i class="glyphicon glyphicon-trash"></i></a>
                                    </div>
                                </th>
                            </thead>
                            <tbody>   
                                @if(count($forbidden_products)>0)
                                    @foreach($forbidden_products as $forbidden_product)
                                    <tr id="forbidden_product_{{$forbidden_product->id}}">
                                        <td>{{$forbidden_product->id}}<input class="frobidden_product_id" type="hidden" name="frobidden_product_id[]" value="{{$forbidden_product->id}}"></td>
                                        <td>{{$forbidden_product->name}}</td>
                                        <td>
                                            <a type='button' class='btn btn-sm btn-danger delete_button' data-id='{{$forbidden_product->id}}' title='{{__('texte.objects_arr.forbidden_products.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.objects_arr.forbidden_products.no_forbidden_products')}}</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.objects_arr.forbidden_products.remove_product')}}</h4>
                                </div>
                                <div class="modal-body">{{__('texte.objects_arr.forbidden_products.remove_product_confirm')}}</div>
                                <div class="modal-footer">
                                    <button id="confirm_delete" type="button" class="btn btn-default">{{__('texte.objects_arr.forbidden_products.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{__('texte.objects_arr.forbidden_products.no')}} </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Modal -->
                    <div id="modal-delete-all" 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.forbidden_products.remove_products')}}</h4>
                                </div>
                                <div class="modal-body">{{__('texte.objects_arr.forbidden_products.remove_products_confirm')}}</div>
                                <div class="modal-footer">
                                    <button id="confirm_delete_all" type="button" class="btn btn-default">{{__('texte.objects_arr.forbidden_products.yes')}}</button>
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{__('texte.objects_arr.forbidden_products.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.objects_arr.forbidden_products.select_products')}}</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-inline">
                                        
                                        <div class="form-group">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="category" name="category">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.category')}} ---</option>
                                                    @foreach($categories as $current_category)
                                                    <option data-level="1" value='{{$current_category->id}}' {{isset($input['category']) && in_array($current_category->id,$input['category']) ? "selected" : ""}}>{{$current_category->name}}</option>
                                                        @if(count($current_category->children)>0)
                                                            @foreach($current_category->children as $current_sub_category)
                                                                <option data-level="{{count($current_sub_category->children)>0 ? '2' : '3'}}" data-parent="{{$current_category->id}}" value='{{$current_sub_category->id}}' {{isset($input['category']) && in_array($current_sub_category->id,$input['category']) ? "selected" : ""}}>&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name}}</option>
                                                                @if(count($current_sub_category->children)>0)
                                                                    @foreach($current_sub_category->children as $current_sub_sub_category)
                                                                        <option data-level="3" data-parent_parent="{{$current_category->id}}" data-parent="{{$current_sub_category->id}}" value='{{$current_sub_sub_category->id}}' {{isset($input['category']) && in_array($current_sub_sub_category->id,$input['category']) ? "selected" : ""}}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$current_category->name."\\ ".$current_sub_category->name."\\ ".$current_sub_sub_category->name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @endforeach
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="producer" name="producer">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.producer')}} ---</option>
                                                    @foreach ($producers as $producer)
                                                        <option value="{{ $producer->id }}" {{old('producer') == $producer->id ? "selected" : ""}}>{{ $producer->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                                <select class="form-control" id="mark" name="mark">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.mark')}} ---</option>
                                                    @foreach ($marks as $mark)
                                                        <option value="{{ $mark->id }}" {{old('mark') == $mark->id ? "selected" : ""}}>{{ $mark->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control wrappage" id="package" name="package">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.package')}} ---</option>
                                                    @foreach ($packages as $package)
                                                        <option value="{{ $package->id }}" {{old('package') == $package->id ? "selected" : ""}}>{{ mb_ucfirst($package->name) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control wrappage" id="material" name="material">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.material')}} ---</option>
                                                    @foreach ($materials as $material)
                                                        <option value="{{ $material->id }}" {{old('material') == $material->id ? "selected" : ""}}>{{ mb_ucfirst($material->name) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="size" name="size">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.size')}} ---</option>    
                                                    @foreach ($sizes as $size)
                                                        <option value="{{ $size->id}}" {{old('size') == $size->id ? "selected" : ""}}>{{ $size->value.' '.App\Size::SHORT_TYPES[$size->unit]}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="input-group">
                                                <select class="form-control" id="product" name="product">
                                                    <option value="0">--- {{__('texte.objects_arr.forbidden_products.product')}} ---</option>
                                                    @foreach ($products as $product)
                                                        <option value="{{ $product->id}}" {{old('product') == $product->id ? "selected" : ""}}>{{ $product->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    

                                    <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.objects_arr.forbidden_products.reset_filters')}}</button>
                                            <button type="button" class="btn btn-primary" onclick="show_filtered_products();">{{__('texte.objects_arr.forbidden_products.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('objects.post_forbidden_products',$object->id)}}" role="form" class="form form-horizontal">
                                                {{ csrf_field() }}

                                                <div id="products_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">
   
   $('#category,#mark,#package,#material,#size,#product,#producer').chosen();
   
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_forbidden_product('+ $(this).data('id') + ')');
    }); 
    
    $(document).on('click','.delete_all_button',function(){
        $('#confirm_delete_all').attr('onclick','delete_forbidden_product(0)');
    }); 
    
    function delete_forbidden_product(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_forbidden_product',
                    type: 'POST',
            data: { 'id' : id,
                    'object_id' : {!!$object->id!!}},
            success: function(response){
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            if(id==0){
                                $('#myTable tbody tr').remove();
                                $('#myTable tbody').append('<tr><td colspan="7"><p>Няма забранени продукти</p></td></tr>');
                            }
                            else{
                                $('#forbidden_product_'+id).remove();
                            }
                        }
                        $('#modal-delete').modal('hide');
                        $('#modal-delete-all').modal('hide');
                    }
        });    
    }
    
    function show_filtered_products(){
        var category = $('#category').val();
        var mark = $('#mark').val();
        var package = $('#package').val();
        var material = $('#material').val();
        var size = $('#size').val();
        var product = $('#product').val();
        var producer = $('#producer').val();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_filtered_products',
            type: 'POST',
            data: { 'category' : category,
                    'mark' : mark,
                    'package' : package,
                    'material' : material,
                    'size' : size,
                    'product' : product,
                    'producer' : producer},
                
            success: function(response){
                        $('#products_table').html("");
                
                        if(response.length>0){                            
                            var html = "<table class='table table-bordered table-striped table-hover'><thead><tr><th>ID</th><th>Продукт</th><th>Премахни</th></tr></thead><tbody>";
                            for (var i in response){
                                html+= '<tr><td>'+response[i].id+'<input type="hidden" name="forbidden_product_id[]" value="'+response[i].id+'"/>' + '</td><td>'+ response[i].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>';
                            
                            $('#products_table').html(html);
                        }
                        else{
                            alert('Не са намерени продукти по зададените критерии!');
                        } 
                    }
        });
    }
    
    $(document).on('click','.remove', function(){
        $(this).closest('tr').remove();
        if($('.remove').length==0){
            $('#products_table').html('');
        }
    });
    
    $('#category,#mark,#package,#material,#size,#product,#producer').change(function(){
        $('#products_table').html('');
    });
    
    $('#producer').on('change', function(){
        var producer = $('#producer').val();
        var marks = $('#mark').val();

        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_producer_marks',
            type: 'POST',
            data: {'producer' : producer},
            success: function(response){                        
                        var options='<option value="0"> --- Марка --- </option>';
                        $('#mark').find('option').remove().end();
                        
                        for (var i in response){
                              options += '<option value="' + response[i].id + '" name="'+ response[i].name + '" '+ ($.inArray(String(response[i].id), marks)!== -1 ? "selected" : "") + '>' + response[i].name + '</option>';
                        }
                        
                        $('#mark').html(options).trigger("chosen:updated").change();
                    }
        });           
    }).change();
    
    
    function clear_filters(){
        $('#category,#mark,#package,#material,#size,#product,#producer').val(0).trigger("chosen:updated");
        $('#producer').change();
    }
</script>
@endsection