@extends('layouts.crud')
@section('title', 'Slides - Cadastrar Novo')
@section('content')
	<div class="card">
	    <div class="card-header d-flex justify-content-between align-items-end">
			<h3>Cadastrar Novo Slide</h3>
			<div id="divVoltar" class='pb-1 mr-3'>
				<a href="{{ route('slides', []) }}" class="text-white">
					<i class="fas fa-reply"></i>
				</a>
			</div>
	    </div>
        <div class="card-body">
    		@if($errors->any())
    			<div class="alert alert-danger alert-dismissible fade show" role="alert">
    				@foreach($errors->all() as $error)
    			  		<li>{{ $error }}</li>
    				@endforeach
    			  	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
    				    <span aria-hidden="true">&times;</span>
    			  	</button>
    			</div>
    		@endif

    		<div class="alert alert-info alert-dismissible fade show" role="alert">
    			<i class="fas fa-info-circle me-2"></i>
    			<strong>Atenção:</strong> Algumas funcionalidades de slides do site podem não estar disponíveis para sua empresa/associação.
    			Em caso de dúvidas sobre a disponibilidade ou configuração, entre em contato com o suporte técnico.
    			<button type="button" class="close" data-dismiss="alert" aria-label="Close">
    				<span aria-hidden="true">&times;</span>
    			</button>
    		</div>
			{!! Form::open(['route'=>'slides.store', 'files'=>true]) !!}
	            <div class='form-row'>
                    <div class="form-group col-md-6">
                        <img id="img_preview" src="/img/sem-imagem.jpeg" class='form-control'/>
                        <input type='file' id="foto" name="foto" class='filestyle' data-text="Selecionar Imagem"/>
                    </div>

                    <div class="form-group col-md-6">
                        <div class='form-row ml-2'>
                            <div class="form-group col-md-12">
                                {!! Form::label('titulo', 'Título:') !!}
                                {!! Form::text('titulo', null, ['class'=>'form-control', 'maxlength'=>191, 'placeholder'=>'Informe um título']) !!}
                            </div>
                            <div class="form-group col-md-12">
                                {!! Form::label('descricao', 'Descrição:') !!}
                                {!! Form::textarea('descricao', null, ['placeholder'=>'Informe uma descrição a ser apresentada no slide.', 'class'=>'form-control', 'id' => 'descricao', 'rows' => 4, 'cols' => 54, 'style' => 'resize:none; margin-bottom: 15px']) !!}
                            </div>
                            <div class="form-group col-md-12">
                                {!! Form::label('link', 'Link do Botão "Saiba Mais":') !!}
                                {!! Form::text('link', null, ['placeholder'=>'Ex: #viagens, #contato, https://exemplo.com', 'class'=>'form-control', 'maxlength'=>500]) !!}
                                <small class="form-text text-muted">Deixe em branco para usar o link padrão (#viagens). Pode ser um link interno (#secao) ou externo (https://...)</small>
                            </div>
                        </div>
                    </div>
                </div>
    			<div class='form-row'>
    				<div class="form-group col-md-6">
    				{!! Form::reset('Limpar', ['class'=>'btn btn-default']) !!}
    				{!! Form::submit('Cadastrar', ['class'=>'btn btn-primary']) !!}
    			</div>

    		{!! Form::close() !!}
	    </div>
	</div>
@stop

@section('table-delete')
"slides"
@stop