@php
        
        $user_id = Auth::user()->id;
        $user_type = Auth::user()->tipo_id;
        $has_permission_entrada = $permissao->has_permission_by_name($user_id,"registrar entrada de estoque");
        $has_permission_saida = $permissao->has_permission_by_name($user_id,"registrar saída de estoque");
@endphp


@extends('../layouts.navigation')
@section('content')
    <form action="{{ route('produto.edit', ['item' => $Produto->id, 'ok' => 1]) }}" method="POST"
        enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <input type="hidden" name="idproduto" id="idproduto" value="{{ $Produto->id }}">
    
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="app-ecommerce">
                <!-- Add Product -->
                <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 row-gap-4">
                    <div class="d-flex flex-column justify-content-center">
                        <h4 class="mb-1">Editar o Novo Produto</h4>
                        <p class="mb-0">Pedidos realizados em toda a sua loja</p>
                    </div>
                    <div class="d-flex align-content-center flex-wrap gap-4">
                        <div class="d-flex gap-4">
                            <button type="reset" class="btn btn-label-secondary">Descartar</button>
                        </div>
                        <button type="submit" class="btn btn-primary">Publicar produto</button>

                    </div>
                </div>
                <div class="row">
                        <div class="col-12 col-lg-12">
                            @if (session('status') && ( session('status') != "Stock insuficiente, Não foi realizada qualquer alteração no stock do produto!" and session('status') != "Sem permissão para realizar a entada em stock" and session('status') != "Sem permissão para realizar baixa de produto." && session('status') != "Quantidade inválida, Não foi realizada qualquer alteração no stock do produto!"))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('status') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif

                            @if (session('status') &&  ( session('status') == "Stock insuficiente, Não foi realizada qualquer alteração no stock do produto!" or session('status') == "Sem permissão para realizar a entada em stock" or session('status') == "Sem permissão para realizar baixa de produto." or session('status') == "Quantidade inválida, Não foi realizada qualquer alteração no stock do produto!"))
                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                    {{ session('status') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        </div>
                </div>

                <div class="row">
                    <!-- First column-->
                    <div class="col-12 col-lg-8">
                        <!-- Product Information -->
                        <div class="card mb-6">
                            <div class="card-header">
                                <h5 class="card-tile mb-0">Informações do produto</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-6">
                                    <label class="form-label" for="ecommerce-product-name">Nome</label>
                                    <input type="text" class="form-control" id="ecommerce-product-name"
                                        placeholder="Título do produto" name="produto_nome" aria-label="Título do produto"
                                        value="{{ $Produto->produto_nome }}">
                                </div>
                                <div class="row mb-6">
                                    <div class="col">
                                        <label class="form-label" for="ecommerce-product-barcode">Código de barras</label>
                                        <input type="text" class="form-control" id="ecommerce-product-barcode"
                                            placeholder="0123-4567" name="productBarcode"
                                            aria-label="Código de barras do produto">
                                    </div>
                                </div>
                                <div class="mb-6">
                                    <label class="form-label" for="ecommerce-product-name">Marca</label>
                                    <input type="text" class="form-control" id="ecommerce-product-marca"
                                        placeholder="Marca do produto" name="marca" aria-label="Marca do produto"
                                        value="{{ $Produto->marca }}">
                                </div>
                                <div class="mb-6">
                                    <label class="form-label" for="ecommerce-product-name">Modelo</label>
                                    <input type="text" class="form-control" id="ecommerce-product-model"
                                        placeholder="Modelo do produto" name="modelo" aria-label="Modelo do produto"
                                        value="{{ $Produto->modelo }}">
                                </div>
                                <!-- Description -->
                                <div>
                                    <label class="mb-1">Descrição (Opcional)</label>
                                    <div class="form-control p-0">
                                        <textarea name="descricao" id="descricao" cols="103" rows="8">{{ $Produto->desccricao }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Product Information -->
                        <!-- Media -->
                        <div class="card mb-6">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="mb-0 card-title">Imagem do Produto</h5>
                                <a href="javascript:void(0);" class="fw-medium">Adicionar mídia pela URL</a>
                            </div>
                            <div class="card-body">
                                <!-- form action="/upload" class="dropzone needsclick p-0" id="dropzone-basic"-->
                                <div class="dz-message needsclick">
                                    <p class="h4 needsclick pt-3 mb-2">Arraste e solte sua imagem aqui</p>
                                    <p class="h6 text-body-secondary d-block fw-normal mb-2">ou</p>
                                    <span class="needsclick btn btn-sm btn-label-primary" id="btnBrowse">Procurar
                                        imagem</span>
                                </div>
                                <div class="fallback">
                                    <input name="imagem" type="file">
                                </div>
                                @error('imagem')
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        {{ $message }}
                                        <button type="button" class="btn-close" data-bs-dismiss="alert"
                                            aria-label="Close"></button>
                                    </div>
                                @enderror
                                <!--</form> -->
                            </div>
                        </div>
                        <!-- /Media -->


                    </div>
                    <!-- /Second column -->

                    <!-- Second column -->
                    <div class="col-12 col-lg-4">
                        <!-- Pricing Card -->
                        <div class="card mb-6">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Preço</h5>
                            </div>
                            <div class="card-body">
                                <!-- Base Price -->
                                <div class="mb-6">
                                    <label class="form-label" for="ecommerce-product-price">Preço Unitário *</label>
                                    <input required type="number" class="form-control" id="ecommerce-product-price"
                                        placeholder="Preço" name="preco_unitario" aria-label="Preço do produto"
                                        value="{{ $Produto->preco_unitario }}">
                                </div>
                                <!-- Discounted Price -->
                                <div class="mb-6">
                                    <label class="form-label" for="ecommerce-product-discount-price">Imposto</label>
                                    <input type="number" class="form-control" id="ecommerce-product-discount-price"
                                        placeholder="Valor do Imposto." name="imposto" aria-label="Valor do Imposto."
                                        value="{{ $Produto->imposto }}">
                                </div>
                                <!-- Charge tax check box -->
                                <div class="form-check ms-2 mt-2 mb-4">
                                    <input class="form-check-input" type="checkbox" value="" id="price-charge-tax"
                                        @if ($Produto->imposto > 0) @checked(true) @endif>
                                    <label class="switch-label" for="price-charge-tax">Cobrar imposto sobre este
                                        produto</label>
                                </div>
                                <!-- Instock switch -->
                                <div class="d-flex justify-content-between align-items-center border-top pt-2">
                                    <span class="mb-0">Em estoque</span>
                                    <div class="w-25 d-flex justify-content-end">
                                        <div class="form-check form-switch me-n3">
                                            <input type="checkbox" class="form-check-input" checked="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Pricing Card -->
                        <!-- Organize Card -->
                        <div class="card mb-6">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Organizar</h5>
                            </div>
                            <div class="card-body">
                                <!-- Vendor -->
                                <div class="mb-6 col ecommerce-select2-dropdown">
                                    <label class="form-label mb-1" for="expira">O produto expira? </label>
                                    <select id="expira" name="expira" class="select2 form-select"
                                        data-placeholder="Seleccione Uma opção" value="{{ $Produto->expira }}">
                                        <option value="1"
                                            @if (strtoupper($Produto->expira) == 'SIM') @selected(true) @endif>Sim,
                                            Expira
                                        </option>
                                        <option value="0"
                                            @if (strtoupper($Produto->expira) != 'SIM') @selected(true) @endif>Não, Não
                                            expira</option>
                                    </select>
                                </div>
                                <!-- Vendor -->
                                <div class="mb-6 col ecommerce-select2-dropdown">
                                    <label class="form-label mb-1" for="unidade"> Unidade </label>
                                    <select id="unidade" name="unidade" class="select2 form-select"
                                        data-placeholder="Select unidade" value="{{ $Produto->unidade }}">
                                        <option value="">Sem unidade</option>
                                        <optgroup label="Peso">
                                            <option @if (strtoupper($Produto->unidade) == 'GRAMA') @selected(true) @endif
                                                value="grama">Grama (g)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'QUILOGRAMA') @selected(true) @endif
                                                value="quilograma">Quilograma (Kg)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'TONELADA') @selected(true) @endif
                                                value="tonelada">Tonelada (t)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'QUILATE') @selected(true) @endif
                                                value="quilate">Quilate (ct)</option>
                                        </optgroup>

                                        <optgroup label="Comprimento">
                                            <option @if (strtoupper($Produto->unidade) == 'METRO') @selected(true) @endif
                                                value="metro">Metro (m)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'CENTIMETRO') @selected(true) @endif
                                                value="centimetro">Centímetro (cm)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'METRO-QUADRADO') @selected(true) @endif
                                                value="metro-quadrado">Metro quadrado (m²)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'METRO-CUBICO') @selected(true) @endif
                                                value="metro-cubico">Metro cúbico (m³)</option>
                                        </optgroup>

                                        <optgroup label="Volume">
                                            <option @if (strtoupper($Produto->unidade) == 'LITRO') @selected(true) @endif
                                                value="litro">Litro (L)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'MILILITRO') @selected(true) @endif
                                                value="mililitro">Mililitro (mL)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'LITRO-QUADRADO') @selected(true) @endif
                                                value="litro-quadrado">Litro quadrado (L²)</option>
                                        </optgroup>

                                        <optgroup label="Quantidade/Unidade">
                                            <option @if (strtoupper($Produto->unidade) == 'UNIDADE') @selected(true) @endif
                                                value="unidade">Unidade (un)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'CAIXA') @selected(true) @endif
                                                value="caixa">Caixa (cx)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'PACOTE') @selected(true) @endif
                                                value="pacote">Pacote (pc)</option>
                                            <option @if (strtoupper($Produto->unidade) == 'CONJUNTO') @selected(true) @endif
                                                value="conjunto">Conjunto (ct)</option>
                                        </optgroup>
                                    </select>
                                </div>

                                <!-- Category -->
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="mb-6 col ecommerce-select2-dropdown">
                                        <label class="form-label mb-1" for="category-org">
                                            <span>Categoria</span>
                                        </label>
                                        <select id="category-org" class="select2 form-select"
                                            data-placeholder="Selecionar Categoria">
                                            <option value="">Selecionar Categoria</option>
                                            <option value="Household">Casa</option>
                                            <option value="Management">Gestão</option>
                                            <option value="Electronics">Eletrônicos</option>
                                            <option value="Office">Escritório</option>
                                            <option value="Automotive">Automotivo</option>
                                        </select>
                                    </div>
                                    <a href="javascript:void(0);" class="fw-medium btn btn-icon btn-label-primary ms-4"><i
                                            class="icon-base ti tabler-plus icon-md"></i></a>
                                </div>
                                <!-- Collection
                                                    <div class="mb-6 col ecommerce-select2-dropdown">
                                                        <label class="form-label mb-1" for="collection">Collection </label>
                                                        <select id="collection" class="select2 form-select" data-placeholder="Collection">
                                                            <option value="">Collection</option>
                                                            <option value="men-clothing">Men's Clothing</option>
                                                            <option value="women-clothing">Women's-clothing</option>
                                                            <option value="kid-clothing">Kid's-clothing</option>
                                                        </select>
                                                    </div>-->
                                <!-- Status -->
                                <div class="mb-6 col ecommerce-select2-dropdown">
                                    <label class="form-label mb-1" for="status-org">Estado *</label>
                                    <select required id="status-org" name="venda" class="select2 form-select"
                                        data-placeholder="Published" value="{{ $Produto->venda }}">
                                        <option value="sim"
                                            @if (strtoupper($Produto->venda) == 'SIM') @selected(true) @endif
                                            title="Disponível para venda">Publicado</option>
                                        <option value="não"
                                            @if (strtoupper($Produto->venda) != 'SIM') @selected(true) @endif
                                            title="Não Disponível para venda">Inativo</option>
                                    </select>
                                </div>
                                <!-- Tags -->

                            </div>
                        </div>
                        <!-- /Organize Card -->
                    </div>
                    <!-- /Second column -->
                    
                    
                </div>
            </div>
        </div>
        <!-- / Content -->
    </form>

    @if($user_type<3 or $has_permission_entrada != null or $has_permission_saida != null)
        <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="app-ecommerce">
                <div class="row">
                    <!-- Inventory -->
                    <div class="col-12 col-lg-12">
                        <div class="card mb-6">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Inventário</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <!-- Navigation -->
                                    <div class="col-12 col-md-4 col-xl-5 col-xxl-4 mx-auto card-separator">
                                        <div class="d-flex justify-content-between flex-column mb-4 mb-md-0 pe-md-4">
                                            <div class="nav-align-left">
                                                <ul class="nav nav-pills flex-column w-100">
                                                    <li class="nav-item">
                                                        <button class="nav-link active" data-bs-toggle="tab"
                                                            data-bs-target="#restock">
                                                            <i class="icon-base ti tabler-box icon-sm me-1_5"></i>
                                                            <span class="align-middle">Reabastecer</span>
                                                        </button>
                                                    </li>
                                                    <li class="nav-item">
                                                        <button disabled class="nav-link" data-bs-toggle="tab"
                                                            data-bs-target="#shipping">
                                                            <i class="icon-base ti tabler-car icon-sm me-1_5"></i>
                                                            <span class="align-middle">Shipping</span>
                                                        </button>
                                                    </li>
                                                    <li class="nav-item">
                                                        <button disabled class="nav-link" data-bs-toggle="tab"
                                                            data-bs-target="#global-delivery">
                                                            <i class="icon-base ti tabler-world icon-sm me-1_5"></i>
                                                            <span class="align-middle">Global Delivery</span>
                                                        </button>
                                                    </li>
                                                    <li class="nav-item">
                                                        <button disabled class="nav-link" data-bs-toggle="tab"
                                                            data-bs-target="#attributes">
                                                            <i class="icon-base ti tabler-link icon-sm me-1_5"></i>
                                                            <span class="align-middle">Attributes</span>
                                                        </button>
                                                    </li>
                                                    <li class="nav-item">
                                                        <button disabled class="nav-link" data-bs-toggle="tab"
                                                            data-bs-target="#advanced">
                                                            <i class="icon-base ti tabler-lock icon-sm me-1_5"></i>
                                                            <span class="align-middle">Advanced</span>
                                                        </button>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /Navigation -->
                                    <!-- Options -->
                                    <div class="col-12 col-md-8 col-xl-7 col-xxl-8 pt-6 pt-md-0">
                                        <div class="tab-content p-0 ps-md-4">
                                            <!-- Restock Tab -->
                                            <div class="tab-pane fade show active" id="restock" role="tabpanel">
                                                <h6 class="text-body">Opcções</h6>
                                                <form class="form-valide" method="POST"
                                                    action="{{ route('stock.create') }}" enctype="multipart/form-data">
                                                    @csrf
                                                    <input type="hidden" value="{{ $Produto->id }}" name="codigo"
                                                        id="codigo">
                                                    <label class="form-label" for="ecommerce-product-stock">+Aumentar /
                                                        -Diminuir ao Stock</label>
                                                    <div class="row mb-4 g-4 pe-md-4">
                                                        <div class="col-12 col-sm-3">
                                                            <input type="number" class="form-control"
                                                                id="ecommerce-product-stock" placeholder="Quantidade ({{ $Produto->unidade_code }})"
                                                                name="quantidade" aria-label="Quantidade" @required(true)>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <input type="text" class="form-control"
                                                                id="ecommerce-product-descricao" placeholder="Descrição"
                                                                name="observacao_stock" aria-label="Descrição">
                                                        </div>
                                                        <div class="col-12 col-sm-3">
                                                            <button type="submit" class="btn btn-primary">Confirmar</button>
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <h6 class="mb-0 fw-normal">Produto em stock:
                                                            {{ $Produto->quantidade }} {{ $Produto->unidade_code }}
                                                        </h6>
                                                        <h6 class="mb-2 fw-normal">Produto cadastrado por:
                                                            {{ $user_cad->name }} ( {{ $user_cad->email }})</h6>
                                                        <h6 class="mb-0 fw-normal">Última actualização do stock: @if ($Stock != null)
                                                                {{ $Stock->created_at->format('d-m-Y H:i:s') }}
                                                            @endif
                                                        </h6>
                                                        <h6 class="mb-2 fw-normal">Último ajuste realizado por: @if ($user_stock != null)
                                                                {{ $user_stock->name }}
                                                            @endif
                                                        </h6>


                                                    </div>
                                                </form>


                                            </div>
                                            <!-- Shipping Tab -->
                                            <div class="tab-pane fade" id="shipping" role="tabpanel">
                                                <h6 class="mb-3 text-body">Shipping Type</h6>
                                                <div>
                                                    <div class="form-check mb-4">
                                                        <input class="form-check-input" type="radio" name="shippingType"
                                                            id="seller">
                                                        <label class="form-check-label" for="seller">
                                                            <span class="mb-1 h6">Fulfilled by Seller</span><br>
                                                            <small>You'll be responsible for product delivery.<br>
                                                                Any damage or delay during shipping may cost you a Damage
                                                                fee.</small>
                                                        </label>
                                                    </div>
                                                    <div class="form-check mb-6">
                                                        <input class="form-check-input" type="radio" name="shippingType"
                                                            id="companyName" checked="">
                                                        <label class="form-check-label" for="companyName">
                                                            <span class="mb-1 h6">Fulfilled by Company name &nbsp;<span
                                                                    class="badge rounded-2 badge-warning bg-label-warning fs-tiny py-1">RECOMMENDED</span></span><br>
                                                            <small>Your product, Our responsibility.<br>
                                                                For a measly fee, we will handle the delivery process for
                                                                you.</small>
                                                        </label>
                                                    </div>
                                                    <p class="mb-0">See our <a href="javascript:void(0);">Delivery terms and
                                                            conditions</a> for details</p>
                                                </div>
                                            </div>
                                            <!-- Global Delivery Tab -->
                                            <div class="tab-pane fade" id="global-delivery" role="tabpanel">
                                                <h6 class="mb-3 text-body">Global Delivery</h6>
                                                <!-- Worldwide delivery -->
                                                <div class="form-check mb-4">
                                                    <input class="form-check-input" type="radio" name="globalDel"
                                                        id="worldwide">
                                                    <label class="form-check-label" for="worldwide">
                                                        <span class="mb-1 h6">Worldwide delivery</span><br>
                                                        <small>Only available with Shipping method: <a
                                                                href="javascript:void(0);">Fulfilled
                                                                by Company
                                                                name</a></small>
                                                    </label>
                                                </div>
                                                <!-- Global delivery -->
                                                <div class="form-check mb-4">
                                                    <input class="form-check-input" type="radio" name="globalDel"
                                                        checked="">
                                                    <label class="form-check-label w-75 pe-12" for="country-selected">
                                                        <span class="mb-2 h6">Selected Countries</span>
                                                        <input type="text" class="form-control"
                                                            placeholder="Type Country name" id="country-selected">
                                                    </label>
                                                </div>
                                                <!-- Local delivery -->
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="globalDel"
                                                        id="local">
                                                    <label class="form-check-label" for="local">
                                                        <span class="mb-1 h6">Local delivery</span><br>
                                                        <small>Deliver to your country of residence : <a
                                                                href="javascript:void(0);">Change
                                                                profile address</a></small>
                                                    </label>
                                                </div>
                                            </div>
                                            <!-- Attributes Tab -->
                                            <div class="tab-pane fade" id="attributes" role="tabpanel">
                                                <h6 class="mb-2 text-body">Attributes</h6>
                                                <div>
                                                    <!-- Fragile Product -->
                                                    <div class="form-check mb-4">
                                                        <input class="form-check-input" type="checkbox" value="fragile"
                                                            id="fragile">
                                                        <label class="form-check-label" for="fragile">
                                                            <span class="fw-medium">Fragile Product</span>
                                                        </label>
                                                    </div>
                                                    <!-- Biodegradable -->
                                                    <div class="form-check mb-4">
                                                        <input class="form-check-input" type="checkbox" value="biodegradable"
                                                            id="biodegradable">
                                                        <label class="form-check-label" for="biodegradable">
                                                            <span class="fw-medium">Biodegradable</span>
                                                        </label>
                                                    </div>
                                                    <!-- Frozen Product -->
                                                    <div class="form-check mb-4">
                                                        <input class="form-check-input" type="checkbox" value="frozen"
                                                            checked="">
                                                        <label class="form-check-label w-75 pe-12" for="frozen">
                                                            <span class="mb-1 h6">Frozen Product</span>
                                                            <input type="number" class="form-control"
                                                                placeholder="Max. allowed Temperature" id="frozen">
                                                        </label>
                                                    </div>
                                                    <!-- Exp Date -->
                                                    <div class="form-check mb-6">
                                                        <input class="form-check-input" type="checkbox" value="expDate"
                                                            id="expDate" checked="">
                                                        <label class="form-check-label w-75 pe-12" for="date-input">
                                                            <span class="mb-1 h6">Expiry Date of Product</span>
                                                            <input type="date" class="product-date form-control"
                                                                id="date-input">
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /Attributes Tab -->
                                            <!-- Advanced Tab -->
                                            <div class="tab-pane fade" id="advanced" role="tabpanel">
                                                <h6 class="mb-3 text-body">Advanced</h6>
                                                <div class="row">
                                                    <!-- Product Id Type -->
                                                    <div class="col">
                                                        <label class="form-label" for="product-id">
                                                            <span class="mb-1 h6">Product ID Type</span>
                                                        </label>
                                                        <select id="product-id" class="select2 form-select"
                                                            data-placeholder="ISBN">
                                                            <option value="">ISBN</option>
                                                            <option value="ISBN">ISBN</option>
                                                            <option value="UPC">UPC</option>
                                                            <option value="EAN">EAN</option>
                                                            <option value="JAN">JAN</option>
                                                        </select>
                                                    </div>
                                                    <!-- Product Id -->
                                                    <div class="col">
                                                        <label class="form-label" for="product-id-1">
                                                            <span class="mb-1 h6">Product ID</span>
                                                        </label>
                                                        <input type="number" id="product-id-1" class="form-control"
                                                            placeholder="ISBN Number">
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /Advanced Tab -->
                                        </div>
                                    </div>
                                    <!-- /Options-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Inventory -->
                </div>
            </div>
        </div>
        <!-- / Content --> 
    @endif
    
@endsection