@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',
            ]) !!}
                <div class="form-group has-warning hide" id="file-already-uploaded">
                    <p class="help-block">
                        <span class="fa fa-exclamation-triangle"></span> <strong>¡ATENCIÓN!</strong> Ya había subido un archivo previamente con este nombre.
                    </p>
                </div>
                <div class="form-group">
                    <p class="help-block">
                        El arrastre de archivos no está disponible en Internet explorer 9 y anteriores.
                    </p>
                    
                </div>
                @if(auth()->user()->role == 'admin')
                    <div class="form-group {{ $errors->first('kind') ? 'has-error' : '' }}">
                        {!! Form::label('kind', 'Tipo de carga') !!}
                        {!! Form::select(
                                'kind',
                                ['imss' => 'IMSS','issste' => 'ISSSTE','custodia' => 'CUSTODIA IMSS', 'reassign' => 'Reasignación masiva', 'reactivate' => 'Reactivación masiva'],
                                request()->input('kind'),
                                [
                                    'class' => 'form-control select2',
                                    'required' => 'required',
                                    'maxlength' => 6,
                                ]
                            ) 
                        !!}

                         

                        <small class="text-danger" id="kind-errors">{{ $errors->first('kind') }}</small>
                    </div>
                @endif
                <div class="form-group text-center">
                    <button type="submit"
                        class="btn btn-primary btn-lg"
                        disabled="disabled"
                        id="btn-create-upload"
                        data-role="{{auth()->user()->role}}">
                        <span class="fa fa-fw fa-upload"></span> Procesar carga
                    </button>
                    <a href="{{ URL::previous() ?: action('UploadsController@index')}}"
                        class="btn btn-default btn-lg"
                        id="btn-cancel-upload">
                        Regresar
                    </a>
                </div>    
                
                
            {!! Form::close() !!}
        </div>
    </div>

@endsection

@section('style')
    {!! Html::style('css/filedrop.css') !!}
    {!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}    

@endsection

@section('script')

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

@endsection