@extends('layouts.app')

@section('content')
    <h3 class="page-title">@lang('quickadmin.course-of-construction.title')</h3>
    
    {!! Form::model($course_of_construction, ['method' => 'PUT', 'route' => ['admin.course_of_constructions.update', $course_of_construction->id], 'files' => true,]) !!}

    <div class="panel panel-default">
        <div class="panel-heading">
            @lang('quickadmin.qa_edit')
        </div>

        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12 ">
                    <label for='photo' class="btn btn-info btn-lg">
                        @lang('quickadmin.course-of-construction.fields.images')
                        <span class="glyphicon glyphicon-arrow-up"></span>
                    </label>
                    {!! Form::file('images[]', [
                        'multiple',
                        'id' => 'photo',
                        'class' => 'form-control file-upload hidden',
                        'data-url' => route('admin.media.upload'),
                        'data-bucket' => 'images',
                        'data-filekey' => 'images',
                        ]) !!}
                    <p class="help-block"></p>
                    <div class="preview"></div>
                    <div class="photo-block">
                        <div class="progress-bar form-group">&nbsp;</div>
                        <div class="files-list">
                            @foreach($course_of_construction->getMedia('images') as $media)
                                <p class="form-group">
                                    <a href="{{ $media->getUrl() }}" target="_blank">{{ $media->file_name }} ({{ $media->size }} bytes)</a>
                                    <a href="#" class="btn btn-xs btn-danger remove-file">Видалити</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 class="row">
                <div class="col-xs-12 form-group">
                    {!! Form::label('youtube_link', trans('quickadmin.course-of-construction.fields.youtube-link').'', ['class' => 'control-label']) !!}
                    {!! Form::text('youtube_link', old('youtube_link'), ['class' => 'form-control', 'placeholder' => '']) !!}
                    <p class="help-block"></p>
                    @if($errors->has('youtube_link'))
                        <p class="help-block">
                            {{ $errors->first('youtube_link') }}
                        </p>
                    @endif
                </div>
            </div>

            {{--<div class="row">--}}
                {{--<div class="col-xs-12 form-group">--}}
                    {{--{!! Form::label('description', trans('quickadmin.course-of-construction.fields.description').'', ['class' => 'control-label']) !!}--}}
                    {{--{!! Form::textarea('description', old('description'), ['id' => 'description', 'rows' => 3, 'style' => 'resize:none', 'class' => 'form-control', 'placeholder' => '']) !!}--}}
                    {{--<p class="help-block"></p>--}}
                    {{--@if($errors->has('description'))--}}
                        {{--<p class="help-block">--}}
                            {{--{{ $errors->first('description') }}--}}
                        {{--</p>--}}
                    {{--@endif--}}
                {{--</div>--}}
            {{--</div>--}}

            <div class="row">
                <div class="col-xs-6 form-group">
                    {!! Form::label('residental_complex_id', trans('quickadmin.course-of-construction.fields.residental-complex').'*', ['class' => 'control-label']) !!}
                    {!! Form::select('residental_complex_id', $residental_complexes, old('residental_complex_id'), ['class' => 'form-control select2']) !!}
                    <p class="help-block"></p>
                    @if($errors->has('residental_complex_id'))
                        <p class="help-block">
                            {{ $errors->first('residental_complex_id') }}
                        </p>
                    @endif
                </div>

                <div class="col-xs-6 form-group">
                    {!! Form::label('report_date', trans('quickadmin.course-of-construction.fields.report-date').'*', ['class' => 'control-label']) !!}
                    {!! Form::text('report_date', old('report_date'), ['class' => 'form-control date-width', 'placeholder' => '']) !!}
                    <p class="help-block"></p>
                    @if($errors->has('report_date'))
                        <p class="help-block">
                            {{ $errors->first('report_date') }}
                        </p>
                    @endif
                </div>
            </div>
            
        </div>
    </div>

    {!! Form::submit(trans('quickadmin.qa_update'), ['class' => 'btn btn-danger']) !!}
    {!! Form::close() !!}
@stop

@section('javascript')
    @parent

    <script src="{{ url('adminlte/plugins/datetimepicker/moment-with-locales.min.js') }}"></script>
    <script src="{{ url('adminlte/plugins/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
    <script>
        $(function(){
            moment.updateLocale('{{ App::getLocale() }}', {
                week: { dow: 1 } // Monday is the first day of the week
            });
            
            $('.date').datetimepicker({
                format: "{{ config('app.date_format_moment') }}",
                locale: "{{ App::getLocale() }}",
            });
            
        });
    </script>
            
    <script src="{{ asset('quickadmin/plugins/fileUpload/js/jquery.iframe-transport.js') }}"></script>
    <script src="{{ asset('quickadmin/plugins/fileUpload/js/jquery.fileupload.js') }}"></script>
    <script src="{{ asset('adminlte/js/image/validation/image-validate.js/') }}"></script>

    <script>
        $(function () {
            $('.file-upload').each(function () {
                var $this = $(this);
                var $parent = $(this).parent();

                $(this).fileupload({
                    dataType: 'json',
                    formData: {
                        model_name: 'CourseOfConstruction',
                        bucket: $this.data('bucket'),
                        file_key: $this.data('filekey'),
                        _token: '{{ csrf_token() }}'
                    },
                    add: function (e, data) {
                        while (preview.firstChild) {
                            preview.removeChild(preview.firstChild);
                        }
                        if (data.files.length > 0 && validFileType(data.files[0])) {
                            data.submit();
                        } else {
                            showErrorMessage(data.files[0].name);
                        }
                    },
                    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">Видалити</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