{!! Form::token() !!}
<!--- Image Field --->


<!-- link categories id Field -->
<div class="form-group col-sm-6">
    {!! Form::label('link_categories_id', 'Categoria') !!}
    {!! Form::select('link_categories_id', $cat,null, ['class' => 'form-control']) !!}
</div>

<!-- Name Field -->
<div class="form-group col-sm-6">
    {!! Form::label('name', 'Nome:') !!}
    {!! Form::text('name', null, ['class' => 'form-control']) !!}
</div>

<!-- Url Field -->
<div class="form-group col-sm-6">
    {!! Form::label('url', 'Url:') !!}
    {!! Form::text('url', null, ['class' => 'form-control']) !!}
</div>

<!-- description Field -->
<div class="form-group col-sm-6">
    {!! Form::label('description', 'Descrição:') !!}
    {!! Form::text('description', null, ['class' => 'form-control']) !!}
</div>


<div class="form-group col-sm-2 col-lg-2">

    @if(isset($link) && is_file(base_path()."/public".$link->image))
        <div class="logo-inst">
            <img src="{{ $link->image }}" class="img-thumbnail img-rounded" style="width: 100px; ">
            <div style="width: 100px;padding: 5px;font-family: monospace;">
                <a href="#" onclick="removeImage()"><i class="fa fa-remove"></i> Remover</a>
            </div>
        </div>
    @endif
    <div class="upload" @if(isset($link) && is_file(base_path()."/public".$link->image)) style="display: none;" @endif >
        <i class="fa fa-image"></i>
        {!! Form::label('image', " Logo:") !!}
        {!! Form::file('image') !!}
    </div>
</div>

<!-- New Page Field -->
<div class="form-group col-sm-6">
    {!! Form::label('new_page', 'Nova página?:') !!}
    <label class="checkbox-inline">
        {!! Form::hidden('new_page', false) !!}
        {!! Form::checkbox('new_page', 1, null) !!}
    </label>
</div>

<!-- Submit Field -->
<div class="form-group col-sm-12">
    {!! Form::submit('Salvar', ['class' => 'btn btn-primary']) !!}
    <a href="{!! route('links.index') !!}" class="btn btn-default">Cancelar</a>
</div>

@if(isset($link) && is_file(base_path()."/public".$link->image))
    <script>
        var removeImage = function(){
            console.log('teste');
            var url = '/links/{{ $link->id }}/delimage';
            $.ajax({
                method: "GET",
                url: url,
                dataType: "json"
            }).success(function(result,textStatus,jqXHR) {
                if(result){
                    console.log(result);

                    $(".logo-inst").fadeOut(300,function(){
                        $(".upload").fadeIn(300);
                    });
                }else{
                    toastr["warning"]("Falha ao apagar imagem.","Ops!");
                }
            });
        }
    </script>
@endif