@extends('layouts.app')
@section('content')
    @include('_flash-alerts')
    <div class="x_panel " id="inicio" class="position-relative">
        <div class="m-0 sticky-top">
            <div class="float-right mt-3 mr-3 p-1">
                <a href="#inicio" class="rounded-pill bg-malva text-white p-3">
                    <i class="fa fa-arrow-up"></i>
                </a>
                <a class="rounded-pill bg-malva text-white p-3 " onclick="window.scrollTo(0,1000000)">
                    <i class="fa fa-arrow-down"></i>
                </a>
            </div>
        </div>
        <div class="x_title">

            <h3> <a href="{{ route('items.index') }}" class="btn btn-malva btn-sm" onclick="openLoading()">
                    <i class="fa fa-arrow-left">
                    </i> Atrás
                </a>
                Crear Producto
            </h3>
            <small>
                online->Items->Crear
            </small>
        </div>

        <div class="x_content">
            <form action="{{ route('items.store') }}" method="post">
                @csrf
                <item-formulario :$item="{{ json_encode($item) }}" :categories="{{ $categories }}"
                    :brands="{{ json_encode($brands) }}">
                </item-formulario>
                <button class="btn btn-malva" type="submit" onclick="openLoading()">
                    Crear
                </button>
            </form>
            @if (session('info'))
                <script>
                    alert("{{ session('info') }}");
                </script>
            @endif
        </div>
    </div>
@endsection