@extends('admin.layouts.app')
@section('title', 'Update item')
@section('content')


<!--begin::App Content Header-->
<div class="app-content-header">
    <!--begin::Container-->
    <div class="container-fluid">
      <!--begin::Row-->
      <div class="row">
        <div class="col-sm-6"><h3 class="mb-0">Update Item</h3></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-end">
            <li><a href="{{ route('admin.items.index') }}" class="btn me-5 btn-success text-white">All Items</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Update Item</li>
          </ol>
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
<!--end::App Content Header-->
<hr>

  <!--begin::App Content-->
  <div class="app-content">
    <div class="container">
       <div class="col-lg-4">

       </div>
       <div class="col-lg-8 card p-3">
            <form action="{{ route('admin.items.update',['item'=>$item->id]) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('put')
                <div class="form-group mb-4 col-lg-12">
                    <label for="name">Item Name</label>
                    <input type="text" value="{{ old('name', $item->name) }}" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Enter Item Name">
                    @error('name')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="row">
                    <div class="form-group mb-4 col-lg-6">
                        <label for="quantity">Item Quantity</label>
                            <input type="number" name="quantity" value="{{ old('quantity', $item->quantity) }}" min="1" class="form-control @error('quantity') is-invalid @enderror" placeholder="Enter Item Quantity">
                            @error('quantity')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                    </div>
                    <div class="form-group mb-4 col-lg-6">
                        <label for="minimum_quantity">Item minimum_Quantity</label>
                            <input type="number" name="minimum_quantity" value="{{ old('minimum_quantity', $item->minimum_quantity) }}" min="1" class="form-control" placeholder="Enter Minimum Quantity">
                    </div>

                    <div class="form-group mb-4 col-lg-6">
                        <label for="category">Item Category</label>
                        <select name="category" id="" class="form-control @error('category') is-invalid @enderror">
                            @forelse ($categories as $category)
                                <option value="{{ $category->id }}" @if($item->category_id == $category->id) selected @endif>{{ $category->name }}</option>
                            @empty
                                <option value="#">No Category In the System yet, make sure to add some</option>
                            @endforelse
                        </select>
                        @error('category')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="form-group mb-4 col-lg-6">
                        <label for="buying_price">Buying Price</label>
                        <input type="number" min="100" value="{{ old('buying_price', $item->buying_price) }}" max="6000000" name="buying_price" class="form-control @error('buying_price') is-invalid @enderror" placeholder="Enter Item buying Price">
                        @error('buying_price')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group mb-4 col-lg-6">
                        <label for="selling_price">Selling Price</label>
                        <input type="number" min="1" max="6000000" value="{{ old('selling_price', $item->selling_price) }}" name="selling_price" class="form-control @error('selling_price') is-invalid @enderror" placeholder="Enter Item Selling Price">
                        @error('selling_price')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>


                <div class="row">
                    <div class="form-group mb-4 col-lg-3">
                        <h6>Sold as a Group</h6>
                        <div class="d-flex">
                            <div class="me-3">
                                <label for="sold_as_group">Yes</label>
                                <input type="checkbox" @if($item->sold_as_group === 'Yes') checked @endif id="groupYes" value="Yes" name="sold_as_group">
                            </div>
                        </div>
                    </div>
                    <div class="form-group mb-4 col-lg-9" id="asGroup">
                        <label for="group_number">Group Number</label>
                        <input type="number" value="{{ old('group_number', $item->group_number) }}" class="form-control" name="group_number">
                    </div>

                </div>

                <div class="form-group mb-4">
                    <label for="description">Description(Optional)</label>
                    <textarea name="description" id="" cols="5" rows="2" class="form-control">{{ old('description', $item->description) }}</textarea>
                </div>

                <div class="form-group mb-4">
                    <label for="image">Item Image (Optional)</label>
                    <input type="file" name="image" class="form-control">
                </div>

                <div class="form-group mb-4">
                    <button type="submit" class="btn btn-success">UPDATE ITEM</button>
                </div>

            </form>
       </div>
       <div class="col-lg-4">

       </div>
    </div>
</div>
  <!--end::App Content-->
@endsection
@section('footer_scripts')

<script>
    $(function(){

        // $("#asGroup").hide();
        $("#groupYes").prop( "checked", false )
        $("#groupYes").click(function(){
            $("#asGroup").toggle("slideUpSlow");
        })

    });
</script>

@endsection