@extends('admin.master')

@section('title', 'Add Product')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-outline card-info">
        <div class="card-header">
          <h3 class="card-title">Add Product</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" action="{{ url('/addproduct') }}" method="post">
          @csrf
          <div class="card-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="item_name">Name <span style="color:red">*</span></label>
                  <input type="text" class="form-control @error('item_name') is-invalid @enderror" id="item_name" name="item_name" value="{{ old('item_name') }}" required>
                  @error('item_name')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label>Type <span style="color:red">*</span></label>
                  <select id="type" name="type" class="form-control @error('type') is-invalid @enderror" required>
                    <option disabled selected>Select type</option>
                    <option value="Cars">Cars</option>
                    <option value="Parts">Parts</option>
                  </select>
                  @error('type')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>

                <div class="form-group">
                  <label for="item_name">Purchase price <span style="color:red">*</span></label>
                  <input type="number" class="form-control @error('purchase_price') is-invalid @enderror" id="purchase_price" name="purchase_price" value="{{ old('purchase_price') }}" required>
                  @error('purchase_price')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Unit price <span style="color:red">*</span></label>
                  <input type="number" class="form-control @error('price') is-invalid @enderror" id="price" name="price" value="{{ old('price') }}" required>
                  @error('price')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Quantity <span style="color:red">*</span></label>
                  <input type="number" class="form-control @error('qty') is-invalid @enderror" id="qty" name="qty" value="{{ old('qty') }}" required>
                  @error('qty')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Serial No/Chassis no</label>
                  <input type="text" class="form-control" id="serial_no" name="serial_no" value="{{ old('serial_no') }}">
                </div>
                <div class="form-group">
                  <label>Condition</label>
                  <select name="car_condition" class="form-control">
                    <option value="Used">Used</option>
                    <option value="New">New</option>
                  </select>
                </div>
                <div class="form-group">
                  <label>Description</label>
                  <textarea class="form-control" rows="3" id="description" name="description">{{ old('description') }}</textarea>
                </div>
                <div class="form-group">
                  <label for="item_name">Reference</label>
                  <input type="text" class="form-control" id="ref" name="ref" value="{{ old('ref') }}">
                </div>
                <div class="form-group">
                  <label>Stock-in By <span style="color:red">*</span></label>
                  <select id="type" name="stockin_by_id" class="form-control @error('stockin_by_id') is-invalid @enderror" required>
                    <option disabled selected value="">Select an Employee</option>
                    @foreach($employees as $employee)
                      <option value="{{ $employee->id }}">{{ $employee->emp_name }}</option>
                    @endforeach
                  </select>
                  @error('stockin_by_id')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                  </span>
                  @enderror
                </div>
              </div>
              <div class="col-md-6">
                <div id="car_specs">
                  <div class="form-group">
                    <label for="item_name">Car brand</label>
                    <input type="text" class="form-control" id="car_brand" name="car_brand" value="{{ old('car_brand') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car model</label>
                    <input type="text" class="form-control" id="car_model" name="car_model" value="{{ old('car_model') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Color</label>
                    <input type="text" class="form-control" id="car_model" name="car_color" value="{{ old('car_color') }}">
                  </div>
                  <div class="form-group">
                    <label>Car Fuel type</label>
                    <select name="car_body_type" id="car_fuel_type" class="form-control">
                      <option value="Diesel">Diesel</option>
                      <option value="Petrol">Petrol</option>
                      <option value="Diesel-Petrol">Diesel-Petrol</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Trim/Edition</label>
                    <input type="text" class="form-control" id="car_trim" name="car_trim" value="{{ old('car_trim') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Model year</label>
                    <input type="text" class="form-control" id="car_model_year" name="car_model_year" value="{{ old('car_model_year') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Registration year</label>
                    <input type="text" class="form-control" id="car_reg_year" name="car_reg_year" value="{{ old('car_reg_year') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Registration Number</label>
                    <input type="text" class="form-control" id="car_fuel_type" name="car_reg_number" value="{{ old('car_reg_number') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Transmission</label>
                    <input type="text" class="form-control" id="car_transmission" name="car_transmission" value="{{ old('car_transmission') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Body type</label>
                    <input type="text" class="form-control" id="car_body_type" name="car_body_type" value="{{ old('car_body_type') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Engine capacity</label>
                    <input type="text" class="form-control" id="car_engine_capacity" name="car_engine_capacity" value="{{ old('car_engine_capacity') }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Kilometers run</label>
                    <input type="text" class="form-control" id="car_kilometers_run" name="car_kilometers_run" value="{{ old('car_kilometers_run') }}">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /.card-body -->

          <div class="card-footer">
            <button type="submit" class="btn btn-primary">Save</button>
          </div>
        </form>
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->
@endsection

@section('script_links')
  <script>
    @foreach(['success','error'] as $type)
    @if(Session::has('msg-'.$type))
    toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
    @endif
    @endforeach

    $(function() {
      // active left-menu
      // for tree addClass .menu-open
      // for submenu addClass .active
      $('#sub_add_product').addClass('active');

      $('#car_specs').hide();
      $('#type').change(function () {
        var type = $(this).val();
        if(type == "Cars"){
          $('#car_specs').show();
        } else {
          $('#car_specs').hide();
          $('#car_specs').find(':input').each(function () {
            $(this).val('');
          });
        }
      });
    });
  </script>
@endsection