@extends('layouts.app', [
'class' => '',
'activePage' => 'listProduct', 'titlePage' => __('Edit 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.edit') }}</h4>
            </div>
            </div>
            <div class="card-body">               

            <div class="col-md-12">
                <form method="post" action="{{ route('product.updateProduct') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf
                    <input class="form-control{{ $errors->has('id') ? ' is-invalid' : '' }}" name="product_id" id="input-id" type="text"   value="{{ old('id', $editProduct->product_id) }}" hidden/>


                    <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="">{{ __('pages.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 
 
                              @if($editProduct->subcategory_id== $b->subcategory_id)
                              selected 
                              @endif
 
                              value="{{$b->subcategory_id}}"
                              
                              >{{$b->subcategory_name}}</option>
                  @endif
                              @endforeach
                              </optgroup>
                              @endforeach

</select>
</div>


                  <div class="form-group{{ $errors->has('product_name') ? ' has-danger' : '' }}">
                            <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{{ $errors->has('product_name') ? ' is-invalid' : '' }}"
                                placeholder="{{ __('') }}" value="{{$editProduct->product_name}}" required  >

                        </div>
                        
       <div class="form-group{{ $errors->has('product_name') ? ' has-danger' : '' }}">
                            <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{{ $errors->has('product_name_ar') ? ' is-invalid' : '' }}"
                                placeholder="{{ __('') }}" value="{{$editProduct->product_name_ar}}" required  >

                        </div>
                        
                        <div   class="form-group{{ $errors->has('product_quantity') ? ' has-danger' : '' }}">
                            <label class="form-control-label" for="input-name">{{ __('pages.quantity') }}</label>
                            <input type="text" name="product_quantity" id="input-name"
                                class="form-control form-control-alternative{{ $errors->has('product_quantity') ? ' is-invalid' : '' }}"
                                placeholder="{{ __('') }}" value="{{$editProduct->product_quantity}}"   >

                        </div> 

                        <div class="form-group{{ $errors->has('product_price') ? ' has-danger' : '' }}">
                            <label class="form-control-label" for="input-name">{{ __('pages.price') }}</label>
                            <input type="text" name="product_price" id="input-name"
                                class="form-control form-control-alternative{{ $errors->has('product_price') ? ' is-invalid' : '' }}"
                                placeholder="{{ __('') }}" value="{{$editProduct->product_price}}" required  >

                        </div>
                        
                       
                        
                        <div class="form-group{{ $errors->has('product_discount') ? ' has-danger' : '' }}">
                            <label class="form-control-label" for="input-name">{{ __('pages.discount') }} </label>
                            <input type="text" name="product_discount" id="input-name"
                                class="form-control form-control-alternative{{ $errors->has('product_discount') ? ' is-invalid' : '' }}"
                                placeholder="{{ __('') }}" value="{{$editProduct->product_discount}}"   >

                        </div>
     

     <div class="form-group">
                            <label class="form-control-label" for="input-Description">{{ __('pages.description') }}</label>
                       
                                   <textarea id="editor" class="editor" name="product_descr">{{$editProduct->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">{{$editProduct->product_descr_ar}}</textarea>
         
</div>

                        <div class="text-center">
                            <a href="{{ route('product.listProduct') }}"  class="btn btn-warning mt-4">{{ __('pages.back') }}</a>

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

        </div>
    </div>
    </br>
</div>
@endsection

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