@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.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.newsletters_arr.edit.edit_newsletter')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.newsletters_arr.edit.back')}}</button>
                    </div>
                </div>
                <div class="panel-body">
                    <form id='newsletter_edit' method="POST" action="{{route('newsletters.update',$newsletter->id)}}" role="form" class="form form-horizontal" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        @permission('newsletter-form-title-read')
                        <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
                            <label for="title" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.edit.title')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
                                <input type="text" class="form-control" id="title" name="title" value="{{ old('title',$newsletter->title) }}" placeholder="{{__('texte.newsletters_arr.edit.title')}}" required autofocus 
                                    @nonepermission('newsletter-form-title-write')
                                        readonly 
                                    @endnonepermission
				/>
				@if ($errors->has('title'))
                                    <span class="help-block"><strong>{{ $errors->first('title') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                       
                        @permission('newsletter-form-active-read')
                        <div class="form-group{{ $errors->has('active') ? ' has-error' : '' }}">
                            <div class="input-group col-xs-12 col-xs-offset-2 col-sm-12 col-sm-offset-2 col-md-12 col-md-offset-2">
                                <label for="active" class="control-label">
                                <input type="checkbox" id="active" name="active" value="1" 
                                    @nonepermission('newsletter-form-active-write')
                                        disabled 
                                    @endnonepermission
                                    @if ($newsletter->active)
                                        checked 
                                    @endif
                                > {{__('texte.newsletters_arr.edit.active')}} </label>
                                @if ($errors->has('active'))
                                    <span class="help-block"><strong>{{ $errors->first('active') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('newsletter-form-description-read')
                        <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                            <label for="description" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.edit.description')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
                                <textarea class="form-control" id="description" name="description" autofocus required
                                    @nonepermission('newsletter-form-description-write')
                                        readonly 
                                    @endnonepermission
                                >{{ old('description',$newsletter->description) }}</textarea>
				@if ($errors->has('description'))
                                    <span class="help-block"><strong>{{ $errors->first('description') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('newsletter-form-mobile_text-read')
                        <div class="form-group{{ $errors->has('mobile_text') ? ' has-error' : '' }}">
                            <label for="mobile_text" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.create.mobile_text')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span>
                                <input type="text" class="form-control" id="mobile_text" name="mobile_text" value="{{ old('mobile_text',$newsletter->mobile_text) }}" placeholder="{{__('texte.newsletters_arr.create.mobile_text')}}" 
                                    @nonepermission('newsletter-form-mobile_text-write')
                                        readonly 
                                    @endnonepermission
				/>
				@if ($errors->has('mobile_text'))
                                    <span class="help-block"><strong>{{ $errors->first('mobile_text') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission
                        
                        @permission('newsletter-form-notify-read')
                        <div class="form-group{{ $errors->has('notify') ? ' has-error' : '' }}">
                            <label class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.create.notify')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <label class="control-label">
                                    <input type="radio" name="notify" value="1" checked="checked"
                                        @nonepermission('newsletter-form-notify-write')
                                            disabled 
                                        @endnonepermission
                                        @if (old('notify',$newsletter->notify) == 1)
                                            checked 
                                        @endif
                                    /> {{__('texte.newsletters_arr.create.email')}} 
                                </label>

                                <label class="control-label">
                                    <input type="radio" name="notify" value="2" {{isset($products_to_import) ? 'checked' : ''}}
                                        @nonepermission('newsletter-form-notify-write')
                                            disabled 
                                        @endnonepermission
                                        @if (old('notify',$newsletter->notify) == 2)
                                            checked 
                                        @endif
                                    /> {{__('texte.newsletters_arr.create.mobile')}} 
                                </label>

                                <label class="control-label">
                                    <input type="radio" name="notify" value="3" 
                                        @nonepermission('newsletter-form-notify-write')
                                            disabled 
                                        @endnonepermission
                                        @if (old('notify',$newsletter->notify) == 3)
                                            checked 
                                        @endif
                                    /> {{__('texte.newsletters_arr.create.both')}} 
                                </label>
				@if ($errors->has('notify'))
                                    <span class="help-block"><strong>{{ $errors->first('notify') }}</strong></span>
				@endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
                        @permission('newsletter-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.newsletters_arr.create.type')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-pushpin"></i></span>
                                <select class="form-control" id="type" name="type[]" data-name="{{__('texte.newsletters_arr.create.type')}}" multiple
                                    @nonepermission('newsletter-form-type-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($types as $type)
                                        <option value="{{ $type->id }}" {{in_array($type->id,explode(',',trim($newsletter->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('newsletter-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.newsletters_arr.create.subtype')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-pushpin"></i></span>
                                <select class="form-control" id="subtype" name="subtype[]" data-name="{{__('texte.newsletters_arr.create.subtype')}}" multiple {{$newsletter->type_id==',,' ? 'disabled' : '' }}
                                    @nonepermission('newsletter-form-subtype-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach($subtypes as $subtype)
                                        @if($newsletter->type_id==',,' || in_array($subtype->type_id,explode(',',trim($newsletter->type_id,','))))
                                            <option value='{{$subtype->id}}' {{in_array($subtype->id,explode(',',trim($newsletter->subtype_id,','))) ? 'selected' : ''}}>{{$subtype->name}}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @if ($errors->has('subtype'))
                                    <span class="help-block"><strong>{{ $errors->first('subtype') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
			@endpermission

                        @permission('newsletter-form-region-read')
			<div class="form-group{{ $errors->has('region') ? ' has-error' : '' }}">
                            <label for="region" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.create.region')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-picture"></i></span>
                                <select class="form-control" id="region" name="region[]" data-name="{{__('texte.newsletters_arr.create.region')}}" multiple
                                    @nonepermission('newsletter-form-region-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach ($regions as $region)
                                        <option value="{{ $region->id }}" {{in_array($region->id,explode(',',trim($newsletter->region_id,','))) ? 'selected' : ''}}>{{ $region->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('region'))
                                    <span class="help-block"><strong>{{ $errors->first('region') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission

                        @permission('newsletter-form-subregion-read')
                        <div class="form-group{{ $errors->has('subregion') ? ' has-error' : '' }}">
                            <label for="subregion" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.newsletters_arr.create.subregion')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
				<span class="input-group-addon"><i class="glyphicon glyphicon-picture"></i></span>
                                <select class="form-control" id="subregion" name="subregion[]" data-name="{{__('texte.newsletters_arr.create.subregion')}}" multiple {{$newsletter->region_id==',,' ? 'disabled' : '' }}
                                    @nonepermission('newsletter-form-subregion-write')
                                        readonly 
                                    @endnonepermission
                                    >
                                    @foreach($subregions as $subregion)
                                        @if($newsletter->region_id==',,' || in_array($subregion->region_id,explode(',',trim($newsletter->region_id,','))))
                                            <option value='{{$subregion->id}}' {{in_array($subregion->id,explode(',',trim($newsletter->subregion_id,','))) ? 'selected' : ''}}>{{$subregion->name}}</option>
                                        @endif
                                    @endforeach
                                </select>
                                @if ($errors->has('subregion'))
                                    <span class="help-block"><strong>{{ $errors->first('subregion') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                        @endpermission
                        
			<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('newsletter-route-edit') disabled @endnonepermission>{{__('texte.newsletters_arr.edit.change')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script src="{{ asset('js/chosen.js') }}"></script>
<script src="/vendor/unisharp/ckeditor/ckeditor.js"></script>

    <script>
        var options = {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}',
            filebrowserUploadMethod: 'form'
        };
        CKEDITOR.replace('description',options);     

        CKEDITOR.on('instanceReady', function(){
            $.each( CKEDITOR.instances, function(instance) {
                CKEDITOR.instances[instance].on("change",
                    function(e) {
                                    for ( instance in CKEDITOR.instances)
                                        CKEDITOR.instances[instance].updateElement();
                            });
                      });
                });
        
        $(document).ready(function(){
            
            $('#type,#subtype,#region,#subregion').each(function(){
                var select_element = $(this);
                select_element.chosen({placeholder_text_multiple: '--- '+ select_element.attr('data-name') + ' ---'});
            });


            $('#type').on('change',function(){
                if($(this).val()!=''){
                    var type = $(this).val();
                    $.ajax({
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                },
                                url: '/get_types_subtypes',
                                type: 'POST',
                        data: { 'types' : type},
                        success: function(response){
                                    $('#subtype').find('option').remove().end();
                                    var options = '';
                                    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);
                    $('#subtype').html('');
                    $('#subtype').trigger("chosen:updated");            
                }
            });


            $('#region').on('change',function(){
                if($(this).val()!=''){
                    var region = $(this).val();
                    $.ajax({
                        headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                },
                                url: '/get_regions_subregions',
                                type: 'POST',
                        data: { 'regions' : region},
                        success: function(response){
                                    $('#subregion').find('option').remove().end();
                                    var options = '';
                                    if(response.length>0){
                                        for (var i in response){
                                               options += '<option value="' + response[i].id + '">' + response[i].name + '</option>';
                                        }
                                        $('#subregion').attr('disabled',false);
                                    }
                                    else{
                                         $('#subregion').attr('disabled',true);
                                    }
                                    $('#subregion').html(options);
                                    $('#subregion').trigger("chosen:updated");
                                }
                    });
                }
                else{
                    $('#subregion').attr('disabled',true);
                    $('#subregion').html('');
                    $('#subregion').trigger("chosen:updated");            
                }
            });

        });
    
    </script>
@endsection