@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>
                Editar Producto
            </h3>
            <small>
                online->Items->editar
            </small>
        </div>


        <div class="x_content">

            <form action="{{ route('items.update', $item->id) }}" method="post">
                @csrf
                @method('PUT')

                <item-formulario :$item="{{ $item }}" :categories="{{ $categories }}"
                    :brands="{{ json_encode($brands) }}" >
                </item-formulario>
                <button class="btn btn-malva" type="submit" onclick="openLoading()">
                    Guardar Cambios
                </button>
            </form>
        </div>
    </div>
@endsection
<script>
    function itemUpdate(id) {
        let data = {
            'item_titulo': document.getElementById('item_titulo').value,
        }
        fetch('/items/' + id, {
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                method: 'PUT',
                body: JSON.stringify(data)
            })
            .then(response => response.json())
            .then(function(result) {
                alert(result.message);
            })
            .catch(function(error) {
                console.log(error);
            });
    }
    /*     function getNameItem(){
            document.querySelectorAll('.varis').forEach(el => {
    	console.log(el.value)
        }) 
        } */

    function itemsReload() {
        window.location.reload("https://malvavendor.com/items");
    }
</script>