@extends('layouts.layout-2')

@section('content')

    @if ($errors->any())
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.documents') }}
    </h4>




        <div class="card mb-4">
            <h5 class="card-header">
                @if($business_license_choose !== 'now')
                {{ __('register.wizard_business_license_hl') }}
                @else
                 {{ __('webcontent.trade_licence_hl') }}
                @endif
            </h5>
            <div class="card-body pb-0">
                <div class="row">
                    @if($business_license_choose === 'now')
                    <div class="col-sm-12">
                        @if($user->files->count())
                            <div class="row">
                                @foreach($user->files()->whereIdentifier('business_license')->get() as $file)
                                    <div class="col-md-12 col-xl-6">
                                        <div class="card mb-3">
                                            <div class="card-body">
                                                <h6 class="card-title"><a target="_blank" href="{{ route('storage_file', [$file->id, 'user']) }}">{{ $file->original_name }}</a></h6>
                                                <p class="card-text">{{ $file->formatBytes() }}
                                                  {{-- 
                                                    <a href="route('user_documents_delete',[$file->id,'upload']) " class="btn btn-sm btn-default float-right" onclick="return confirm('{{__('register.really_delete_the_file')}}');">
                                                        <span class="ion ion-md-trash text-danger"></span>
                                                    </a>
                                                    --}}
                                                </p>
                                            </div>
                                            @if(strtolower($file->ext ) == 'pdf')
                                                <object data="{{ route('storage_file', [$file->id, 'user']) }}" type="application/pdf" class="card-img-bottom"  style="height: 400px;"></object>
                                            @else
                                                <img src="{{ route('storage_file', [$file->id, 'user']) }}" alt="" class="card-img-bottom">
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    @endif 
                    @if(!$business_license_choose || $business_license_choose  == 'later' || $business_license_choose === 'non')
                    <div class="col-sm-6">
                        <div class="mt-4">
                            {!! Form::open(['action' => route('user_documents_store', ['business_license']), 'method' => 'post', 'files' => true, 'enctype' => 'multipart/form-data', 'class' => 'dropzone', 'id' => 'businesslDropzone' ]) !!}
                            <input type="hidden" name="redirect" value="{{ route('user_documents') }}">
                            <div class="fallback">
                                <input name="file" type="file" multiple>
                            </div>
                            {!! Form::close() !!}
                            <br>
                            <div class="alert alert-danger alert-dismissable" style="display:none;"></div>
                            <p>{{ __('register.wizard_business_license_line_1') }}</p>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        @if($user->files->count())
                            <div class="row">
                                @foreach($user->files()->whereIdentifier('business_license')->get() as $file)
                                    <div class="col-md-12 col-xl-6">
                                        <div class="card mb-3">
                                            <div class="card-body">
                                                <h6 class="card-title"><a target="_blank" href="{{ route('storage_file', [$file->id, 'user']) }}">{{ $file->original_name }}</a></h6>
                                                <p class="card-text">{{ $file->formatBytes() }}
                                                    <a href="{{ route('user_documents_delete', [$file->id, 'upload']) }}" class="btn btn-sm btn-default float-right" onclick="return confirm('{{__('register.really_delete_the_file')}}');">
                                                        <span class="ion ion-md-trash text-danger"></span>
                                                    </a>
                                                </p>
                                            </div>
                                            @if(strtolower($file->ext ) == 'pdf')
                                                <object data="{{ route('storage_file', [$file->id, 'user']) }}" type="application/pdf" class="card-img-bottom"></object>
                                            @else
                                                <img src="{{ route('storage_file', [$file->id, 'user']) }}" alt="" class="card-img-bottom">
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    @endif
                </div>
            </div>

            @if($business_license_choose !== 'now')
            {!! Form::open(['action' => route('user_documents_store', ['business_license'])]) !!}
            <div class="card-body pt-0">
                <div class="row">
                    <div class="col-12">
                        <hr>
                    </div>
                    <div class="col-12">
                        <label class="custom-control custom-radio">
                            {{ Form::radio('business_license_choose', 'now' , (($business_license_choose === 'now' || !$business_license_choose) ? true : false), array('class'=>'custom-control-input')) }}
                            <span class="custom-control-label">{{__('register.business_license_release')}}</span>
                        </label>

                    </div>
                    <div class="col-12">
                        <hr>
                        <label class="custom-control custom-radio">
                            {{ Form::radio('business_license_choose', 'later' , (($business_license_choose === 'later') ? true : false), array('class'=>'custom-control-input')) }}
                            <span class="custom-control-label">{{__('register.business_license_later')}}</span>
                        </label>
                    </div>
                    <div class="col-12">
                        <hr>

                        <label class="custom-control custom-radio">
                            {{ Form::radio('business_license_choose', 'non' , (($business_license_choose === 'non') ? true : false), array('class'=>'custom-control-input')) }}
                            <span class="custom-control-label">{{__('register.business_license_non')}}</span>
                        </label>
                        <p>{{__('register.business_license_non_text')}}</p>
                        {{ Form::textarea('non_business_license_reason', (string) $user->account->getNotice('business_license_reason'),  array('placeholder'=>__('Begründung'), 'class'=>'form-control', 'rows'=>' 2')) }}

                    </div>
                    <div class="col-12 mt-2">
                        <hr>
                        <button type="submit" name="submit" value="do" class="btn btn-secondary">{{ __('save changes') }}</button>&nbsp;
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
            @endif
        </div>
  


        <div class="card mb-4">
            <h5 class="card-header">
                @if($business_license_choose !== 'now')
                {{ __('register.wizard_verification_hl') }}
                @else
                 {{ __('register.badge') }}
                @endif
            </h5>
            <div class="card-body">
                <div class="row">
                    {{--  <div class="col-sm-6">
                        <div class="mt-4">
                            {!! Form::open([ 'action' => route('wizard_store_register', ['verification']), 'method' => 'post', 'files' => true, 'enctype' => 'multipart/form-data', 'class' => 'dropzone', 'id' => 'idcardDropzone' ]) !!}
                            <div class="fallback">
                                <input name="file" type="file" multiple>
                            </div>
                            {!! Form::close() !!}
                            <br>
                            <div class="alert alert-danger alert-dismissable" style="display:none;"></div>
                            <p>{{ __('register.wizard_verification_line_1') }}</p>
                        </div>
                    </div>--}}
                    <div class="col-sm-12">
                        @if($user->files->count())
                            <div class="row">
                            @foreach($user->files()->whereIdentifier('id_card')->get() as $file)
                                <div class="col-12 col-md-6">
                                    <div class="card mb-3">
                                        <div class="card-body">
                                            <h6 class="card-title"><a target="_blank" href="{{ route('storage_file', [$file->id, 'user']) }}">{{ $file->original_name }}</a></h6>
                                            <p class="card-text">{{ $file->formatBytes() }}
                                                {{-- <a href="route('user_documents_delete', [$file->id, 'upload']) }}" class="btn btn-sm btn-default float-right" onclick="return confirm('{{__('register.really_delete_the_file')}}');">
                                                    <span class="ion ion-md-trash text-danger"></span>
                                                </a>
                                                --}}
                                            </p>
                                        </div>
                                        @if(strtolower($file->ext ) == 'pdf')
                                            <object data="{{ route('storage_file', [$file->id, 'user']) }}" type="application/pdf" class="card-img-bottom" style="height: 400px;"></object>
                                        @else
                                            <img src="{{ route('storage_file', [$file->id, 'user']) }}" alt="" class="card-img-bottom">
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        


