@extends('app')

@section('breadcrumbs')
    {!! Breadcrumbs::render('home.uploads.create') !!}
@endsection

@section('content')

    
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">

            <div class="panel panel-success margin-top-20" id="success-panel" style="display: none;">
                <div class="panel-body">
                    Se ha subido el archivo correctamente.
                    <div class="text-center margin-top-20">
                        <a class="btn btn-primary btn-details" href="#">
                            Ver detalles
                        </a>
                        <button class="btn-hide btn btn-default">
                            Subir otro archivo
                        </button>    
                    </div>
                </div>
            </div>
            
            <div class="filedrop-zone margin-top-20" id="filedrop">
                <div class="panel panel-default panel-filedrop-zone" id="filedrop-zone">
                    <div class="panel-body">

                        <div class="pending">
                            Selecciona o arrastra la cartera
                        </div>

                        <div class="drop-legend">
                            Suelta tu archivo aquí
                        </div>
                    
                    </div>
                </div>

                <div class="progress-container text-center" style="display:none;">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
                            <span class="sr-only progress-label"></span>
                        </div>
                    </div>    

                    <p class="help-block">
                        Subiendo archivo
                    </p>

                </div>
                
            </div>


            {!! Form::open([
                'id' => 'user-upload-form',
                'method' => 'POST',
            ]) !!}  
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="form-group">
                    <p class="help-block">
                        El arrastre de archivos no está disponible en Internet explorer 9 y anteriores.
                    </p>
                    
                </div>
                <div class="form-group text-center">
                    {!! Form::submit('Procesar carga', ['class' => 'btn btn-primary btn-lg', 'disabled' => 'disabled', 'id' => 'btn-create-upload']) !!}    
                </div>
                
            {!! Form::close() !!}
        </div>
    </div>

@endsection

@section('style')
{!! Html::style('css/filedrop.css') !!}
@endsection

@section('script')

{!! Html::script('js/vendor/filedrop/filedrop-min.js') !!}
{!! Html::script('js/uploads/create.js') !!}
@endsection