@extends('admin.layouts.app')
@section('title')
    <div class="mr-auto" xmlns="">
        <h3 class="m-subheader__title m-subheader__title--separator">Previous Session</h3>
        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
            <li class="m-nav__item">
                <a href="{{ url('/admin-area/previous-session') }}" class="m-nav__link">
                    <span class="m-nav__link-text">Previous Session</span>
                </a>
            </li>
            <li class="m-nav__separator">-</li>
            <li class="m-nav__item">
                <a>
                    <span class="m-nav__link-text">Cadastrar</span>
                </a>
            </li>
        </ul>
    </div>
    <div>
        <a href="{{ url('admin-area/previous-session') }}" class="btn m-btn--pill btn-warning">
            <i class="fa fa-chevron-left"></i> Voltar
        </a>
    </div>
@endsection
@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row">
        <div class="col-12">
            <div class="m-portlet">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption"><div class="m-portlet__head-title"><span class="m-portlet__head-icon"><i class="flaticon-squares-4"></i></span><h3 class="m-portlet__head-text">Cadastrar Previous Session</h3></div></div>
                </div>
                <form action="{{ url('/admin-area/previous-session') }}" method="POST"  class="m-form m-form--label-align-right">
                    @csrf
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Contador:</label>
                        <div class="col-9">
                            <input required type="datetime-local" name="date" class="form-control m-input" value="{{ old('date') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Título:</label>
                        <div class="col-9">
                            <input required type="text" name="title" class="form-control m-input" value="{{ old('title') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Iframe:</label>
                        <div class="col-9">
                            <input required type="text" name="url" class="form-control m-input" value="{{ old('url') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Sub Título:</label>
                        <div class="col-9">
                            <input required type="text" name="subtitle" class="form-control m-input" value="{{ old('subtitle') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label  class="col-2 col-form-label">Descrição:</label>
                        <div class="col-9">
                            <textarea name="description" class="textarea-general"></textarea>
                        </div>
                    </div>
                    <div class="m-form__group form-group row">
                        <label class="col-lg-2 col-form-label">Possui Botão?</label>
                        <div class="col-lg-9">
                            <div class="m-radio-list">
                                <label class="radio radio-lg">
                                    <input required type="radio" name="button_show" value="0">
                                    <span></span>
                                    Não
                                </label>
                                <label class="radio radio-lg">
                                    <input required type="radio" name="button_show" value="1">
                                    <span></span>
                                    Sim
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Texto do Botão:</label>
                        <div class="col-9">
                            <input type="text" name="button_text" class="form-control m-input" value="{{ old('button_text') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Link do Botão:</label>
                        <div class="col-9">
                            <input type="text" name="link" class="form-control m-input" value="{{ old('link') }}">
                        </div>
                    </div>
                    <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions m-form__actions">
                            <div class="row">
                                <div class="col-2"></div>
                                <div class="col-6">
                                    <button type="submit" class="btn btn-primary">Cadastrar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $('.textarea-general').summernote({
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['insert', ['link']],
                    ['view', ['codeview']],
                    ['height', ['height']],
                    ['fontsize', ['fontsize']],
                ],
                lang: 'pt-BR',
                height:200,
            });
        });
    </script>
@endsection