@extends("layouts.app")

@section('content')
    <div class="container-fluid body-content">
        <span></span><br>
        <form action="{{ route('upload.imagem')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row form-group d-flex justify-content-center p-2">
                <div class="col-10">
                    <label for="nome" class="form-label">Nome da Imagem:</label>
                    <input type="text" class="form-control" name="nomeImagem"/>
                </div>
            </div>
            <div class="row form-group d-flex justify-content-center p-2">
                <div class="col-10">
                    <label for="descricao" class="form-label">Descrição da Imagem:</label>
                    <input type="text" class="form-control" name="descricao_imagem"/>
                </div>
            </div>
            <div class="row form-group d-flex justify-content-center p-2">
                <div class="col-10">
                    <label for="questao" class="form-label">Questão relacionada à imagem:</label>
                    <input type="text" class="form-control" name="questao_imagem"/>
                </div>
            </div>
            <div class="row d-flex justify-content-center">
                <div class="col-10">
                    <input type="file" class="dropify" data-height="300" data-show-remove="true" data-max-file-size="3M"
                    name="upload_file"/>
                </div>
            </div>
            @if(isset($img))
                <span>{{$img}}</span>
            @endif
            <div class="row d-flex justify-content-center p-2">
                <div class="col-10 d-flex justify-content-center">
                    <button type="submit" class="btn btn-primary mx-2">Salvar</button>
                    <button class="btn btn-outline-danger">Cancelar</button>
                </div>
            </div>
        </form>
    </div>

@endsection