@extends('layouts.main')

@section('content')
 
          
    <h1>Add stock loss</h1>
    <a href="{{route('stock_loss.index')}}" class="btn btn-dark"> Stock losses</a>
    <hr>
    
    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif

    <form method="POST" action="{{route('stock_loss.store')}}">
        @csrf
        <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)
                    <option value="{{$stock_item->id}}">{!! $stock_item->name($stock_item) !!}</option>
                @endforeach
            </select>

            <label>Quntity</label>
            <input type="number" step="any" name="size" class="form-control">

            <label>Reason</label>
            <input type="text" name="description" class="form-control">

            <label>Shift</label>
            <select name="workshift_id" id="workshift_id" class="form-control">
                @foreach($record_check as $shifts)
                    <option value="{{$shifts->id}}">{{$shifts->name}},{{$shifts->description}}, {{$shifts->date}}</option>
                @endforeach
            </select> 
            
            <br><br>
            <button class="btn btn-dark" type="submit">Save</button>
        </div>
    </div>
</form>
   
   
@endsection

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