@extends('adminlte::page')
@section('title', 'Editar documentos')
@section('css')
	<meta name="_token" content="{{csrf_token()}}" />

    <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>

    <script src="{{ asset('plugins/lightgallery/lightgallery.umd.js') }}"></script>
    <script src="{{ asset('plugins/lightgallery/plugins/zoom/lg-zoom.umd.js') }}"></script>
    <script src="{{ asset('plugins/lightgallery/plugins/thumbnail/lg-thumbnail.umd.js') }}"></script>
    <link rel="stylesheet" href="{{asset('plugins/lightgallery/css/lightgallery.css')}}">
    <link rel="stylesheet" href="{{asset('plugins/lightgallery/css/lightgallery-bundle.css')}}">


@endsection
@section('content_header')
<i class="fa fa-users" aria-hidden="true"></i> Editar equipe {{$document->name}}
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
	<li class="breadcrumb-item"><a href="{{ route('documents.index') }}">Documentos</a></li>
	<li class="breadcrumb-item">Editar {{$document->name}}</a></li>
</ol>
@endsection
@section('title', 'Editar ' . $document->name)

@section('content')

<div class="container col-md-6 col-sm-12 float-left">

    <div class="col-lg-10 col-sm-12 col-xs-12">
    {!! Form::open(['route' => ['documents.update', $document], 'method' => 'PUT']) !!}

        <div class="form-group">
            {!! Form::text('id', $document->id, ['class' => 'form-control hidden']) !!}
        </div>

        <div class="form-group">
            {!! Form::label('name', 'Nome') !!}
            {!! Form::text('name', $document->name, ['class' => 'form-control', 'placeholder' => 'Nome do documento', 'required']) !!}
        </div>

        <div class="form-group">
            {!! Form::label('team_id', 'Equipe') !!}
            {!! Form::select('team_id', $teams, $document->team_id, ['class' => 'form-control', 'required']) !!}
        </div>

        <div class=form-group style="max-width: 250px;">
                {!! Form::label('datalimite', 'Data limite para votar') !!}
                <div class="input-group date">
                  <div class="input-group-addon"></div>
                {!! Form::date('datalimite', $document->datalimite, ['class' => 'form-control', 'placeholder' => 'Data limite para votar', 'required']) !!}
            </div>
        </div>

        <div class="form-group">
            {!! Form::label('documentnotes', 'Indicaçoes') !!}
            {!! Form::textarea('documentnotes', $document->documentnotes, ['class' => 'form-control']) !!}
        </div>

        <div class="form-group">
            {!! Form::submit('Salvar', ['class' => 'btn btn-primary']) !!}
            <a href="{{ route('documents.index') }}" class="btn btn-danger">Cancelar</a>
        </div>          

    {!! Form::close() !!}
    </div>

</div>

<div class="container col-md-6 col-sm-12 float-left">

    <h5 class="alert alert-danger">Arquivos</h5>

    <div id="lightgallery" class="thumblightgallery edit">

        @if($files->count() == 0)
        <span style="font-size: 16px; font-style: italic;">* Ainda não existem arquivos nesse documento</span>
        @endif

        @foreach($files as $file)
        
        @if($file->checkifpdf($file))
        <a href="{{ asset('/images/documents/'. $document->id . '/' .$file->file) }}"  data-iframe="true">
            <img alt="{{$file->file}}" src="{{ asset('/images/documents/pdf.png') }}"/>
        </a>
        @else
        <a href="{{ asset('/images/documents/'. $document->id . '/' .$file->file) }}">
            <img alt="{{$file->file}}" src="{{ asset('/images/documents/'. $document->id . '/' .$file->file) }}"/>
        </a>
        @endif
        <div name="{{substr($file->file, 13)}}" id="{{$file->id}}">
        <button class="eliminarimg btn btn-danger" title="Eliminar documento" ><span class="fas fa-trash-alt" aria-hidden="true"> Eliminar {{substr($file->file, 13)}}</span></button></div>

        @endforeach

    </div>

    

    <br><br><br>
       
    <h5 class="alert alert-primary">Adicionar mais arquivos</h5>
    <span style="font-size: 14px; font-style: italic;">* Formatos aceitos:  .pdf, .jpg, .png</span>
    <form method="post" action="{{url('admin/image/upload/store')}}" enctype="multipart/form-data" 
                  class="dropzone rounded" id="dropzone">
    @csrf
    <div class="dz-message" data-dz-message><span>Arraste e solte um ou varios arquivos aqui ou clique</span></div>
    <div class="form-group">
			{!! Form::text('id', $document->id, ['class' => 'form-control hidden']) !!}
	</div>
    </form>
    <br>
</div>
<p>&nbsp;</p>
</body>
</html>


@endsection
@section('js')
<script type="text/javascript">
        Dropzone.options.dropzone =
         {
            maxFilesize: 99,
            renameFile: function(file) {
                var dt = new Date();
                var time = dt.getTime();
               return time+file.name;
            },
            acceptedFiles: ".jpeg,.jpg,.png,.gif,.pdf",
            addRemoveLinks: true,
            timeout: 50000,
            removedfile: function(file) 
            {
                var name = file.upload.filename;
                $.ajax({
                    headers: {
                                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                            },
                    type: 'POST',
                    url: '{{ url("admin/image/delete/{$document->id}") }}',
                    data: {filename: name},
                    success: function (data){
                        console.log("File has been successfully removed!!");
                    },
                    error: function(e) {
                        console.log(e);
                    }});
                    var fileRef;
                    return (fileRef = file.previewElement) != null ? 
                    fileRef.parentNode.removeChild(file.previewElement) : void 0;
            },
       
            success: function(file, response) 
            {
                console.log(response);
            },
            error: function(file, response)
            {
               return false;
            }

            
};
</script>



<script src="{{ asset('js/enable.js') }}"></script>
@endsection