@extends('layouts.iconbar')

@section('title')
Create Qa
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('content')
<div class="page-content">
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    {!! Form::open(['method' => 'POST', 'route' => ['admin.qa.store'], 'files' => true,]) !!}
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::select('job_id', $jobs, old('job_id'), ['class' => 'form-control select2']) !!}
                                {!! Form::label('job_id', trans('global.qa.fields.job').'', ['class' => 'floating-label']) !!}
                                <p class="help-block"></p>
                                @if($errors->has('job_id'))
                                <p class="help-block">
                                    {{ $errors->first('job_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                <input type="text" class="form-control" readonly="">

                                {!! Form::file('images[]', [
                                'multiple',
                                'class' => 'form-control file-upload',
                                'data-url' => route('admin.media.upload'),
                                'data-bucket' => 'images',
                                'data-filekey' => 'images',
                                ]) !!}
                                {!! Form::label('images', trans('global.qa.fields.images').'', ['class' => 'floating-label']) !!}

                                <p class="help-block"></p>
                                <div class="photo-block">
                                    <div class="progress-bar form-group">&nbsp;</div>
                                    <div class="files-list"></div>
                                </div>
                                @if($errors->has('images'))
                                <p class="help-block">
                                    {{ $errors->first('images') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::textarea('notes', old('notes'), ['class' => 'form-control ', 'placeholder' => '']) !!}
                                {!! Form::label('notes', trans('global.qa.fields.notes').'', ['class' => 'floating-label']) !!}
                                <p class="help-block"></p>
                                @if($errors->has('notes'))
                                <p class="help-block">
                                    {{ $errors->first('notes') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                    {!! Form::button(trans('global.app_save'), ['class' => 'btn btn-info', 'type' => 'submit']) !!}
                    {!! Form::close() !!}

                </div>
            </div>
        </div>
    </div>
</div>


@stop

@section('javascript')
@parent

<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.fileupload.js') }}"></script>
<script>
    $(function () {
        $('.file-upload').each(function () {
            var $this = $(this);
            var $parent = $(this).parent();

            $(this).fileupload({
                dataType: 'json',
                formData: {
                    model_name: 'Qa',
                    bucket: $this.data('bucket'),
                    file_key: $this.data('filekey'),
                    _token: '{{ csrf_token() }}'
                },
                add: function (e, data) {
                    data.submit();
                },
                done: function (e, data) {
                    $.each(data.result.files, function (index, file) {
                        var $line = $($('<p/>', {class: "form-group"}).html(file.name + ' (' + file.size + ' bytes)').appendTo($parent.find('.files-list')));
                        $line.append('<a href="#" class="btn btn-xs btn-danger remove-file">Remove</a>');
                        $line.append('<input type="hidden" name="' + $this.data('bucket') + '_id[]" value="' + file.id + '"/>');
                        if ($parent.find('.' + $this.data('bucket') + '-ids').val() != '') {
                            $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + ',');
                        }
                        $parent.find('.' + $this.data('bucket') + '-ids').val($parent.find('.' + $this.data('bucket') + '-ids').val() + file.id);
                    });
                    $parent.find('.progress-bar').hide().css(
                        'width',
                        '0%'
                        );
                }
            }).on('fileuploadprogressall', function (e, data) {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $parent.find('.progress-bar').show().css(
                    'width',
                    progress + '%'
                    );
            });
        });
        $(document).on('click', '.remove-file', function () {
            var $parent = $(this).parent();
            $parent.remove();
            return false;
        });
    });
</script>
@stop