@extends('dashboard._theme_dashboard')

@section('content')
    <div class="container-fluid">
        <form method="POST" action="{{route("warehouse.new.save")}}" enctype="multipart/form-data" id="warehouse_forms">
            @csrf
            <div class="d-sm-flex justify-content-between align-items-center mb-4">
                <h5 class="text-dark mb-0">Cadastro de Almoxarifado</h5>
            </div>
            <div class="row">
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_internalID">ID Interno</label>
                    <input type="text" class="form-control" id="warehouse_internalID" name="warehouse_internalID">
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_barcode">Cod. Barras</label>
                    <input type="text" class="form-control" id="warehouse_barcode" name="warehouse_barcode">
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_status">Situação</label>
                    <select class="form-select" name="warehouse_status" id="warehouse_status">
                        <option value="Ativado">Ativado</option>
                        <option value="Desativado">Desativado</option>
                    </select>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="type_id_select">Tipo do item</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="type_id" id="type_id_select">
                            <option value="">Selecione um tipo</option>
                            @foreach($product_type as $item)
                                <option value="{{$item->type_id}}">{{$item->type_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_type_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-6 mb-2">
                    <label class="form-label" for="warehouse_description">Descrição do Item</label>
                    <input type="text" class="form-control" id="warehouse_description" name="warehouse_description"
                           required>
                </div>

                <div class="col-3 mb-2">
                    <label class="form-label" for="category_id_select">Categoria</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="category_id" id="category_id_select">
                            <option value="">Selecione uma categoria</option>
                            @foreach($product_category as $item)
                                <option value="{{$item->category_id}}">{{$item->category_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_category_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="sub_category_id">Sub-Categoria</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="sub_category_id" id="sub_category_id">
                            <option value="">Selecione uma sub-categoria</option>

                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_sub_category_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="brand_id_select">Marca</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="brand_id" id="brand_id_select">
                            <option value="">Selecione uma marca</option>
                            @foreach($product_brand as $item)
                                <option value="{{$item->brand_id}}">{{$item->brand_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_brand_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="model_id_select">Modelo</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="model_id" id="model_id_select">
                            <option value="">Selecione um modelo</option>
                            @foreach($product_model as $item)
                                <option value="{{$item->model_id}}">{{$item->model_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_model_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="measure_id_select">Medida</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="measure_id" id="measure_id_select">
                            <option value="">Selecione uma medida</option>
                            @foreach($product_measure as $item)
                                <option value="{{$item->measure_id}}">{{$item->measure_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_measure_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="allocation_id_select">Alocação</label>
                    <div class="input-group flex-nowrap">
                        <select class="form-select" name="alocation_id" id="allocation_id_select">
                            <option value="">Selecione uma alocação</option>
                            @foreach($product_alocation as $item)
                                <option value="{{$item->alocation_id}}">{{$item->alocation_name}}</option>
                            @endforeach
                        </select>
                        <span class="input-group-text" id="addon-wrapping">
                                    <i role="button" id="product_allocation_add" class="fal fa-plus-circle"></i>
                                </span>
                    </div>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_control">Controlar estoque?</label>
                    <select class="form-select" name="warehouse_control" id="warehouse_control">
                        <option value="Sim" selected>Sim</option>
                        <option value="Não">Não</option>
                    </select>
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_cost_price">Preço de custo (R$)</label>
                    <input type="text" class="form-control money-mask-cost" id="warehouse_cost_price"
                           name="warehouse_cost_price">
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_current_stock">Estoque Atual</label>
                    <input type="number" class="form-control" id="warehouse_current_stock"
                           name="warehouse_current_stock">
                </div>
                <div class="col-3 mb-2">
                    <label class="form-label" for="warehouse_min_stock">Estoque Mínimo</label>
                    <input type="number" class="form-control" id="warehouse_min_stock" name="warehouse_min_stock">
                </div>

            </div>
            <div class="row mt-2 mb-2">
                <div class="col-12 text-end">
                    <button class="btn btn-primary">Salvar</button>
                </div>
            </div>
        </form>
    </div>


    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "tipo",
        "target_id" => "product_type",
        "target_route" => "component.product.type",
        "target_input" => "type",
        "target_js" => "product-type.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "categoria",
        "target_id" => "product_category",
        "target_route" => "component.product.category",
        "target_input" => "product_category",
        "target_js" => "product-category.js"
    ])
    @include('dashboard.offcanvas.product-sub-category')
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "marca",
        "target_id" => "product_brand",
        "target_route" => "component.product.brand",
        "target_input" => "brand",
        "target_js" => "product-brand.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "modelo",
        "target_id" => "product_model",
        "target_route" => "component.product.model",
        "target_input" => "model",
        "target_js" => "product-model.js"
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "medida",
        "target_id" => "product_measure",
        "target_route" => "component.product.measure",
        "target_input" => "measure",
        "target_js" => "product-measure.js",
        "limited_input" => "2",
        "placeholder_input" => "Un,Kg,etc...",
    ])
    @include('dashboard.offcanvas.generic-registrations',[
        "text_target" => "alocação",
        "target_id" => "product_allocation",
        "target_route" => "component.product.allocation",
        "target_input" => "alocation",
        "target_js" => "product-allocation.js"
    ])

    <input type="hidden" id="sub_category_path" value="{{route("component.product.subcategory.search")}}">
@endsection
@section('customJS')
    <script src="{{asset("_js/dashboard/warehouse/forms.js")}}"></script>
@endsection