@extends('layouts.main')

@section('content')
  <h1>{{ $title }}</h1>  
  <hr> 
    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    
    <div>
        <form method="POST" action="{{route('stock_loss.update',$stock_loss->id)}}">
            @csrf
            @method('PATCH')
            <div class="row">  
                <div class="col-md-6">
                    <label>Name</label>
                    <select name="stock_id" id="stock_id" class="form-control">
                        @foreach($stock_items as $stock_item)
                            @if($stock_loss->stock_id == $stock_item->id)
                                <option selected value="{{$stock_item->id}}">{{$stock_item->category->name.' '.$stock_item->name}}</option>
                            @else 
                                <option value="{{$stock_item->id}}">{{$stock_item->category->name.' '.$stock_item->name}}</option>
                            @endif
                        @endforeach
                    </select>

                    <label>Quntity</label>
                    <input type="number" value="{{$stock_loss->size}}" step="any" name="size" class="form-control">

                    <label>Reason</label>
                    <input type="text" value="{{$stock_loss->description}}" name="description" class="form-control">

                    <label>Shift</label>
                    <select name="workshift_id" class="form-control">
                        @foreach($work_shifts as $shifts)
                            @if($shifts->id == $stock_loss->workshift_id)
                                <option selected value="{{$shifts->id}}">{{$shifts->name}},{{$shifts->description}}, {{date('Y-M-d',$shifts->date)}}</option>
                            @else
                                <option value="{{$shifts->id}}">{{$shifts->name}},{{$shifts->description}}, {{date('Y-M-d',$shifts->date)}}</option>
                            @endif
                        @endforeach
                    </select> 
                    
                    <hr>
                    <button class="btn btn-dark" type="submit">Save changes</button>
                </div>
            </div>
        </form>
    </div>                       
               
@endsection

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