@extends('intranet.layouts.app')

@section('content')

    <div class="container">
        <div class="row">
            <h1>{!! MODULE_NAME !!}</h1>
            <hr>




            <form action="" method="POST" enctype="multipart/form-data">
                @csrf
                @if ($editing)
                    @method('PUT')
                @endif
                <div class="form-group">
                    <label for="title">Título:</label>
                    <input type="text" class="form-control" name="title" value="{{ old('title') ?: $slide->title }}">
                </div>
                <div class="form-group">
                    <label for="title">Status:</label>
                    <select class="form-control" id="status" name="status">
                        <option @if ($slide->status == 1) selected @endif value="1">Ativado</option>
                        <option @if (isset($slide->status) && $slide->status == 0) selected @endif value="0">Desativado</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="locale">Idioma (Opcional):</label>
                    <input type="text" class="form-control" name="locale" id="locale" value="{{ old('locale') ?: $slide->locale }}">
                </div>
                <fieldset>
                    <h3>Textos e Botão</h3>
                    <hr>
                    <div class="form-group">
                        <label for="front_title">Título:</label>
                        <input type="text" class="form-control" name="front_title" value="{{ old('front_title') ?: $slide->front_title }}">
                        <label for="front_title_size">Tamanho da Fonte do Título:</label>
                        <select class="form-control" id="front_title_size" name="front_title_size">
                            <option @if ($slide->front_title_size == 'p') selected @endif value="p">Pequena</option>
                            <option @if ($slide->front_title_size == 'm') selected @endif value="m">Média</option>
                            <option @if ($slide->front_title_size == 'g') selected @endif value="g">Grande</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="front_subtitle">Subtítulo:</label>
                        <input type="text" class="form-control" name="front_subtitle" value="{{ old('front_subtitle') ?: $slide->front_subtitle }}">
                    </div>
                    <div class="form-group">
                        <label for="front_button">Texto do Botão:</label>
                        <input type="text" class="form-control" name="front_button" value="{{ old('front_button') ?: $slide->front_button }}">
                    </div>
                    <label for="front_direction">Direção:</label>
                    <select class="form-control" id="front_direction" name="front_direction">
                        <option @if ($slide->front_direction == 'esquerda') selected @endif value="esquerda">Esquerda</option>
                        <option @if ($slide->front_direction == 'direita') selected @endif value="direita">Direita</option>
                    </select>
                </fieldset>
                <fieldset>
                    <h3>Imagem no Desktop</h3>
                    <hr>
                    <div class="form-group">
                        <label for="image_desktop">Imagem <b>Desktop</b>:</label>
                        <input type="file" class="form-control" class="form-control" name="image_desktop"
                            id="image_desktop">
                    </div>
                    <div class="form-check form-switch">
                        <label for="is_same_image" class="mr-1">Usar mesma imagem do <b>desktop</b> nos <b>celulares</b> também?</label>
                        <input @if ($slide->is_same_image) checked @endif type="checkbox" class="form-check-input" id="is_same_image"
                            name="is_same_image">
                    </div>
                    <div class="form-group">
                        <label for="desktop_link">Link <b>Desktop</b>:</label>
                        <input type="text" class="form-control" name="desktop_link"
                            value="{{ $slide->desktop_link ?: '' }}">
                    </div>
                    <div class="form-check form-switch">
                        <label for="is_same_link" class="mr-1">Usar mesmo link do <b>desktop</b> nos <b>celulares</b> também?</label>
                        <input @if ($slide->is_same_link) checked @endif type="checkbox" class="form-check-input" id="is_same_link"
                            name="is_same_link">
                    </div>
                    @if ($slide->image_desktop)
                        <div class="form-group">
                            <label>Imagem Desktop atual:</label>
                            <img src="{{ $slide->image_desktop ?: '' }}" class="img-fluid" style="max-height: 500px;"
                                alt="">
                        </div>
                    @endif
                </fieldset>

                <fieldset class="mt-5">
                    <h3>Imagem no Celular</h3>
                    <hr>
                    <div class="form-group">
                        <label for="image_mobile">Imagem <b>Celulares</b>:</label>
                        <input type="file" class="form-control" class="form-control" name="image_mobile"
                            id="image_mobile">
                    </div>
                    <div class="form-group">
                        <label for="mobile_link">Link <b>Celulares</b>:</label>
                        <input type="text" class="form-control" name="mobile_link"
                            value="{{ $slide->mobile_link ?: '' }}">
                    </div>
                    @if ($slide->image_mobile)
                        <div class="form-group">
                            <label>Imagem Celulares atual:</label>
                            <img src="{{ $slide->image_mobile ?: '' }}" class="img-fluid" style="max-height: 500px;"
                                alt="">
                        </div>
                    @endif
                </fieldset>
                <div class="form-group mt-3">
                    <button type="submit" class="btn btn-primary">@if ($editing) Salvar @else Criar @endif</button>
                </div>
            </form>
        </div>
    </div>
@endsection