@extends('admin.layouts.app')
@section('title', 'Add 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">Add 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">Add 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.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="form-group mb-4 col-lg-12">
                    <label for="name">Item Name</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Enter Item Name Here">
                    @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" min="1" class="form-control @error('quantity') is-invalid @enderror" placeholder="Enter Item Quantity Here">
                            @error('quantity')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                    </div>

                    <div class="form-group mb-4 col-lg-6">
                        <label for="minimum_quantity">Minimum Quantity</label>
                        <input type="number" name="minimum_quantity" min="1" class="form-control" placeholder="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 }}">{{ $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" max="6000000" name="buying_price" class="form-control @error('buying_price') is-invalid @enderror" placeholder="Enter Item buying_price Here">
                        @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="10" max="6000000" name="selling_price" class="form-control @error('selling_price') is-invalid @enderror" placeholder="Enter Item Selling Price Here">
                        @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" 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" class="form-control" name="group_number">
                    </div>

                </div>

                <div class="form-group mb-4 col-lg-12">
                    <input type="hidden" name="controlled_by" value="{{ Auth::guard('admin')->user()->id }}">
                </div>


                <div class="form-group mb-4">
                    <label for="description">Description(Optional)</label>
                    <textarea name="description" id="" cols="5" rows="2" class="form-control"></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">SAVE ITEM TO SYSTEM</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