@include('admin.partials._validation')

<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <div class="card-title">
                    Geral
                </div>
            </div>
            <div class="card-body">

                <div class="form-group row">
                    {!! Form::label('title', 'Titulo *', ['class' => 'col-sm-2 col-form-label text-sm-left']) !!}
                    <div class="col-sm-10">
                        {!! Form::text('title', $item->title, ['class' => 'form-control', 'placeholder' => 'Título']) !!}
                    </div>
                </div>

                <div class="form-group row">
                    {!! Form::label('desktop', 'Imagem Desktop *', ['class' => 'col-sm-2 col-form-label text-sm-left']) !!}
                    <div class="col-sm-10">
                        <div class="custom-file">
                            {!! Form::file('desktop', ['class' => 'custom-file-input']) !!}
                            <label class="custom-file-label" for="desktop">Nenhum arquivo selecionado</label>
                        </div>
                        <small>
                            Utilizar resolução 1366x768
                        </small>
                        <small>
                            @if ($item->desktop)
                                <a href="{{ $item->getDesktop() }}" class="js-modal-image">
                                    Visualizar logo atual
                                </a>
                            @endif
                        </small>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-10 offset-sm-2">
                        <div class="form-group">
                            <div class="custom-control custom-switch custom-switch-off-light custom-switch-on-success">
                                <input type="checkbox" class="custom-control-input" id="is_active" name="is_active" value="1" {{ $item->is_active == 1 ? 'checked' : '' }}>
                                <label class="custom-control-label" for="is_active">Banner Ativo</label>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>

                <div class="form-group row">
                    {!! Form::label('description', 'Descrição', ['class' => 'col-sm-2 col-form-label text-sm-left']) !!}
                    <div class="col-sm-10">
                        {!! Form::text('description', $item->description, ['class' => 'form-control', 'placeholder' => 'Descrição']) !!}
                        <small>
                            Limite de 100 caracteres!
                        </small>
                    </div>
                </div>

                <div class="form-group row">
                    {!! Form::label('button', 'Nome do botão', ['class' => 'col-sm-2 col-form-label text-sm-left']) !!}
                    <div class="col-sm-4">
                        {!! Form::text('button', $item->button, ['class' => 'form-control', 'placeholder' => 'Saiba Mais']) !!}
                    </div>

                    {!! Form::label('link', 'Link do botão', ['class' => 'col-sm-1 col-form-label text-sm-left']) !!}
                    <div class="col-sm-5">
                        {!! Form::text('link', $item->link, ['class' => 'form-control', 'placeholder' => 'Link HTTPS']) !!}
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<div id="modal-crop" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Recorte de imagem</h5>
            </div>
            <div class="modal-body text-center">
                <div id="image-crop" style="display:inline-block;"></div>
            </div>
            <div class="modal-footer">
                <button id="modal-crop-save" type="button" class="btn btn-primary">Salvar</button>
            </div>
        </div>
    </div>
</div>