@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Adjust Inventory</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Product</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Product infomation</div>
        </li>
    </ul>
</div>
<!-- new-product -->
<div class="wg-box">
    <form class="form-new-product form-style-1" method="post" action="{{route('shop-bo.inventory.store',['branch_id' => Crypt::encrypt($branch_id),'product_id' => Crypt::encrypt($product_id)])}}" enctype="multipart/form-data">
        @csrf
        @honeypot
        <fieldset>
            <div class="body-title">Product <span class="tf-color-1">*</span></div>
            <select class="flex-grow  @error('product_id') is-invalid @enderror" type="text" placeholder="Product" name="product_id">
                @foreach($products_query as $product)
                    <option value="{{Crypt::encrypt($product->id)}}" {{$product->selected ? 'selected' : ''}}>{{$product->name}}</option>
                @endforeach
            </select>
            @error('product_name')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Type<span class="tf-color-1">*</span></div>
            <select class="flex-grow  @error('type') is-invalid @enderror" type="text" placeholder="Product name" name="type">
                    <option>ADD</option>
                    <option>DEDUCT</option>
            </select>
            @error('type')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Amount<span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('amount') is-invalid @enderror" type="number" placeholder="Amount" name="amount">
            @error('amount')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <fieldset>
            <div class="body-title">Description<span class="tf-color-1"></span></div>
            <textarea class="flex-grow  @error('description') is-invalid @enderror" placeholder="(Optional)" name="description"></textarea>
            @error('description')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        
        <div class="bot">
            <div></div>
            <button class="tf-button w208" type="submit">Submit</button>
        </div>
    </form>
</div>
<!-- /new-product -->
             
@endsection           
@section('page_script') 
@parent
<script>
    $(".inventory-menu").addClass("active");
    $(".inventory-adjust").addClass("active");
</script>
@endsection                                  
<!-- App js -->