@endsection

@section('scripts')
    <script type="text/javascript">
       
        var real_dropzone = {
            uploadMultiple: false,
            parallelUploads: 1,
            maxFilesize: 32,
            addRemoveLinks: true,
            dictDefaultMessage: "{{ __('actions.dictDefaultMessage') }}",
            dictFallbackMessage: "{{ __('actions.dictFallbackMessage') }}",
            dictFallbackText:"{{ __('actions.dictFallbackText') }}",
            dictFileTooBig: "{{ __('actions.dictFileTooBig') }}",
            dictInvalidFileType: "{{ __('actions.dictInvalidFileType') }}",
            dictResponseError: "{{ __('actions.dictResponseError') }}",
            dictCancelUpload: "{{ __('actions.dictCancelUpload') }}",
            dictCancelUploadConfirmation: null,
            dictRemoveFile: "{{ __('actions.dictRemoveFile') }}",
            dictMaxFilesExceeded: "{{ __('actions.dictMaxFilesExceeded') }}",
            acceptedFiles: "image/jpeg,image/pjpeg,image/png,image/gif,application/pdf,text/plain,.pdf",
            // The setting up of the dropzone
            init:function() {
                this.on("removedfile", function(file) {
                    var _ele = $('.alert-danger');
                    _ele.fadeOut();

                } );

                this.on("addedfile", function (file) {
                    var _ele = $('.alert-danger');
                    _ele.fadeOut();
                });

            },
            error: function(file, response) {
                var message;
                if($.type(response) === "string")
                    message = response; //dropzone sends it's own error messages in string
                else
                    message = response.message;
                var _ele = $('.alert-danger');
                _ele.fadeIn();
                _ele.text(message);


            },
            success: function(file,response) {
                console.log(file);
                console.log(response.filename);
                console.log(response.filedata);
                console.log(response);

                if(response.redirect){
                    window.location.href = response.redirect;
                }else{
                    if(response.error === false){
                        //true
                        window.location.href = window.location.href;
                    }
                }
            }

        };
        Dropzone.options.idcardDropzone = real_dropzone;
        Dropzone.options.businesslDropzone = real_dropzone;


    </script>
@endsection