@extends('layouts.iconbar')

@section('title')
Update Qa
@endsection

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

@section('content')
<div class="page-content">
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    {!! Form::model($qa, ['method' => 'PUT', 'route' => ['admin.qa.update', $qa->id], '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">
                                        @foreach($qa->getMedia('images') as $media)
                                        <p class="form-group">
                                            <a href="{{ $media->getUrl() }}" target="_blank">{{ $media->name }}
                                                ({{ $media->size }} KB)</a>
                                                <a href="#" class="btn btn-xs btn-danger remove-file">Remove</a>
                                                <input type="hidden" name="images_id[]" value="{{ $media->id }}">
                                            </p>
                                            @endforeach
                                        </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>

                        <div class="row">
                            <div class="col-md-6 form-group">
                                <div class="form-group form-material floating" data-plugin="formMaterial">
                                    
                                    {!! Form::select('status',
                                    [
                                    'New' => 'New',
                                    'Closed' => 'Closed'

                                    ]
                                    , old('status'), ['class' => 'form-control select2']) !!}
                                    {!! Form::label('status', trans('global.qa.fields.status').'', ['class' => 'floating-label']) !!}

                                    <p class="help-block"></p>
                                    @if($errors->has('status'))
                                    <p class="help-block">
                                        {{ $errors->first('status') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {!! Form::button(trans('global.app_update'), ['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