@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    
@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.promotions_arr.create_object.add_object')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.promotions_arr.create_object.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form method="POST" action="{{ route('promotion_objects.store', $promotion_id) }}" role="form" class="form form-horizontal">
                        {{ csrf_field() }}
                                                             
                        @permission('promotion_objects-form-type-read')
                        <div class="form-group{{ $errors->has('type') ? ' has-error' : '' }}">
                            <label for="type" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.promotions_arr.create_object.type')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-indent-right"></i></span>
                                <select class="form-control" id="type" name="type" 
                                    @nonepermission('promotion_objects-form-type-write')
                                        disabled 
                                    @endnonepermission
                                ><option value="0">--- {{__('texte.promotions_arr.create_object.type')}} ---</option>
                                    @foreach ($types as $type)
                                        <option value="{{ $type->id }}" {{old('type') == $type->id ? "selected" : ""}}>{{ $type->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('type'))
                                    <span class="help-block"><strong>{{ $errors->first('type') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('promotion_objects-form-subtype-read')
                        <div class="form-group{{ $errors->has('subtype') ? ' has-error' : '' }}">
                            <label for="subtype" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.promotions_arr.create_object.subtype')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-compressed"></i></span>
                                <select class="form-control" id="subtype" name="subtype" disabled
                                    @nonepermission('promotion_objects-form-subtype-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.promotions_arr.create_object.subtype')}} ---</option>
                                </select>
                                @if ($errors->has('subtype'))
                                    <span class="help-block"><strong>{{ $errors->first('subtype') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('promotion_objects-form-contragent-read')
                        <div class="form-group{{ $errors->has('clients') ? ' has-error' : '' }}">
                            <label for="client" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.promotions_arr.create_object.contragent')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-registration-mark"></i></span>
                                <select class="form-control" id="client" name="client"  
                                        @nonepermission('promotion_objects-form-contragent-write')
                                                disabled 
                                        @endnonepermission
                                        ><option value="0">--- {{__('texte.promotions_arr.create_object.contragent')}} ---</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>
                                @if ($errors->has('client'))
                                    <span class="help-block"><strong>{{ $errors->first('client') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('promotion_objects-form-object-read')
                        <div class="form-group{{ $errors->has('object') ? ' has-error' : '' }}">
                            <label for="object" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.promotions_arr.create_object.object')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-registration-mark"></i></span>
                                <select class="form-control" id="object" name="object"  
                                    @nonepermission('promotion_objects-form-object-write')
                                        disabled 
                                    @endnonepermission
                                >
                                    <option value="0">--- {{__('texte.promotions_arr.create_object.object')}} ---</option>
                                    @foreach ($objects as $object)
                                        <option value="{{ $object->id }}" {{old('object') == $object->id ? "selected" : ""}}>{{$object->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('object'))
                                    <span class="help-block"><strong>{{ $errors->first('object') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        <input type="hidden" name="promotion_id" value="{{$promotion_id}}"/>
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('promotion_objects-route-create') disabled @endnonepermission>{{__('texte.promotions_arr.create_object.add')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/form.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script type="text/javascript" charset="utf-8">
 
    $('#client,#object,#type,#subtype').chosen();

    $('#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("chosen:updated");
                        }
            });
        }
        else{
            $('#subtype').attr('disabled',true);
            var options='<option value=""> --- Подтип --- </option>';
            $('#subtype').html(options);
            $('#subtype').trigger("chosen:updated");            
        }
    });
    
    $('#type,#subtype,#client').on('change', function(){
        var type = $('#type').val();;
        var subtype = $('#subtype').val();
        var client = $('#client').val();
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/get_filtered_objects',
            type: 'POST',
            data: { 'type' : type,
                    'subtype' : subtype,
                    'client' : client},
            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 + '">' + response[i].name + '</option>';
                             }
                             $(':button[type="submit"]').prop('disabled', false);
                        }
                        else{
                            alert('Не са намерени обекти по зададените критерии !');
                            $(':button[type="submit"]').prop('disabled', true);
                        }
                        $('#object').html(options);
                        $('#object').trigger("chosen:updated");
                    }
        });
    });
 </script>
@endsection