@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
@endsection

@section('content')
<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.promotions_arr.objects.objects')}}</h3>
                <div class="pull-right">
                    <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.promotions_arr.objects.promotions')}}</button>
                </div>
            </div>

            <div class="panel-body">
                <form method="POST" action="{{route('promotions.store_objects',$promotion->id)}}" role="form" class="form form-horizontal">
                    {{ csrf_field() }}
                    
                    <fieldset>
                        <div class="form-group row">
                            <label for="type" class="col-sm-2 col-form-label">{{__('texte.promotions_arr.objects.type')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="type" name="type">
                                    <option value="0">--- {{__('texte.promotions_arr.objects.type')}} ---</option>
                                    @foreach ($types as $type)
                                        <option value="{{ $type->id }}" {{(old('type') == $type->id) ? "selected" : ""}}>{{ $type->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="subtype" class="col-sm-2 col-form-label">{{__('texte.promotions_arr.objects.subtype')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="subtype" name="subtype" disabled>
                                    <option value="0">--- {{__('texte.promotions_arr.objects.subtype')}} ---</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="client" class="col-sm-2 col-form-label">{{__('texte.promotions_arr.objects.client')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="client" name="client">
                                    <option value="0">--- {{__('texte.promotions_arr.objects.client')}} ---</option>
                                    @foreach ($clients as $client)
                                            <option value="{{ $client->id }}" {{(old('client') == $client->id) ? "selected" : ""}}>{{ $client->company_name!='' ? $client->company_name : $client->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="object" class="col-sm-2 col-form-label">{{__('texte.promotions_arr.objects.object')}}</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="object" name="object">
                                    <option value="0">--- {{__('texte.promotions_arr.objects.object')}} ---</option>
                                    @foreach ($objects as $object)
                                        <option value="{{ $object->id }}" {{(old('object') == $object->id) ? "selected" : ""}} data-promotion_id="{{$promotion->id}}" data-promotion_priority="{{$object->promotion_priority}}">{{ $object->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <div class="col-sm-12" style='text-align: center;'>
                                <button type="submit" class="btn btn-primary">{{__('texte.promotions_arr.objects.add')}}</button>
                            </div>
                        </div>
                    </fieldset>                       
                </form>

                
                <div class="form-group">
                    <div class="input-group col-xs-8 col-sm-8 col-sm-offset-2 col-md-8">
                        <h3>{{__('texte.promotions_arr.objects.objects_applied')}}</h3>
                        <table class="table table-bordered table-hover table-stripped" id="selected_objects_table">
                            <thead>
                                <tr>
                                    <th>{{__('texte.promotions_arr.objects.id')}}</th>
                                    <th>{{__('texte.promotions_arr.objects.type')}}</th>
                                    <th>{{__('texte.promotions_arr.objects.subtype')}}</th>
                                    <th>{{__('texte.promotions_arr.objects.client')}}</th>
                                    <th>{{__('texte.promotions_arr.objects.object')}}</th>
                                    <th>{{__('texte.promotions_arr.objects.exclude')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($promotion_objects)
                                    @foreach($promotion_objects as $promotion_object)
                                    <tr>
                                        <td>{{$promotion_object->id}}</td>
                                        <td>{{$promotion_object->subtype->type->name}}</td>
                                        <td>{{$promotion_object->subtype->name}}</td>
                                        <td>{{$promotion_object->client->name}}</td>
                                        <td>{{$promotion_object->name}}</td>
                                        <td>
                                            <button type='button' class='btn btn-danger delete_button' data-id='{{$promotion_object->id}}' data-target='#modal-remove-objects' data-toggle='modal'><i class='glyphicon glyphicon-trash'></i></button>
                                        </td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="modal-remove-objects" 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.promotions_arr.objects.promotion_remove_object')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.promotions_arr.objects.remove_object_confirm')}}</div>
                            <div class="modal-footer">
                                <button id="confirm_delete" type="button" class="btn btn-default" onclick="delete_objects()">{{__('texte.promotions_arr.objects.yes')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.promotions_arr.objects.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery.tablesorter.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    $('#client,#object,#type,#subtype').select2();
            
    $('#selected_objects_table').tablesorter();
    
    $('#type').on('change',function(){
        if($(this).val()!=''){
            var type = $(this).val();
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_subtypes',
                        type: 'POST',
                        async: false,
                data: { 'type' : type},
                success: function(response){
                            var options='<option value=""> --- Подтип --- </option>';
                            $('#subtype').find('option').remove().end();
                            if(response.length>0){
                                for (var i in response){
                                       options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                }
                                $('#subtype').attr('disabled',false);
                            }
                            else{
                                 $('#subtype').attr('disabled',true);
                            }
                            $('#subtype').html(options);
                            $('#subtype').trigger("updated");
                        }
            });
        }
        else{
            $('#subtype').attr('disabled',true);
            var options='<option value=""> --- Подтип --- </option>';
            $('#subtype').html(options);
            $('#subtype').trigger("updated");            
        }
    });
    
    $('#type,#subtype,#client').on('change', function(){
        var type = $('#type').val();;
        var subtype = $('#subtype').val();
        var client = $('#client').val();
        
        $('#selected_objects_table tbody tr').remove();
        
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_filtered_objects',
            type: 'POST',
            data: { 'type' : type,
                    'subtype' : subtype,
                    'client' : client,
                    'with_promotions' : 1},
            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 + '" data-promotion="'+ response[i].title + '" data-promotion_priority="'+ response[i].promotion_priority + '">' + response[i].name + '</option>';
                             }
                             $(':button[type="submit"]').prop('disabled', false);
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии !');
                            $(':button[type="submit"]').prop('disabled', true);
                        }
                        $('#object').html(options);
                        $('#object').trigger("updated");
                    }
        });

    });
    
    
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_object('+ $(this).attr('data-id') +')');
     }); 
       
    function delete_object(id){
        var promotion_id = {!! $promotion->id !!}
         $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/remove_promotion_object',
                    type: 'POST',
            data: { 'id' : id,
                    'promotion_id' : promotion_id},
            success: function(response){
                     $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                 }
        });
    }
  
</script>
@endsection