@extends('crm.layouts.app')

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Main content -->
      <div class="container-fluid">
         
        {{-- NOTE Show All Errors Here --}}
        @include('crm.layouts.error')
        
        <form method="POST" action={{url('product/update', $product)}}>
          @csrf
          @method('PUT')
        <div class="card  card-tabs">
          <div class="card-header  bg-gray p-0 pt-1 border-bottom-0">
            <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
              <li class="px-3"><h3 class="card-title">{{@$product->name}}</h3></li>
              
              
            </ul>

          </div>
          
          <div class="card-body bg-light-gray">
            <div class="tab-content" id="custom-tabs-three-tabContent">
              <div class="tab-pane fade show active" id="lead-details-id" role="tabpanel" aria-labelledby="lead-details">
                <div class="row">
                    <div class="col-md-8">
                      <div class="form-group">
                          <label for=""><span class="asterisk_symbol">*</span> {{__('Enter Product Name')}} </label>
                          <input type="text" name="name" class="form-control form-control-sm" value="{{@$product->name}}" data-validation="length" data-validation-length="2-50" required/>
                        </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                          <label for="">{{__('Products Group')}} </label>
                          <select name="product_group_id" class="form-control form-control-sm">
                              <option selected disabled> {{__('Select Product Group')}}</option>
                              @if (count($productGroups)> 0)
                                @foreach ($productGroups as $productGroup)
                                  @if (@$product->product_group_id == $productGroup->id)
                                    <option value="{{@$productGroup->id}}" selected>{{@$productGroup->name}}</option>
                                  @else
                                    <option value="{{@$productGroup->id}}">{{@$productGroup->name}}</option>
                                  @endif
                                @endforeach
                              @endif
                          </select>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-4">
                      <div class="form-group">
                           <label for=""><span class="asterisk_symbol">*</span> {{__('SKU')}} </label>
                          <input type="text" name="sku" class="form-control form-control-sm" value="{{@$product->sku}}" />
                      </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                             <label for=""><span class="asterisk_symbol">*</span> {{__('Price')}} </label>
                            <input type="number" name="price" class="form-control form-control-sm"  step="0.02" placeholder="Enter number of units" value="{{@$product->price}}" required/>
                        </div>
                      </div>
                    
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for=""><span class="asterisk_symbol">*</span> {{__('Units')}} </label>
                            <input type="number" name="units" value="{{@$product->units}}" class="form-control form-control-sm" required/>
                        </div>
                      </div>
                </div>

                <div class="form-group">
                  <label for=""><span class="asterisk_symbol">*</span> {{__('Short Description')}} </label>
                  <textarea name="short_description" class="form-control form-control-sm" required>{{@$product->short_description}}</textarea>
                </div>
                <div class="form-group">
                  <label for="">{{__('Long Description')}} </label>
                  <textarea name="long_description" class="form-control form-control-sm" rows="5">{{@$product->long_description}}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="card card-primary">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 com-sm-12 mt-3">
                        <button class="btn btn-primary btn-block ">
                            {{__('Update Product')}}
                        </button>
                    </div>
                   
                </div>
            </div>
        </div>   
    </form>
  </div>
    <!-- /.content -->
  </div>
@endsection