@extends('template.admin.layout')
@section('styles')
@endsection

@section('content-head')
    <h1 class="page-title"> Gesti&oacute;n de Acreditaciones</h1>
@endsection

@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold uppercase"> Editar acreditación </span>
            </div>
        </div>
        <div class="portlet-body form">
            @include('alerts.index')
            {{ Form::model($acreditacion, array('id' => 'form-validation','route' => array('acreditacion.editar'), 'class'=>'form-horizontal', 'method' => 'POST', 'enctype' => 'multipart/form-data')) }}
            <div class="form-body">
                <div class="form-group hide">
                    {!! Form::text('id', null, array('placeholder' => 'id','class' => 'form-control')) !!}
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3" for="titulo">Nombre:</label>
                    <div class="col-md-9">
                        {!! Form::text('nombre', null, array('placeholder' => '','class' => 'form-control col-md-9', 'required' => 'required')) !!}
                    </div>

                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="descripcion">Descripcion:</label>
                    <div class="col-md-9">
                        {!! Form::textarea('descripcion', null, array('placeholder' => '','class' => 'form-control','style' => 'resize:none;', 'required' => 'required')) !!}
                    </div>

                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="descripcion">Estandares:</label>
                    <div class="col-md-9">
                        {!! Form::textarea('estandar', null, array('placeholder' => '','class' => 'form-control','style' => 'resize:none;', 'required' => 'required')) !!}
                    </div>

                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="descripcion">Lugar:</label>
                    <div class="col-md-9">
                        {!! Form::text('lugar', null, array('placeholder' => '','class' => 'form-control','style' => 'resize:none;', 'required' => 'required')) !!}
                    </div>

                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="lugar">Fecha:</label>
                    <div class="col-md-9">
                        {!! Form::date('fecha', \Carbon\Carbon::parse($acreditacion->fecha),array('class' => 'form-control date' ,'data-provider' => 'datepicker','style' => 'resize:none;', 'required' => 'required')) !!}
                    </div>

                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="pathfile">Archivo:</label>

                    <div class="col-md-9">
                        {!! Form::file('pathfile', array('placeholder' => '','class' => 'form-control filestyle', 'data-buttonBefore' => 'true', 'data-buttonText' => 'Seleccionar archivo', 'data-placeholder' => 'No se ha seleccionado ningun archivo pdf', 'data-buttonName' => 'btn-primary', 'accept' => 'application/pdf')) !!}
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-md-3" for="pathfile">Enlace de archivo:</label>

                    <a class="col-md-9" href="{!! route('admin.acreditaciones.pdf',$acreditacion->pathfile) !!}" target="_blank">
                        {!! Form::label($acreditacion->pathfile,null, array('placeholder' => '','class' => 'form-control','style' => 'resize:none;', 'required' => 'required')) !!}
                    </a>
                </div>

                {{--<div class="form-group">
                    <label class="control-label col-md-3" for="descripcion">Imagen:</label>

                    <div class="col-md-9">
                        {!! Form::file('pathimage', array('placeholder' => '','class' => 'form-control filestyle', 'data-buttonBefore' => 'true', 'data-buttonText' => 'Seleccionar imagen', 'data-placeholder' => 'No se ha seleccionado ninguna imagen', 'data-buttonName' => 'btn-primary')) !!}
                        <label class="help-block">Sólo se permite archivos en formato JPG, JPEG o PNG menor igual a 25 MB</label>

                        <div class="img-default-container">
                            <img id="output" src="{{ asset("storage/$noticia->urlimage") }}" alt="imagen noticia" style="max-width: 600px; width: 100%; height: 400px; object-fit: cover;" />
                        </div>
                    </div>
                </div>--}}
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <a href="{{ url('/admin/nosotros/acreditaciones') }}" class="btn btn-default">Cancelar</a>
                            <button id="submitBtn" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                <span class="ladda-label">Guardar</span>
                                <span class="ladda-spinner"></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#output').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }
        $('input[name=pathimage]').change(function () {
            readURL(this);
        });

        $("#form-validation").validate({
            rules: {
                pathfile: {
                    fileSize: 25
                }
            },
            submitHandler: function (form) {
                var l = Ladda.create(document.querySelector('#submitBtn'));
                l.start();
                form.submit();
            }
        });

    </script>
@endsection