@extends('layouts.main')

@section('content')
    <h5>{{$title}}</h5>
    <div class="card-box">
        
            @if (session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif
            <div class="card-body">

                <form action="{{ route('inventories.update',$inventory->id) }}" method="post">
                    @csrf
                    @method('PATCH')

                    <label for="stock_id">Select Stock item</label> <br>
                    <select name="stock_id" id="stock_id" class="form-control col-6">
                        @foreach ($stocks as $stock)
                            <option value="{{ $stock->id }}" {{ $inventory->stock_id == $stock->id ? 'selected':''  }} >{{ $stock->category->name.' '.$stock->name }}</option>                            
                        @endforeach
                    </select> <br>

                    <label for="quantity">Quantity</label>
                    <input type="number" name="quantity" value="{{ $inventory->quantity }}" class="form-control col-6">

                    <label for="date">Date</label>
                    <input type="date" max="{{ date('Y-m-d') }}" value="{{ $inventory->date }}" name="date" class="form-control col-6">

                    <label for="particular">Particular</label>
                    <input type="text" name="particular" class="form-control col-6" value="{{ $inventory->particular }}">

                    <hr>
                    <button class="btn btn-dark" type="submit">Save changes</button>
                </form>
            </div>
        </div>
    </div>             
@endsection 

@push('scripts')

    <script>
        $("#stock_id").chosen({
            width:"50%"
        });
    </script>
    
@endpush