@extends('layouts.app', ['activePage' => 'listProduct', 'titlePage' => __('Add Product')])


@section('content')

<div class="content">
    @if (count($errors) > 0)
    @if($errors->any())
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{$errors->first()}}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
          </div>
 @endif
@endif
</br>


    <div class="container-fluid">
    <div class="card">
        <div class="card-header card-header-text card-header-success text-right">
        <div class="card-text ">
              <h4 class="card-title">{{ __('pages.add') }}</h4>
            </div>
            </div>
            <div class="card-body">               
            <div class="col-md-12">
            
                <form method="post" action="{{ route('product.addNewProduct') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf


                    <div class="pl-lg-4">

 


<div class="form-group">

  <label for="id_label_multiple"> {{ __('pages.select') }} {{ __('pages.subcategory') }} </label>

<select class="js-example-basic-multiple js-states form-control select2" id="subcategory" name="subcategory_id"  required>
                              <option value="">Select</option>
                              @foreach ($listCat as $key=>$f)
                              <optgroup label="{{$f->category_name}}">
                              @foreach ($listSub as $key=>$b)
                              @if($f->category_id == $b->category_id )
                              
                              <option value="{{$b->subcategory_id}}">{{$b->subcategory_name}}</option>
                  @endif
                              @endforeach
                              </optgroup>
                              @endforeach

</select>
</div>

       <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.name') }}</label>
                             
                            <input type="text" name="product_name" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __(' ') }}"   required >

                        </div>

       <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.name_arabic') }}</label>
                             
                            <input type="text" name="product_name_ar" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __(' ') }}"   required >

                        </div>
                        
          <div class="form-group">
                            <label class="form-control-label" for="input-name"  >{{ __('pages.quantity') }} </label>
                             
                            <input type="number" name="product_quantity" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __('') }}"    >

                        </div>
                        
                                <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.price') }} </label>
                             
                            <input type="number" name="product_price" id="input-name"
                                class="form-control form-control-alternative" 
                                placeholder="{{ __('') }}"  required >

                        </div>
                        
                         <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.discount') }}</label>
                             
                            <input type="number" name="product_discount" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __('') }}"   >

                        </div>
						  
          
                         

      
     <div class="form-group">
                            <label class="form-control-label" for="input-Description">{{ __('pages.description') }}</label>
                       
                                   <textarea id="editor" class="editor" name="product_descr"></textarea>
         
</div>
                 
            
     <div class="form-group">
                            <label class="form-control-label" for="input-Description">{{ __('pages.description_arabic') }}</label>
                       
                                   <textarea id="editor_ar" class="editor" name="product_descr_ar"></textarea>
         
</div>
              
                
                        
                        
                        <div class="text-center">
                            <a href="{{ route('product.listProduct') }}"  class="btn btn-primary mt-4">{{ __('pages.back') }}</a>

                            <button type="submit" class="btn btn-success mt-4">{{ __('pages.save') }}</button>
                        </div>
                    </div>
                </form>
            </div>
            </div>
        </div>
    </div>
    </br>
</div>

@endsection

@push('js')
 
      <script>
     
                        CKEDITOR.replace( 'editor' );
                        CKEDITOR.replace( 'editor_ar' , {
    contentsLangDirection: 'rtl'
} );

                 </script>

@endpush