@extends('admin.layouts.app')
@section('content')
<!-- main-panel -->
<div class="main-panel">
<div class="content-wrapper">
   <div class="row">
      <div class="col-12 col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <form action="{{ route('product.store') }}" class="forms-sample" method="post" enctype="multipart/form-data">
                @csrf
                  <div class="row">
                     <div class="col-12 col-md-6">
                        <h4 class="card-title">Add Products</h4>
                        <div class="slider1">
                           <div class="row">
                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Product Name</label>
                                    <input type="text"name="product_name" value="{{old('product_name')}}" class="form-control" id="exampleInputUsername1"
                                       placeholder="Product Name">
                                        @if($errors->has('product_name'))
                                            <div class="error">{{ $errors->first('product_name') }}</div>
                                        @endif
                                 </div>
                              </div>

                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Category</label>
                                    @if($categories)
                                    <select  class="js-example-basic-single form-control w-100 select2-hidden-accessible"
                                    tabindex="-1"
                                    aria-hidden="true" name="category_id" value="{{old('category_id')}}">
                                       @foreach($categories as $cate)
                                        <option value="{{ $cate->id }}">{{ !empty($cate) ?  ucfirst($cate->name) : '' }}</option>
                                       @endforeach
                                    </select>
                                    @endif
                                 </div>
                                    @if($errors->has('category_id'))
                                        <div class="error">{{ $errors->first('category_id') }}</div>
                                    @endif
                              </div>

                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Brand</label>
                                    @if($brands)
                                    <select  class="js-example-basic-single form-control w-100 select2-hidden-accessible"
                                    tabindex="-1"
                                    aria-hidden="true" name="brand_id" value="{{old('brand_id')}}">
                                       @foreach($brands as $brand)
                                        <option value="{{ $brand->id }}">{{ !empty($brand) ?  ucfirst($brand->brand_name) : '' }}</option>
                                       @endforeach
                                    </select>
                                    @endif
                                 </div>
                                    @if($errors->has('brand_name'))
                                        <div class="error">{{ $errors->first('brand_name') }}</div>
                                    @endif
                              </div>

                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Company</label>
                                    @if($companies)
                                    <select
                                       class="js-example-basic-single form-control w-100 select2-hidden-accessible"
                                       tabindex="-1" aria-hidden="true" name="company_id" value="{{old('company_id')}}">
                                       @foreach($companies as $comp)
                                        <option value="{{ $comp->id }}">{{ !empty( $comp) ?  ucfirst($comp->name) : '' }}</option>
                                       @endforeach
                                    </select>
                                    @endif
                                 </div>
                                    @if($errors->has('company_id'))
                                        <div class="error">{{ $errors->first('company_id') }}</div>
                                    @endif
                              </div>
                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Type</label>
                                    @if(!empty($types))
                                        <select
                                        class="js-example-basic-single form-control w-100 select2-hidden-accessible"
                                        tabindex="-1" aria-hidden="true" name="type_id" value="{{old('type_id')}}">
                                        @foreach($types as $type)
                                            <option value="{{ $type->id }}">{{ !empty( $type) ?  ucfirst($type->type) : '' }}</option>
                                        @endforeach
                                        </select>
                                    @endif
                                 </div>
                                    @if($errors->has('type_id'))
                                        <div class="error">{{ $errors->first('type_id') }}</div>
                                    @endif
                              </div>

                              <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Size</label>
                                    @if(!empty($sizes))
                                    <select
                                       class="js-example-basic-single form-control w-100 select2-hidden-accessible"
                                       tabindex="-1" aria-hidden="true" name="size_id" value="{{old('size_id')}}">
                                       @foreach($sizes as $size)
                                          @if($size->size == 'L')
                                            <option value="{{ $size->id }}">{{ !empty($size) ? ucfirst($size->size) : '' }}</option>
                                          @else
                                          @endif
                                          @endforeach
                                    </select>
                                    @endif
                                 </div>
                                    @if($errors->has('size_id'))
                                        <div class="error">{{ $errors->first('size_id') }}</div>
                                    @endif
                              </div>

                              <!-- <div class="col-12 col-lg-6">
                              <div class="form-group">
                                                    <label class="form-label" for="fw-nationality">Size</label>
                                                    <div class="form-control-wrap ">
                                                        <div class="form-control-select">
                                                        <select class="multipleSelect2" multiple="true">
                                                               <option value="1">Excellent</option>
                                                               <option value="2">Very Good</option>
                                                               <option value="3">Good</option>
                                                               <option value="4">Not Bad</option>
                                                               <option value="5">Bad</option>
                                                               <option value="6">Very Bad</option>
                                                            </select>
                                                            <span class="text-danger" id="department-error"></span>
                                                        </div>
                                                    </div>
                                                </div>
                              </div> -->

                            <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Product Price</label>
                                    <input type="number"name="product_price"  class="form-control" id=""
                                       placeholder="$" value="{{old('product_price')}}">

                                    @if($errors->has('product_price'))
                                        <div class="error">{{ $errors->first('product_price') }}</div>
                                    @endif
                                 </div>
                           </div>

                           <div class="col-12 col-lg-6">
                                 <div class="form-group">
                                    <label for="exampleInputUsername1">Product Quantity</label>
                                    <input type="number"name="product_quantity" class="form-control" id=""
                                       placeholder="Product Quantity" value="{{old('product_quantity')}}">
                                    @if($errors->has('product_quantity'))
                                        <div class="error">{{ $errors->first('product_quantity') }}</div>
                                    @endif
                                 </div>
                           </div>

                           <div class="col-12 col-lg-6">
                                 <div class="form-group obili">
                                    <label for="exampleInputUsername1" class="">Product Types</label>
                                    <select class="js-example-basic-single form-control w-100 select2-hidden-accessible" tabindex="-1" aria-hidden="true" name="product_type" value="{{old('product_type')}}">
                                        <option></option>
                                        <option value="trending_product">Trending Product</option>
                                        <option value="best_seller">Best Seller</option>
                                        <option value="new_arrival">New Arrivals</option>
                                        <option value="0">Inactive Product</option>
                                    </select>
                                    </div>
                                </div>

                           </div>

                           <div class="card">
                              <div class="card-body">
                                 <h4 class="card-title">Product Main Image</h4>
                                 <div class="row">
                                    <div class="col-12 col-lg-3">
                                       <div class="slider1">
                                          <div class="form-group">
                                             <label>Image</label>
                                             <div class="row align-items-center">
                                                <div class="col-12 col-lg-12">
                                                   <div class="text-start">
                                                      <img src="{{ URL::asset('assets/admin/images/faces/face5.png') }}"
                                                         class="img-fluid imgTag uploaded"
                                                         alt="Fav Icon">
                                                   </div>
                                                </div>
                                                <div class="posi-pic">
                                                   <div class="input-group col-xs-12">
                                                      <input type="file" name="product_main_image"
                                                         class="file-upload-default fileInput" value="{{old('product_main_image')}}">
                                                      <input type="text"
                                                         class="form-control file-upload-info"
                                                         disabled="" placeholder="Upload Image">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                              </div>
                           </div>

                           <div class="card">
                              <div class="card-body">
                                 <h4 class="card-title">Product Child Images</h4>
                                 <div class="row">
                                    <div class="col-12 col-lg-3">
                                       <div class="slider1">
                                          <div class="form-group">
                                             <label>Image 1</label>
                                             <div class="row align-items-center">
                                                <div class="col-12 col-lg-12">
                                                   <div class="text-start">
                                                      <img src="{{ URL::asset('assets/admin/images/faces/face5.png') }}"
                                                         class="img-fluid imgTag uploaded"
                                                         alt="Fav Icon">
                                                   </div>
                                                </div>
                                                <div class="posi-pic">
                                                   <div class="input-group col-xs-12">
                                                      <input type="file" name="img_1"
                                                         class="file-upload-default fileInput">
                                                      <input type="text"
                                                         class="form-control file-upload-info"
                                                         disabled="" placeholder="Upload Image">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                       <div class="slider1">
                                          <div class="form-group">
                                             <label>Image 2</label>
                                             <div class="row align-items-center">
                                                <div class="col-12 col-lg-12">
                                                   <div class="text-start">
                                                      <img src="{{ URL::asset('assets/admin/images/faces/face5.png') }}"
                                                         class="img-fluid imgTag uploaded"
                                                         alt="Fav Icon">
                                                   </div>
                                                </div>
                                                <div class="posi-pic">
                                                   <div class="input-group col-xs-12">
                                                      <input type="file" name="img_2"
                                                         class="file-upload-default fileInput">
                                                      <input type="text"
                                                         class="form-control file-upload-info"
                                                         disabled="" placeholder="Upload Image">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                       <div class="slider1">
                                          <div class="form-group">
                                             <label>Image 3</label>
                                             <div class="row align-items-center">
                                                <div class="col-12 col-lg-12">
                                                   <div class="text-start">
                                                      <img src="{{ URL::asset('assets/admin/images/faces/face5.png') }}"
                                                         class="img-fluid imgTag uploaded"
                                                         alt="Fav Icon">
                                                   </div>
                                                </div>
                                                <div class="posi-pic">
                                                   <div class="input-group col-xs-12">
                                                      <input type="file" name="img_3"
                                                         class="file-upload-default fileInput">
                                                      <input type="text"
                                                         class="form-control file-upload-info"
                                                         disabled="" placeholder="Upload Image">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-12 col-lg-3">
                                       <div class="slider1">
                                          <div class="form-group">
                                             <label>Image 4</label>
                                             <div class="row align-items-center">
                                                <div class="col-12 col-lg-12">
                                                   <div class="text-start">
                                                      <img src="{{ URL::asset('assets/admin/images/faces/face5.png') }}"
                                                         class="img-fluid imgTag uploaded"
                                                         alt="Fav Icon">
                                                   </div>
                                                </div>
                                                <div class="posi-pic">
                                                   <div class="input-group col-xs-12">
                                                      <input type="file" name="img_4"
                                                         class="file-upload-default fileInput">
                                                      <input type="text"
                                                         class="form-control file-upload-info"
                                                         disabled="" placeholder="Upload Image">
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>

                           <div class="row">
                              <div class="col-12 col-lg-12">
                                 <div class="form-group mt-4">
                                    <label for="exampleInputUsername1">Product description</label>
                                    <textarea id="summernote" style="display: none;" name="description" value="{{old('description')}}"></textarea>
                                 </div>
                                 @if($errors->has('description'))
                                    <div class="error">{{ $errors->first('description') }}</div>
                                @endif
                              </div>

                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-12 col-md-6">
                        <button type="submit" class="btn w-100 btn-primary mt-3">save</button>
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection