@extends('crm.layouts.app')

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->

      <div class="container-fluid">
         
        {{-- NOTE Show All Errors Here --}}
        @include('crm.layouts.error')
        
        <form method="POST" action={{url('product/store')}}>
          @csrf
        <div class="card">
          <div class="card-header bg-gray">
            {{__('New Product')}}
          </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" 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)
                                    <option value="{{@$productGroup->id}}">{{@$productGroup->name}}</option>
                                @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 " required/>
                      </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" required/>
                        </div>
                      </div>
                    {{-- <div class="col-md-3">
                      <div class="form-group">
                          <label for="">{{__('Discount')}} ({{__('in')}} {{@$base_currency->name}})</label>
                          <input type="number" name="discount" class="form-control form-control-sm " step="0.02" required/>
                      </div>
                    </div> --}}
                    
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for=""><span class="asterisk_symbol">*</span> {{__('Units for Inventory')}} </label>
                            <input type="number" name="units" class="form-control form-control-sm " required/>
                        </div>
                      </div>
                </div>
                {{-- <div class="row">
                    <div class="col-md-4">
                      <div class="form-group">
                          <label for="">{{__('Tax Type 1')}}</label>
                          <select name="tax_type_1" class="form-control form-control-sm ">
                              <option selected disabled>{{__('Select Tax Type 1')}}</option>
                              @if (count($taxrates) > 0)
                                @foreach ($taxrates as $taxrate)
                                    <option value="{{@$taxrate->id}}">{{@$taxrate->name}}</option>
                                @endforeach
                              @endif
                          </select>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <label for="">{{__('Tax Type 2')}}</label>
                        <select name="tax_type_2" class="form-control form-control-sm ">
                            <option selected disabled>{{__('Select Tax Type 2')}}</option>
                            @if (count($taxrates) > 0)
                                @foreach ($taxrates as $taxrate)
                                    <option value="{{@$taxrate->id}}">{{@$taxrate->name}}</option>
                                @endforeach
                              @endif
                        </select>
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <label for="">{{__('Tax Type 3')}}</label>
                        <select name="tax_type_3" class="form-control form-control-sm ">
                            <option selected disabled>{{__('Select Tax Type 3')}}</option>
                            @if (count($taxrates) > 0)
                                @foreach ($taxrates as $taxrate)
                                    <option value="{{@$taxrate->id}}">{{@$taxrate->name}}</option>
                                @endforeach
                              @endif
                        </select>
                      </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></textarea>
                </div>
                <div class="form-group">
                  <label for="">{{__('Long Description')}} </label>
                  <textarea name="long_description" class="form-control form-control-sm " rows="5"></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 ">
                            {{__('Save Product')}}
                        </button>
                    </div>
                   
                </div>
            </div>
        </div>   
    </form>
  </div>
  </div>
@endsection