@extends('admin.layouts.app')
@section('title')
    <div class="mr-auto" xmlns="">
        <h3 class="m-subheader__title m-subheader__title--separator">Products</h3>
        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
            <li class="m-nav__item">
                <a href="{{ url('admin-area/products') }}" class="m-nav__link">
                    <span class="m-nav__link-text">Products</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/products') }}" 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 Product</h3></div></div>
                </div>
                <form action="{{ url('/admin-area/products') }}" method="POST"  class="m-form m-form--label-align-right" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Nome:</label>
                        <div class="col-9">
                            <input required type="text" name="name" class="form-control m-input" value="{{ old('name') }}">
                        </div>
                    </div>
                    <div class="m-form__group form-group row">
                        <label class="col-lg-2 col-form-label">Tipo</label>
                        <div class="col-lg-9">
                            <div class="m-radio-list">
                                <label class="radio radio-lg">
                                    <input required type="radio" name="type" value="Our Products">
                                    <span></span>
                                    Our Products
                                </label>
                                <label class="radio radio-lg">
                                    <input required type="radio" name="type" value="Recommended Products">
                                    <span></span>
                                    Recommended Products
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Link:</label>
                        <div class="col-9">
                            <input required type="text" name="link" class="form-control m-input" value="{{ old('link') }}">
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Texto Tag: (opcional)</label>
                        <div class="col-9">
                            <input type="text" name="tag" class="form-control m-input" value="{{ old('tag') }}">
                        </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 type="text" name="description" rows="15" class="form-control m-input textarea-general"></textarea>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-2 col-form-label">Imagem:</label>
                        <div class="col-9">
                            <input required type="file" name="image" class="form-control m-input" value="{{ old('image') }}">
                        </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