@extends('layout.app')
@section('title')
    Create Product
@endsection
@push('css')
<link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
@endpush
@section('content')

    <div class="content mt-4">
        <div class="container-fluid">
            <div class="card card-primary">
                <div class="card-header">
                  <h3 class="card-title">Add New Product</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form action="{{route('product-store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                  <div class="card-body">
                    <div class="row">


                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="image">Image</label>
                                <input required type="file" name="image" class="form-control @error('image') is-invalid @enderror " id="image">
                              </div>

                            @error('image')
                                <span class="error invalid-feedback">
                                  {{$message}}
                                </span>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="title">Title</label>
                                <input required type="text" name="title" class="form-control @error('title') is-invalid @enderror" id="title" value="{{old('title')}}" placeholder="Enter title">
                              </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                              <label for="subtitle">Subtitle</label>
                              <input type="text" name="subtitle" class="form-control @error('subtitle') is-invalid @enderror" id="subtitle" value="{{old('subtitle')}}" placeholder="Enter subtitle">
                            </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                              <label for="subtitle">Barcode</label>
                              <input required type="text" name="barcode" class="form-control @error('barcode') is-invalid @enderror" id="subtitle" value="{{old('barcode')}}" placeholder="Enter barcode">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                              <label>Category</label>
                              <select name="category_code" class="form-control select2 @error('category_code') is-invalid @enderror" style="width: 100%;">
                                @foreach ($categories as $category)
                                    <option value="{{$category->code}}">{{$category->name}}</option>
                                @endforeach
                              </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                          <div class="form-group">
                            <label>Brand</label>
                            <select name="brand_code" class="form-control select2 @error('brand_code') is-invalid @enderror" style="width: 100%;">
                              <option value="">Choose Brand</option>
                              @foreach ($brands as $brand)
                                  <option value="{{$brand->code}}">{{$brand->name}}</option>
                              @endforeach
                            </select>
                          </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="weight">Weight</label>
                            <input type="text" name="weight" class="form-control @error('weight') is-invalid @enderror" id="weight" value="{{old('weight')}}" placeholder="Enter weight">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="size">Size</label>
                            <input type="text" name="size" class="form-control @error('size') is-invalid @enderror" id="size" value="{{old('size')}}" placeholder="Enter size">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="freight">Freight</label>
                            <input type="number" name="freight" class="form-control @error('freight') is-invalid @enderror" id="freight" value="{{old('freight')}}" placeholder="Enter weight">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="price">Price</label>
                            <input required type="number" name="price" class="form-control @error('price') is-invalid @enderror" id="price" value="{{old('price')}}" placeholder="Enter price">
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="inventory">Inventory</label>
                            <input type="number" name="inventory" class="form-control @error('inventory') is-invalid @enderror" id="inventory" value="{{old('inventory')}}" placeholder="Enter inventory">
                        </div>
                      </div>
                      
                      <div class="col-md-6">
                        <div class="form-group">
                            <label for="citymart_code">CityMart Code</label>
                            <input type="text" name="citymart_code" class="form-control @error('citymart_code') is-invalid @enderror" id="citymart_code" value="{{old('citymart_code')}}" placeholder="Enter citymart code">
                        </div>
                      </div>
                      
                       <div class="col-md-6">
                        <div class="form-group">
                            <label for="sort">Sort</label>
                            <input type="text" name="sort" class="form-control @error('sort') is-invalid @enderror" id="sort" value="{{old('sort')}}" placeholder="Enter sort number">
                        </div>
                      </div>

                      <div class="col-md-12">
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea rows="6" type="number" name="description" class="form-control @error('description') is-invalid @enderror" id="description" placeholder="Enter description">{{old('description')}}</textarea>

                        </div>
                      </div>
                    </div>
                  </div>
  
                  <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </form>
              </div>
        </div>
    </div>

@endsection
@push('scripts')
    <script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
    <script>
        $(function () {
            //Initialize Select2 Elements
            $('.select2').select2();

            $('.select2bs4').select2({
            theme: 'bootstrap4'
            })
        })
    </script>
@endpush