@extends('layout')

@section('title')
    Seções Invisalign
@endsection

@section('content')

    @include('flashs')

    <div class="card card-body">
        <h4 class="card-title">Editar Imagem</h4>
        <h5 class="card-subtitle"> Altere as informações necessárias. </h5>
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <form method="post" action="{{ route('invisalign_save', $invisalign['id']) }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label>Titulo</label>
                        <input type="text" class="form-control" id="titulo" name="titulo" value="{{ $invisalign['titulo'] }}">
                    </div>
                    <div class="form-group">
                        <label>Texto</label>
                        <textarea class="descricao" name="texto" id="texto" style="height: 300px;">{{ $invisalign['texto'] }}</textarea>
                    </div>
                    <div class="form-group">
                        <label>Imagem</label>
                        <input type="file" id="imagem" class="form-control" name="imagem">
                        <img style="width: 20%; height: auto;" src="{{ url("storage/invisalign/{$invisalign['imagem']}") }}" alt="{{ $invisalign['titulo'] }}">
                    </div>
                    <button type="submit" class="btn btn-success m-r-10" onclick="return validarForm()">Confirmar</button>
                    <a href="{{ route('invisalign') }}"><button type="button" class="btn btn-dark">Cancelar</button></a>
                </form>
            </div>
        </div>
    </div>
@endsection